HTML的編輯基礎(chǔ)(新手必看篇)

打開DREAMWEAVER，新建HTML。。

body的屬性：

bgcolor 頁面背景色

background 背景壁紙、圖片

text 文字顏色

topmargin 上邊距

leftmargin 左邊距

rightmargin 右邊距

bottommargin 下邊距

格式控制標(biāo)簽：

<font color="" face="" size=""></font>

分別控制字體的顏色、字體和大小。

<b></b> 字體加粗

<strong></strong> 字體加粗

<i></i> 傾斜

<em></em> 傾斜

<u></u> 下劃線

<center></center> 居中

<br>或<br/> 相當(dāng)于回車

表示空格，Ctrl+shift+space

內(nèi)容容器標(biāo)簽：

<h1></h1> 標(biāo)題，會自動換行。HTML標(biāo)題是

. . . 通過<h1>到<h6>等標(biāo)簽來定義的。

<h6></h6>

<p></p> 段落標(biāo)簽（段落之間空行）

<div></div> 層標(biāo)簽（默認占用一行）

<span></span> 層標(biāo)簽（默認用掉多大空間占用多大空間）

<ol type="1"> 有序列表，序號為1,2,3....，引號中可以更改序號的形式

<li>內(nèi)容<li>

<li>內(nèi)容<li>

</ol> 上面的ol改為ul則變?yōu)闊o序號列表

"../" 表示上級目錄

"./" 表示當(dāng)前目錄

相對路徑：從當(dāng)前頁面開始查找。

絕對路徑：從網(wǎng)站的根開始查找。"/"，代表網(wǎng)站的根。

超鏈接標(biāo)簽：

<a href="超鏈接地址" target="_blank">超鏈接文字</a> --在新窗口打開

還可以在當(dāng)前頁找到目錄點擊目錄上的超鏈接，自動跳轉(zhuǎn)到當(dāng)頁的某一個地方。

圖片標(biāo)簽：

<img src="圖片地址" alt="文字" width=“” height=“” title=“描述文字” />

高度跟寬度設(shè)置一個即可保持原有比例。

alt在圖片無法加載時，顯示文字，還可以幫助搜索引擎搜索。

title可以添加圖片描述，鼠標(biāo)放在圖片上時可以顯示描述。

表格：

<table></table>表格

width:寬度�？梢杂孟袼鼗虬俜直缺硎�。 常用960像素。

border：邊框，常用值為0。

cellpadding：內(nèi)容跟邊框的距離，常用值為0。

cellspacing：單元格與單元格之間的間距，常用值為0。

algin：對齊方式。

bgcolor：背景色。

background：背景圖片。

<tr></tr>行

align:一行內(nèi)容的水平對齊方式。

valign:一行內(nèi)容的垂直對齊方式。

height：行高。

bgcolor：背景色。

background：背景圖片。

<td></td>單元格

<th></th>表頭，單元格的內(nèi)容自動居中、加粗

align:單元格內(nèi)容的對齊方式。

valign:單元格的內(nèi)容的垂直對齊方式。

width：單元格寬度。

height：單元格高度。

bgcolor：背景色。

background：背景圖片。

內(nèi)容必須放在單元格里，單元格必須放在行里，行必須放在表格里。

設(shè)置單元格行高、列高時，會同時影響對應(yīng)的行或列。

單元格合并：（建議盡量用表格嵌套）

colspan=“n”合并同一行的單元格（后面寫代碼要減去相對應(yīng)的列）

rowspan=“n” 合并同一列單元格（從第二行開始減去相對應(yīng)的列）

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

怎樣用h5的sse服務(wù)器發(fā)送EventSource事件

h5如何實現(xiàn)記住密碼功能

HTML的table鼠標(biāo)拖拽排序該如何實現(xiàn)

以上就是HTML的編輯基礎(chǔ)(新手必看篇)的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！