1. 程式人生 > >HTML總結(一)

HTML總結(一)

方向 定義 marquee amount 數據 cti 絕對路徑 size 底部

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總結(一)