HTML 語法教學之序列標籤

2021-03-31 21:53:59 字數 1140 閱讀 5655

【無序標籤】

序列標籤基本上可分為兩種,一種是「無序條列」,一種是「有序條列」。所謂「無序條列」當然就是意指各條列間並無順序關係,純粹只是利用條列式方法來呈現資料而已,此種無序標籤,在各條列前面均有一符號以示區隔。至於「有序條列」就是指各條列之間是有順序的,從1、2、3…一直延伸下去。

我們先來看看「無序列表標籤」如何使用:

原始碼呈現結果

其中【有序標籤】

接下來,我們來看看「有序列表標籤」如何使用:

原始碼呈現結果

姓名:傑克公升

生日:1974/11/21

星座:天蠍座

姓名:傑克公升

生日:1974/11/21

星座:天蠍座

其中標籤即為「有序列表標籤」,每增加一列內容,就必須加乙個。

和無序列表標籤一樣,我們也可以選擇不同的符號來顯示順序,一樣是用type屬性來作更改,一更有五種符號:1(數字)、a(大寫英文本母)、a(小寫英文本母)、i(大寫羅馬字母)、i(小寫羅馬字母)等五種:

原始碼呈現結果

type="a">

姓名:傑克公升

生日:1974/11/21

星座:天蠍座

姓名:傑克公升

生日:1974/11/21

星座:天蠍座

另外,我們亦可指定序列起始的數目,其方法如下:

原始碼呈現結果

start="8">

姓名:傑克公升

生日:1974/11/21

星座:天蠍座

姓名:傑克公升

生日:1974/11/21

星座:天蠍座

【定義列表標籤】

css(cascading style sheet)

css是由w3c於2023年12月所公布的一項新技術,什麼叫做cascading style sheet?簡單說來他是一種具有階層性的形式設定,能夠讓網頁設計者在設計網頁時,對於網頁上的任何物件均有更佳的操控性…

網頁裡也有可以做到這種效果的標籤喔!現在要來跟各位說的就是這個標籤。咱們先來看看這標籤的用法:

我們先來看看「定義列表標籤」如何使用:

原始碼呈現結果

小標題標題的內容說明

小標題

標題的內容說明

HTML 語法教學之背景標籤

背景標籤 說穿了,背景標籤只有這個標籤,其餘的效果,只要加上一些簡單的屬性便可做到。使用方法 標籤解說 這個標籤其實應該老早就要講了,畢竟它是構成網頁不可或缺的基本要素之一 哎哎哎.現在放馬後炮有什麼用!我們背景顏色或的設定以及鏈結字型的顏色,通通都放在這標籤裡面。我就其屬性來一一解說 背景顏色 用...

HTML 語法教學之字型標籤

標題標籤 使用方法 標籤解說 標題的大小一共有六種,兩個標籤一組,也就是從 標題四標題四 標題五標題五 標題六標題六 設定字型大小標籤 使用方法 文字內容 標籤解說 標題的大小一共有七種,也就是 最小 到 最大 另外,還有一種寫法 文字內容 其意思就是說 比預設字大一級。當然也可以 font siz...

HTML 4 0 語法教學 筆記2 標籤

html 4.0 語法教學 筆記2 筆記 分隔標籤 換行標籤 單標籤 分段標籤 分隔線標籤 單標籤 color ff8000 有顏色的分隔線 width 240 寬度為240px的分隔線 寬度為50 的分隔線 size 5 厚度為5的分隔線 align right 右對齊的分隔線 align 水平對...