打開DREAMWEAVER，新建HTML。。

body的屬性：

bgcolor 頁面背景色

background 背景壁紙、圖片

text 文字顏色

topmargin 上邊距

leftmargin 左邊距

rightmargin 右邊距

bottommargin 下邊距

格式控制標簽：

font color= face= size= /font

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

b /b 字體加粗

strong /strong 字體加粗

i /i 傾斜

em /em 傾斜

u /u 下劃線

center /center 居中

br 或 br/ 相當于回車

表示空格，Ctrl+shift+space

內容容器標簽：

h1 /h1 標題，會自動換行。HTML標題是

. . . 通過 h1 到 h6 等標簽來定義的。

h6 /h6

p /p 段落標簽（段落之間空行）

div /div 層標簽（默認占用一行）

span /span 層標簽（默認用掉多大空間占用多大空間）

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

li 內容 li

li 內容 li

/ol 上面的ol改為ul則變為無序號列表

../ 表示上級目錄

./ 表示當前目錄

相對路徑：從當前頁面開始查找。

絕對路徑：從網站的根開始查找。 / ，代表網站的根。

超鏈接標簽：

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

還可以在當前頁找到目錄點擊目錄上的超鏈接，自動跳轉到當頁的某一個地方。

圖片標簽：

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

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

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

title可以添加圖片描述，鼠標放在圖片上時可以顯示描述。

表格：

table /table 表格

width:寬度。可以用像素或百分比表示。 常用960像素。

border：邊框，常用值為0。

cellpadding：內容跟邊框的距離，常用值為0。

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

algin：對齊方式。

bgcolor：背景色。

background：背景圖片。

tr /tr 行

align:一行內容的水平對齊方式。

valign:一行內容的垂直對齊方式。

height：行高。

bgcolor：背景色。

background：背景圖片。

td /td 單元格

th /th 表頭，單元格的內容自動居中、加粗

align:單元格內容的對齊方式。

valign:單元格的內容的垂直對齊方式。

width：單元格寬度。

height：單元格高度。

bgcolor：背景色。

background：背景圖片。

內容必須放在單元格里，單元格必須放在行里，行必須放在表格里。

設置單元格行高、列高時，會同時影響對應的行或列。

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

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

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

相信看了這些案例你已經掌握了方法，更多精彩請關注php 其它相關文章！

相關閱讀：

怎樣用h5的sse服務器發送EventSource事件

h5如何實現記住密碼功能

HTML的table鼠標拖拽排序該如何實現

以上就是HTML的編輯基礎(新手必看篇)的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。