HTML 排版與標籤(四)

2021-07-17 01:20:12 字數 2062 閱讀 7671

清單標籤分為3種:

1、無序清單(記憶unorderlist)預設有小圓點

屬性:type 取值:disc(圓點) circle(空心圓) square(方形)

2、有序清單(記憶orderlist)預設數字排序

屬性:type 取值 1,a,a,i,i

start

3、定義清單(記憶definelist)

使用(清單標題)標籤和(清單項)

**標籤使用

屬性:border:邊框

width:寬度

height:高度

align:**的對齊方式

cellpadding:單元格內容到邊的距離

cellspacing:單元格和單元格之間的距離

bgcolor:背景顏色

background:背景

bordercolorlight:**的上,左邊框,以及單元格的右,下邊框的顏色

bordercolordark: **的右,下邊框,以及單元格上,左的邊框的顏色

dir:單元格內容的排列方式 取值:ltr 從左到右, rtl:從右到左

tr: 行

bgcolor:背景顏色

td: 列

屬性:

align: 內容的橫向對齊方式

valign: 內容的縱向對齊方式 top,middle,bottom

width: 絕對值或者相對值(%)

height:單元格的高度

border="2"

width="200"

height="200"

align="center"

cellpadding="20"

cellspacing="10"

bordercolordark="red"

bordercolor="blue"

bgcolor="#f0ffcc"

background="#00f"

dir="rtl">

thead>

align="bottom">**標題caption>

bgcolor="#00ff00" >

bgcolor="red">水果td>

align="center">數量td>

tr>

valign="top" >蘋果th>

3td>

tr>

rowspan="2">橙子td>

4td>

tr>

4td>

tr>

table>

border="2"

width="200"

height="200"

align="center"

cellpadding="20"

cellspacing="10"

bordercolordark="red"

bordercolor="blue"

bgcolor="#f0ffcc"

ackground="#00f" >

bgcolor="#00ff00" >

bgcolor="red">水果td>

align="center">數量td>

thead>

tr>

valign="top" >蘋果th>

3td>

tr>

colspan="2">4td>

tr>

tbody>

橙子td>

4td>

tr>

table>

HTML排版標籤

排版標籤 p 段落標籤,把文字內容分段落顯示。支援巢狀。hr 水平線標籤,沒有主體內容,使用自閉合。水平線預設寬度是佔滿外層元素 屬性有 align 水平線所處的位置 相對位置 相對外層元素而說的 width 水平線的寬度 size 水平線的厚度 noshade 它是乙個內建屬性,既是屬性有表示值。...

HTMl排版標籤

首先我們要明確html和css是兩種不同的東西,這兩者是不一樣的,但他們都是被應用於前端開發的學習中最好分開去學,不然容易混亂。今天介紹html中的排版標籤 排版標籤主要和css搭配使用,是顯示網頁結構的標籤,是網頁布局最常用的標籤 單絲縮寫 head 頭部,此處要和title區分開 標籤分六級從他...

前端學習筆記 html 排版標籤

首先 html和css是兩種完全不同的語言,我們學的是結構,就只寫html標籤,認識標籤就可以了。不會再給結構標籤指定樣式了。標題文字排版標籤主要和css搭配使用,顯示網頁結構的標籤,是網頁布局最常用的標籤。h1 h2 h3 h4 h5 h6 標題標籤語義 作為標題使用,並且依據重要性遞減 其基本語...