網(wǎng)站html代碼解析
轉(zhuǎn)轉(zhuǎn)大師PDF轉(zhuǎn)換器
支持40多種格式轉(zhuǎn)換，高效辦公
馬上下載
1、什么是HTML文件？
HTML中文叫做“超文本標(biāo)記語(yǔ)言”，一個(gè)HTML文件不僅包含文本內(nèi)容，還包含一些標(biāo)記，一個(gè)HTML文件的后綴名是.htm或者是.html。用文本編輯器（Dreamweaver）就可以編寫HTML文件。
2、html文件的基本結(jié)構(gòu)：（成對(duì)出現(xiàn)）
<html> html文件開始
<head> html文件的頭部開始
... ... 頭部?jī)?nèi)容
</head> html文件的頭部結(jié)束
<body> html文件的主體開始
... … 主體內(nèi)容
</body> html文件的主體結(jié)束
</html> html文件結(jié)束
3、<title></title>:網(wǎng)頁(yè)標(biāo)簽
<title> 網(wǎng)站名稱</title>
4、mate標(biāo)簽（關(guān)于網(wǎng)頁(yè)信息）
<metaname="description" content=“網(wǎng)絡(luò)營(yíng)銷學(xué)院">：網(wǎng)頁(yè)描述，包含關(guān)鍵詞，在網(wǎng)頁(yè)前臺(tái)不顯示，但會(huì)在搜索結(jié)果顯示。<metaname="keywords" content="seo,網(wǎng)絡(luò)營(yíng)銷,sem">網(wǎng)頁(yè)關(guān)鍵詞，包含關(guān)鍵詞，幾乎無(wú)作用了，在網(wǎng)頁(yè)前臺(tái)不顯示，只在代碼中顯示。
5、文本標(biāo)題字標(biāo)簽
文本標(biāo)題通過<h1></h1>···<h6></h6>共6對(duì)標(biāo)記來(lái)定義標(biāo)題文字大小，越往后字體越小。
標(biāo)題字標(biāo)簽對(duì)齊屬性align，包括 Left(左對(duì)齊)，Center(居中)，Right(右對(duì)齊)
語(yǔ)法是： <h1 align="center"></h1>
<h1>:權(quán)重最高，一個(gè)網(wǎng)頁(yè)只能用一次。<h2>權(quán)重其次，<h3>權(quán)重再次，這兩個(gè)標(biāo)記可多次使用。<h4>···<h6>是沒有權(quán)重的。
6、<!--XXXXX-->代碼注釋，XXXXX不會(huì)顯示在網(wǎng)頁(yè)里的。
7、字符實(shí)體：由3部分組成，符號(hào)&+實(shí)體名字或?qū)嶓w編號(hào)+；
8、列表標(biāo)簽：有三種——無(wú)序列表，有序列表和定義列表
無(wú)序列表：<ul></ul>
列表項(xiàng)：<li></li>
9、超鏈接：<a></a>
屬性：href——指定鏈接地址（網(wǎng)址）
target:指定鏈接的目標(biāo)窗口（target="_blank 表示在新的頁(yè)面打開目標(biāo)鏈接）
title：鼠標(biāo)懸停的文字提示
rel： 阻止傳遞權(quán)重（友情鏈接）
語(yǔ)法：
<a href="url" target="_blank" title=“文字提示" rel=“nofollow”>
10、插入圖片：<img/>（單個(gè)標(biāo)記）
屬性：src——圖片所在位置
寬度：width，高度：height
語(yǔ)法：<img src="圖片名稱 ” width=“100” height="100">
（把目標(biāo)圖片提前放入自己所建的站點(diǎn)中）
例：在圖片后上加入百度鏈接：
<a target="_blank" title="植薈"><img width="100" height="100" src="logo.gif"/></a>
11、段落標(biāo)簽<p></p>
換行標(biāo)簽<br> （單個(gè)）
閩公網(wǎng)安備 閩ICP備16005963號(hào)-3