HTML總結(一)
1:HTML的基本構成:
<html></hmtl>表示文檔的開始和結束
<head></head>表示文檔頭的開始和結束
<title></title>文檔的標4 題開始及結束
<body></body>文檔正文的開始及結束
2 頁面屬性<body>標簽內的屬性
bgcolor 背景顏色
background 背景圖片
text 正文文字的顏色
link 鏈接文字的顏色
alink 正被單擊鏈接文字的顏色
vlink 已被單擊過鏈接文字的顏色
leftmargin 網頁左邊空白
topmargin 網頁上邊空白
3 超鏈接:
<a huef="URL" target="打開方式" >文字或圖片</a>
“URL”代表網址或本站某頁面,“打開方式”兩個基本選項:1 “_blank” 在新窗口中打開 2 “_self 在本窗口中打開”
4:文字設置
標題文字大小:<hn></hn> n={1-6}號大小
單獨設置文字:<font></font>
字號:<font size=n> n={1--7}
字體:<font face=X> X=隸書、黑體、楷體_gb2312、仿宋_gb2312、Arial
顏色:<font color=X>
文字特殊效果:
<b>加粗</b>
<i>斜體</i>
<u>下劃線</u>
<sub>下標字體</sub>
<sup>上標字體</sup>
<s>刪除線</s>
<big>大號字體</big>
<small>小號字體</small>
網頁布局:
<hr>:水平線
<hr size=n> n=像素:粗線
<hr wirth=n> n=像素或窗口百分比:寬度
<hr color=X>
<hr aign=X>X=left(左對齊), right(右對齊),center(居中);
<br>段落格式:
<br>:換行
<p>:段落也可以<p></p>
<nobr>也可以<nobr></nobr>強制不換行
對齊方式:
段落對齊方式:<p align=X></p>
標題文字對齊方式:<hn align=X></hn>
文本分區顯示對齊方式<div align=X></div>
單獨居中"<center>內容</center>" 包含在中間的“內容”居中對齊
圖像:
<img src="url"> url=url=絕對路徑或相對路徑及文件名2。插入圖像
圖像與文字對齊<img src="url" align="Y">Y=top(頂部) middle(中部) botton(底部)
圖像與周邊文字間距<img src="url" vspace(垂直)="像素" hspace(水平像素)>
圖像大小及邊框寬度<img src="url" width="像素" height="像素" border="像素">
圖像超鏈接<a href="URL"> <img src="url"></a>
表格的操作:
1:插入表格:
<table>...</table>:定義表格<表格的開始和結束>
<tr>.....</tr>定義表行每一行都需定義)
<th>....</th>定義表頭(一般指第一行,因為很多表格沒有表頭,所以其經常省略)
<td>....</td> 定義表元(表格的具體數據)
跨多列的表元:<th colspan=#>或<td colspan=#>
跨多行的表元: <th rowspan=#>或<td rowspan=#>
表格外觀:
設置表格邊框:<table border=#>
設置表格尺寸:<table width=# height=#>
單元格間距:<table cellspacing=#>
內容與單元格間距:<table cellpadding=#>
設置表格,7行,8列,9單元格的背景色或圖片:
<table bgcolor=#>和<table background=url>
<th bgcolor=#>和<th background=url>
<td bgcolor=#>和<td background=url>
<tr bgcolor=#>和<tr background=url>
表格邊框顏色:<table bordercolor=#>
表格內文字對齊:
文字在表格內左對齊,居中,右對齊:
<tr align=#> #=left,center,right
<td align=#>
文字在表格靠上,垂直居中,靠下:
<tr valign=#> #=top,middle,botton
<td valign=#>
網頁動態內容:
移動的文字:<marquee></marquee>
方向<direction=left,right,up,down>
方式<behavior=scroll(繞圈走),slide(一次),alternate(來回走)>
速度 scrollamount=1.....
延時 scrolldelay=1.....
底色 bgcolor
區域 height,width
嵌入多媒體<embed src=usl width=# height=#>
設置背景透明: wmode=transparent
網頁背景音樂 <bgsound src=url toop=#>
HTML總結(一)