HTML文檔結(jié)構(gòu)-創(chuàng)新互聯(lián)
1.基本結(jié)構(gòu)：
<html> //文件開始標(biāo)志，表示網(wǎng)頁文檔的開始
<head> //文件頭，標(biāo)題，主題
............ //文件頭內(nèi)容
<meta charset="utf-8"> //網(wǎng)頁的編碼
</head> //文件頭結(jié)束標(biāo)記
<body> //文件主體開始標(biāo)志
............. //文件主體內(nèi)容
</body> //文件主體結(jié)束
</html> //文件結(jié)束標(biāo)志
<!-- --> //注釋
2.HTML標(biāo)題標(biāo)簽
（1）<h2>,<h3>,<h4>,<h5>,<h6>,<h7>
<body>
<h2>個(gè)人主頁</h2> //字體由大到小，帶有間距
<h3>登錄</h3>
<h4>登錄</h4>
<h5>登錄</h5>
<h6>登錄</h6>
<h7>登錄</h7>
</body>
（2）<p></p>
<body>
<h2>html基本結(jié)構(gòu)</h2>
<p>
???????超文本標(biāo)記語言，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用。
<br />“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
<br />超文本標(biāo)記語言的結(jié)構(gòu)包括“頭”部分（英語：Head）、和“主體”部分（英語：Body），其中“頭”部提供關(guān)于網(wǎng)頁的信息，“主體”部分提供網(wǎng)頁的具體內(nèi)容。
// <br />：換行
</p>
<p>10>5</p> //大于小于，段落間有間距
<p>10 > 5</p>
<p>10<5</p></body>
<p>標(biāo)簽定義一個(gè)文本段落，一個(gè)段落含有默認(rèn)的上下間距，段落之間會用這種默認(rèn)間距隔開
3.語義標(biāo)簽
（1）<div>標(biāo)簽 塊元素，表示一塊內(nèi)容，沒有具體的語義。
<div>
???????超文本標(biāo)記語言，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用。
<br />“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
<br />超文本標(biāo)記語言的結(jié)構(gòu)包括“頭”部分（英語：Head）、和“主體”部分（英語：Body），其中“頭”部提供關(guān)于網(wǎng)頁的信息，“主體”部分提供網(wǎng)頁的具體內(nèi)容
</div>
<div>
<div>
<h2>div標(biāo)簽</h2>
</div>
<div>超文本標(biāo)記語言</div>
</div>
//<div>表示塊，塊與塊之間沒有間距，可以嵌套，而<p>不可以嵌套，（2）<span>標(biāo)簽 行內(nèi)元素，表示一行的一小段內(nèi)容，沒有具體的語義。
4.圖片標(biāo)簽
<p>
???????<span>超文本標(biāo)記語言，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用。</span>
// <span> ：能在<p>里的某一段設(shè)置一個(gè)樣式，本身不帶有樣式
</p>（3）含樣式和語義的標(biāo)簽
<em>標(biāo)簽行內(nèi)元素，表示語氣中的強(qiáng)調(diào)詞，斜體
<i> 行內(nèi)元素，表示專業(yè)詞匯，斜體
<b>行內(nèi)元素，表示加粗，關(guān)鍵詞
<strong>行內(nèi)元素，表示非常重要的內(nèi)容，整體加粗
<p>
???????<span><b>超文本標(biāo)記語言，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用。</b></span>
<br /><strong>“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
<br />超文本標(biāo)記語言的結(jié)構(gòu)包括“頭”部分（英語：<em>Head</em>）、和“主體”部分（英語：<i>Body</i>），其中“頭”部提供關(guān)于網(wǎng)頁的信息，“主體”部分提供網(wǎng)頁的具體內(nèi)容</strong>
</p>
**（4）語義化的標(biāo)簽**
就是布局的時(shí)候多使用有語義的標(biāo)簽，搜索引擎在爬網(wǎng)的時(shí)候能認(rèn)識這些標(biāo)簽，如：h2表示標(biāo)題，p表示段落，ul,li表示列表，a表示鏈接，dl,dt,dd表示定義列表（5）圖片標(biāo)簽
src屬性定義圖片的引用地址
alt屬性定義圖片加載失敗時(shí)顯示的文字，搜索引擎會使用這個(gè)文字收錄圖片、盲人讀屏軟件會使用
<img src="image/路飛1.jpg" alt="我要成為海賊王的男人" />
<img src="image/biu.gif" alt="鄧紫棋.gif" />
<img src="C:\Users\雄少\Pictures\ps\新建文件夾\like.gif" alt="比個(gè)like你" />
//相對路徑： ./表示當(dāng)前目錄，可以省略 ../表示上一級目錄
//絕對路徑：最好用相對路徑，在別的地方也可以用
5.HTML鏈接標(biāo)簽
（1）<a>標(biāo)簽可以在網(wǎng)頁上定義一個(gè)鏈接地址，它的常用屬性有
href屬性 定義跳轉(zhuǎn)的地址
title屬性 定義鼠標(biāo)懸停時(shí)彈出的提示文字框
target屬性 定義鏈接窗口打開的位置，target=“_self"缺省值，新頁面替換原來的頁面，在原來位置打開，target="_blank"新頁面會在新開的一個(gè)瀏覽器窗口打開
<img src="image/路飛1.jpg" alt="我要成為海賊王的男人" />
<img src="image/biu.gif" alt="鄧紫棋.gif" />
<img src="C:\Users\雄少\Pictures\ps\新建文件夾\like.gif" alt="比個(gè)like你" />
<a href="link.html" target="_self">主頁</a> -
<a title="鼠繪網(wǎng)站" target="_blank">
<img src="image/海賊王.jpg" alt="海賊王logo">
</a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#">回到頂部</a>
**6.HTML列表**（1）有序列表：<ol>
<li></li>
</ol>
//快捷寫法：ol>li*3
（2）無序列表：<ul>
<li></li>
</ul>
//快捷寫法：ul>(li>a)*3
<h2>有序列表</h2>
<ol>
<li>html</li>
<li>css</li>
<li>javascript</li>
</ol>
<ul>
<li><a target="_blank">騰訊NBA</a></li>
<li><a target="_blank">騰訊視頻</a></li>
<li><a target="_blank">豆瓣電影</a></li>
</ul>（3）定義列表：通常用于術(shù)語的定義。<dl>表示列表的整體，<dt>表示術(shù)語的題目，<dd>表示術(shù)語的解釋，一個(gè)dl可以有多高題目和解釋
<dl>
<dt>html</dt>
<dd>負(fù)責(zé)頁面結(jié)構(gòu)</dd> //首行縮進(jìn)
<dt>css</dt>
<dd>負(fù)責(zé)頁面表現(xiàn)</dd>
<dt>javascript</dt>
<dd>負(fù)責(zé)頁面行為</dd>
</dl>
*//簡寫：dl>(dt+dd)3**
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
本文題目：HTML文檔結(jié)構(gòu)-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://www.rwnh.cn/article0/pipoo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、App開發(fā)、響應(yīng)式網(wǎng)站、靜態(tài)網(wǎng)站、建站公司、外貿(mào)網(wǎng)站建設(shè)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- python如何將字典內(nèi)容寫入json文件的-創(chuàng)新互聯(lián)
- MySQL中的鎖，全局鎖、表級鎖、行級鎖-創(chuàng)新互聯(lián)
- 實(shí)用的監(jiān)控內(nèi)存插件-創(chuàng)新互聯(lián)
- Android滾動(dòng)條-創(chuàng)新互聯(lián)
- 手動(dòng)new對象出現(xiàn)空指針的解決辦法詳解-創(chuàng)新互聯(lián)
- DellCompellent的一些缺陷-創(chuàng)新互聯(lián)
- 好程序員web前端分享CSS3顏色值HSLA表示方式-創(chuàng)新互聯(lián)
- 成都商城網(wǎng)站建設(shè)小技巧 2016-09-20
- 做一個(gè)商城網(wǎng)站多少錢才能物超所值 2023-03-23
- 選擇我們建網(wǎng)站能獲取的服務(wù)保障 2022-06-15
- 設(shè)計(jì)制作商城網(wǎng)站有哪些要注意問題？ 2021-03-20
- 商城網(wǎng)站建設(shè)前期需考慮什么問題？ 2016-09-07
- 新型商城網(wǎng)站建設(shè)的注意事項(xiàng) 2016-11-15
- B2C商城網(wǎng)站有哪些不可或缺的功能版塊？ 2022-09-17
- 企業(yè)商城網(wǎng)站建設(shè)需要注意的幾個(gè)問題 2016-11-08
- 微信小程序商城功能大全及用戶量裂變方法！！ 2017-04-16
- B2C商城網(wǎng)站有哪些類型？ 2021-06-21
- 電子商城網(wǎng)站建設(shè)應(yīng)用平臺開發(fā)解決方案概述 2021-06-15
- B2C商城網(wǎng)站運(yùn)營法則 2022-08-08