HTML文檔結(jié)構(gòu)-創(chuàng)新互聯(lián)

1.基本結(jié)構(gòu)：

為神木等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及神木網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、神木網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

<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)的上下間距，段落之間會(huì)用這種默認(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)識(shí)這些標(biāo)簽，如：h2表示標(biāo)題，p表示段落，ul,li表示列表，a表示鏈接，dl,dt,dd表示定義列表

（5）圖片標(biāo)簽

src屬性定義圖片的引用地址
alt屬性定義圖片加載失敗時(shí)顯示的文字，搜索引擎會(huì)使用這個(gè)文字收錄圖片、盲人讀屏軟件會(huì)使用

<img src="image/路飛1.jpg" alt="我要成為海賊王的男人" />
<img src="image/biu.gif" alt="鄧紫棋.gif" />
<img src="C:\Users\雄少\Pictures\ps\新建文件夾\like.gif" alt="比個(gè)like你" />

//相對(duì)路徑： ./表示當(dāng)前目錄，可以省略 ../表示上一級(jí)目錄
//絕對(duì)路徑：最好用相對(duì)路徑，在別的地方也可以用

5.HTML鏈接標(biāo)簽

（1）<a>標(biāo)簽可以在網(wǎng)頁上定義一個(gè)鏈接地址，它的常用屬性有

href屬性 定義跳轉(zhuǎn)的地址

title屬性 定義鼠標(biāo)懸停時(shí)彈出的提示文字框

target屬性 定義鏈接窗口打開的位置，target=“_self"缺省值，新頁面替換原來的頁面，在原來位置打開，target="_blank"新頁面會(huì)在新開的一個(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>

*//簡(jiǎn)寫：dl>(dt+dd)3**

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文題目：HTML文檔結(jié)構(gòu)-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://muchs.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)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

綿陽服務(wù)器托管