標籤:劃線 有序列表 文字 span 表示 div -- 列表 預設
<html> --開始標籤
<head>
網頁上的控制資訊
<title>頁面標題</title>
</head>
<body>
頁面顯示的內容
</body>
</html> --結束標籤
<!--注釋內容--> 注釋
body的屬性:
bgcolor 頁面背景色
text 文字顏色
topmargin 上頁面邊界
leftmargin 左頁面邊界
rightmargin 右頁面邊界
bottomargin 下頁面邊界
background 背景壁紙
________________________________________________________________________________________________________________________________
一般標籤
1 格式控制標籤
<font color="" face="" size=""></font> 控制字型;color="##FF0000";face,字型;size,字型大小。
<b></b> 字型加粗
<i></i> 傾斜
<u></u> 底線
<strong></strong> 字型加粗(強調,語氣加強用)
<em></em> 字型傾斜(強調,語氣加強用)
<center></center> 置中
<br> 或<br /> 相當於斷行符號
 ; 表示空格 也可以在設計頁面中按ctrl+shift+space
_________________________________________________________________________________________________________________________________
2 內容容器標籤
<h1></h1>……<h6></h6> 標題(會自動換行)。HTML標題(Heading)是通過<h1> - <h6> 等標籤進行定義的。
<p></p> 段落標籤(段落之間空行)
<div></div> 層標籤(預設佔一行)
<span></span> 層標籤(預設用多大空間佔多大空間)
<ol type="1"> --有序列表,序號為1,2,3……,引號中可以更改序號形式
<li>內容</li>
<li>內容</li>
</ol> --上面“ol”改為“ul”則為無序列表
“../” 表示上級目錄
“./” 表示目前的目錄
相對路徑:從當前頁面開始尋找。
________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________
表格
<table></table> 表格
width:寬度。可以用像素或百分比表示。常用960像素。
border:邊框。常用值0。
cellpadding:內容跟儲存格邊框的邊距。常用值0。
cellspacing:儲存格之間的間距。常用值0。
align:對齊。
bgcolor:背景色。
background:背景圖片。
<tr></tr> 行
align:一行的內容的水平對齊
valign:一行的內容的垂直對齊
height:行高
bgcolor:背景色
background:背景圖片
<td></td> 儲存格
<th></th> 表頭,儲存格的內容自動置中、加粗
align:儲存格的內容的對齊
valign:儲存格的內容的垂直對齊
width:儲存格寬度
height:儲存格高度
bgcolor:背景色
background:背景圖片
內容必須放在儲存格裡,儲存格必須放在行裡,行必須放在表格裡。設定儲存格行高、列高時,會同時影響對應的行或列
儲存格合并:(建議盡量用表格嵌套)
colspan="n" 合并同一行儲存格(後面寫代碼要減去相對應的列)
rowspan="n" 合并同一列儲存格(從第二行開始減去對應的列)
_______________________________________________________________________________________________________________________________
_______________________________________________________________________________________________________________________________
html與表格知識