這篇文章主要講解了“HTML常用的基礎(chǔ)標(biāo)簽有哪些”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“HTML常用的基礎(chǔ)標(biāo)簽有哪些”吧！
HTTP基礎(chǔ)語(yǔ)法
div標(biāo)簽是塊級(jí)結(jié)構(gòu)布局元素，因此結(jié)合css盒模型講解。
HTTP基本結(jié)構(gòu)
基本結(jié)構(gòu)標(biāo)簽
HTTP文件包括頭部信息和網(wǎng)頁(yè)內(nèi)容，body中的內(nèi)容在網(wǎng)頁(yè)中顯示。
< html>
< head>
< title>標(biāo)題< /title>
< /head>
< body>
網(wǎng)頁(yè)主體內(nèi)容
< /body>
< /html>
標(biāo)簽、元素、屬性
標(biāo)簽分為雙標(biāo)簽和單標(biāo)簽。
< html>...< /html>
< hr/>
元素是指從開(kāi)始到結(jié)束標(biāo)簽的全部?jī)?nèi)容，例如，html標(biāo)簽加上內(nèi)部代碼，即為一個(gè)HTML元素。
屬性用來(lái)修飾標(biāo)簽。
< 標(biāo)簽名 屬性1="值1" 屬性2="值2">內(nèi)容< /標(biāo)簽名>
注釋
注釋格式
< !-- 注釋 -->
文檔聲明
聲明必須放在HTML穩(wěn)定第一行，但是并不是HTML標(biāo)簽。
< !DOCTYPE html>
網(wǎng)頁(yè)編碼
編碼在head標(biāo)簽內(nèi)部設(shè)置。
< meta charset="UTF-8">
< meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
文字和段落標(biāo)簽
標(biāo)題標(biāo)簽h2–h7
< h2>一級(jí)標(biāo)題< /h2>
段落標(biāo)簽p
align屬性:值有l(wèi)eft、right、center、justify。p標(biāo)簽中空格是不起作用的，需要使用代碼nbsp
< p>段落< /p>
< p align="left">段落< /p>
換行標(biāo)簽br和水平線標(biāo)簽hr
< br/>
< hr/>
< hr width="10"/>
< hr color="blue"/>
< hr align="center"/>
< hr noshade=""/>
預(yù)標(biāo)簽pre很少用。
修飾標(biāo)簽和特殊符號(hào)
文字修飾標(biāo)簽
i和em：斜體
b和strong：加粗
sub：下標(biāo)
sup：上標(biāo)
ins：下劃線
del：刪除線
特殊符號(hào)
空格
< 小于/左尖括號(hào) > 大于/右尖括號(hào)
? 已注冊(cè)R
? 版權(quán)C
? 商標(biāo)TM
示例
< p align="center">關(guān)于我們 | 招聘信息 | 聯(lián)系我們 | 意見(jiàn)反饋< /p>
< hr/>
< p align="center">Copyright?2016 awecoder.com All Rights Reserved< /p>
< p>公式：x2+x=0 解：x< sub>1< /sub>=0;x< sub>2< /sub>=-1< /p>
列表標(biāo)簽
無(wú)序列表ul
屬性type可為disc(原點(diǎn))、square(方塊)、circle(空心圓)。
< ul type="circle">
< li>列表項(xiàng)< /li>
< li>列表項(xiàng)< /li>
< /ul>
有序列表ol
屬性type可為1、a、A、i、I。
< ol type="A">
< li>列表項(xiàng)< /li>
< li>列表項(xiàng)< /li>
< /ol>
定義列表
dt和dd在dl標(biāo)簽內(nèi)，dt和dd同級(jí)。
< dl>
< dt>配送方式< /dt>
< dd>上門(mén)自提< /dd>
< dd>海外配送< /dd>
< dt>支付方式< /dt>
< dd>貨到付款< /dd>
< dd>在線支付< /dd>
< /dl>
圖像標(biāo)簽img
src屬性=圖片URL(相對(duì)路徑是圖片相對(duì)于當(dāng)前html文件的路徑)
alt屬性=圖像的代替文字，圖像無(wú)法顯示時(shí)展示。
height屬性和width屬性，可用像素?cái)?shù)值和百分比表示。
也適用align對(duì)齊屬性。
< img src="Snipaste.png" alt="截圖" height="50%" width="50%"/>
< img src="Snipaste.png" alt="截圖" height="50px" width="50px"/>
超鏈接a和定義錨點(diǎn)
超鏈接標(biāo)簽a
href屬性為鏈接地址，標(biāo)簽內(nèi)容可以是文字或圖片等。
target屬性–鏈接的目標(biāo)窗口，_self當(dāng)前窗口打開(kāi)，_blank新窗口打開(kāi)，_top/_parent
title屬性–鏈接提示文字。
name屬性–鏈接命名。
< a target="_blank" title="百度搜索">百度< /a>
空連接--點(diǎn)擊沒(méi)有反應(yīng)
< a href="#" title="百度">百度< /a>
空的鏈接--點(diǎn)擊刷新頁(yè)面
< a href="">刷新頁(yè)面< /a>
id屬性–書(shū)簽標(biāo)記
結(jié)合name屬性定義錨點(diǎn)
< a href="#錨點(diǎn)名">同一個(gè)頁(yè)面< /a>
< a href="網(wǎng)頁(yè)名稱(chēng)#錨點(diǎn)名">不同頁(yè)面< /a>
< a name="錨點(diǎn)名">內(nèi)容< /a>
示例
< a name="top">目錄< /a>< br/>
< a href="#fruit">水果< /a>< br/>
< a href="#vegetable">蔬菜< /a>< br/>
< a href="#sport">運(yùn)動(dòng)< /a>
< !--設(shè)置水果標(biāo)題-->
< h4>水果< /h4>
< a name="fruit">< /a>
< ul>
< li>香蕉< /li>
< li>蘋(píng)果< /li>
< /ul>
< a href="#top">返回頂部< /a>
< !--設(shè)置蔬菜標(biāo)題-->
< h4>蔬菜< /h4>
< a name="vegetable"/>
< ul>
< li>西紅柿< /li>
< li>黃瓜< /li>
< /ul>
< a href="#top">返回頂部< /a>
鏈接擴(kuò)展功能
郵箱
< a href="mailto:xxx@qq.com" >xxx@qq.com< /a>
下載文件
< a href="下載地址">文件下載< /a>
感謝各位的閱讀，以上就是“HTML常用的基礎(chǔ)標(biāo)簽有哪些”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)HTML常用的基礎(chǔ)標(biāo)簽有哪些這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！
重慶分公司
重慶分公司
