HTML的編輯基礎(chǔ)(新手必看篇)
發(fā)表時(shí)間：2023-09-21 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這次給大家?guī)?lái)HTML的編輯基礎(chǔ)(新手必看篇)，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下。打開(kāi)DREAMWEAVER，新建HTML。。body的屬性：bgcolor 頁(yè)面背景色background 背景壁紙、圖片text ...
這次給大家?guī)?lái)HTML的編輯基礎(chǔ)(新手必看篇)，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下。
打開(kāi)DREAMWEAVER，新建HTML。。
body的屬性：
bgcolor 頁(yè)面背景色
background 背景壁紙、圖片
text 文字顏色
topmargin 上邊距
leftmargin 左邊距
rightmargin 右邊距
bottommargin 下邊距
格式控制標(biāo)簽：
<font color="" face="" size=""></font>
分別控制字體的顏色、字體和大小。
<b></b> 字體加粗
<strong></strong> 字體加粗
<i></i> 傾斜
<em></em> 傾斜
<u></u> 下劃線(xiàn)
<center></center> 居中
<br>或<br/> 相當(dāng)于回車(chē)
表示空格，Ctrl+shift+space
內(nèi)容容器標(biāo)簽：
<h1></h1> 標(biāo)題，會(huì)自動(dòng)換行。HTML標(biāo)題是
. . . 通過(guò)<h1>到<h6>等標(biāo)簽來(lái)定義的。
<h6></h6>
<p></p> 段落標(biāo)簽（段落之間空行）
<div></div> 層標(biāo)簽（默認(rèn)占用一行）
<span></span> 層標(biāo)簽（默認(rèn)用掉多大空間占用多大空間）
<ol type="1"> 有序列表，序號(hào)為1,2,3....，引號(hào)中可以更改序號(hào)的形式
<li>內(nèi)容<li>
<li>內(nèi)容<li>
</ol> 上面的ol改為ul則變?yōu)闊o(wú)序號(hào)列表
"../" 表示上級(jí)目錄
"./" 表示當(dāng)前目錄
相對(duì)路徑：從當(dāng)前頁(yè)面開(kāi)始查找。
絕對(duì)路徑：從網(wǎng)站的根開(kāi)始查找。"/"，代表網(wǎng)站的根。
超鏈接標(biāo)簽：
<a href="超鏈接地址" target="_blank">超鏈接文字</a> --在新窗口打開(kāi)
還可以在當(dāng)前頁(yè)找到目錄點(diǎn)擊目錄上的超鏈接，自動(dòng)跳轉(zhuǎn)到當(dāng)頁(yè)的某一個(gè)地方。
圖片標(biāo)簽：
<img src="圖片地址" alt="文字" width=“” height=“” title=“描述文字” />
高度跟寬度設(shè)置一個(gè)即可保持原有比例。
alt在圖片無(wú)法加載時(shí)，顯示文字，還可以幫助搜索引擎搜索。
title可以添加圖片描述，鼠標(biāo)放在圖片上時(shí)可以顯示描述。
表格：
<table></table>表格
width:寬度�？梢杂孟袼鼗虬俜直缺硎尽� 常用960像素。
border：邊框，常用值為0。
cellpadding：內(nèi)容跟邊框的距離，常用值為0。
cellspacing：?jiǎn)卧衽c單元格之間的間距，常用值為0。
algin：對(duì)齊方式。
bgcolor：背景色。
background：背景圖片。
<tr></tr>行
align:一行內(nèi)容的水平對(duì)齊方式。
valign:一行內(nèi)容的垂直對(duì)齊方式。
height：行高。
bgcolor：背景色。
background：背景圖片。
<td></td>單元格
<th></th>表頭，單元格的內(nèi)容自動(dòng)居中、加粗
align:單元格內(nèi)容的對(duì)齊方式。
valign:單元格的內(nèi)容的垂直對(duì)齊方式。
width：?jiǎn)卧駥挾取?/p>
height：?jiǎn)卧窀叨取?/p>
bgcolor：背景色。
background：背景圖片。
內(nèi)容必須放在單元格里，單元格必須放在行里，行必須放在表格里。
設(shè)置單元格行高、列高時(shí)，會(huì)同時(shí)影響對(duì)應(yīng)的行或列。
單元格合并：（建議盡量用表格嵌套）
colspan=“n”合并同一行的單元格（后面寫(xiě)代碼要減去相對(duì)應(yīng)的列）
rowspan=“n” 合并同一列單元格（從第二行開(kāi)始減去相對(duì)應(yīng)的列）
相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
相關(guān)閱讀：
怎樣用h5的sse服務(wù)器發(fā)送EventSource事件
h5如何實(shí)現(xiàn)記住密碼功能
HTML的table鼠標(biāo)拖拽排序該如何實(shí)現(xiàn)
以上就是HTML的編輯基礎(chǔ)(新手必看篇)的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
