這篇文章主要講解了“HTML常用的基礎(chǔ)標(biāo)簽有哪些”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“HTML常用的基礎(chǔ)標(biāo)簽有哪些”吧！

10年積累的成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有留壩免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

HTTP基礎(chǔ)語法

div標(biāo)簽是塊級結(jié)構(gòu)布局元素，因此結(jié)合css盒模型講解。

HTTP基本結(jié)構(gòu)

基本結(jié)構(gòu)標(biāo)簽

HTTP文件包括頭部信息和網(wǎng)頁內(nèi)容，body中的內(nèi)容在網(wǎng)頁中顯示。

< html>

< head>

< title>標(biāo)題< /title>

< /head>

< body>

網(wǎng)頁主體內(nèi)容

< /body>

< /html>

標(biāo)簽、元素、屬性

標(biāo)簽分為雙標(biāo)簽和單標(biāo)簽。

< html>...< /html>

< hr/>

元素是指從開始到結(jié)束標(biāo)簽的全部內(nèi)容，例如，html標(biāo)簽加上內(nèi)部代碼，即為一個HTML元素。

屬性用來修飾標(biāo)簽。

< 標(biāo)簽名 屬性1="值1" 屬性2="值2">內(nèi)容< /標(biāo)簽名>

注釋

注釋格式

< !-- 注釋 -->

文檔聲明

聲明必須放在HTML穩(wěn)定第一行，但是并不是HTML標(biāo)簽。

< !DOCTYPE html>

網(wǎng)頁編碼

編碼在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>一級標(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)簽和特殊符號

文字修飾標(biāo)簽

i和em：斜體

b和strong：加粗

sub：下標(biāo)

sup：上標(biāo)

ins：下劃線

del：刪除線

特殊符號

空格

< 小于/左尖括號 　　> 大于/右尖括號

? 已注冊R

? 版權(quán)C

? 商標(biāo)TM

示例

< p align="center">關(guān)于我們 | 招聘信息 | 聯(liá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)簽

無序列表ul

屬性type可為disc(原點)、square(方塊)、circle(空心圓)。

< ul type="circle">

< li>列表項< /li>

< li>列表項< /li>

< /ul>

有序列表ol

屬性type可為1、a、A、i、I。

< ol type="A">

< li>列表項< /li>

< li>列表項< /li>

< /ol>

定義列表

dt和dd在dl標(biāo)簽內(nèi)，dt和dd同級。

< dl>

< dt>配送方式< /dt>

< dd>上門自提< /dd>

< dd>海外配送< /dd>

< dt>支付方式< /dt>

< dd>貨到付款< /dd>

< dd>在線支付< /dd>

< /dl>

圖像標(biāo)簽img

src屬性=圖片URL(相對路徑是圖片相對于當(dāng)前html文件的路徑)

alt屬性=圖像的代替文字，圖像無法顯示時展示。

height屬性和width屬性，可用像素數(shù)值和百分比表示。

也適用align對齊屬性。

< img src="Snipaste.png" alt="截圖" height="50%" width="50%"/>

< img src="Snipaste.png" alt="截圖" height="50px" width="50px"/>

超鏈接a和定義錨點

超鏈接標(biāo)簽a

href屬性為鏈接地址，標(biāo)簽內(nèi)容可以是文字或圖片等。

target屬性–鏈接的目標(biāo)窗口，_self當(dāng)前窗口打開，_blank新窗口打開，_top/_parent

title屬性–鏈接提示文字。

name屬性–鏈接命名。

< a href="http://www.baidu.com" target="_blank" title="百度搜索">百度< /a>

空連接--點擊沒有反應(yīng)

< a href="#" title="百度">百度< /a>

空的鏈接--點擊刷新頁面

< a href="">刷新頁面< /a>

id屬性–書簽標(biāo)記

結(jié)合name屬性定義錨點

< a href="#錨點名">同一個頁面< /a>

< a href="網(wǎng)頁名稱#錨點名">不同頁面< /a>

< a name="錨點名">內(nèi)容< /a>

示例

< a name="top">目錄< /a>< br/>

< a href="#fruit">水果< /a>< br/>

< a href="#vegetable">蔬菜< /a>< br/>

< a href="#sport">運動< /a>

< !--設(shè)置水果標(biāo)題-->

< h4>水果< /h4>

< a name="fruit">< /a>

< ul>

< li>香蕉< /li>

< li>蘋果< /li>

< /ul>

< a href="#top">返回頂部< /a>

< !--設(shè)置蔬菜標(biāo)題-->

< h4>蔬菜< /h4>

< a name="vegetable"/>

< ul>

< li>西紅柿< /li>

< li>黃瓜< /li>

< /ul>

< a href="#top">返回頂部< /a>

鏈接擴展功能

郵箱

< a href="mailto:xxx@qq.com" >xxx@qq.com< /a>

下載文件

< a href="下載地址">文件下載< /a>

感謝各位的閱讀，以上就是“HTML常用的基礎(chǔ)標(biāo)簽有哪些”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對HTML常用的基礎(chǔ)標(biāo)簽有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

本文名稱：HTML常用的基礎(chǔ)標(biāo)簽有哪些-創(chuàng)新互聯(lián)
URL鏈接：http://chinadenli.net/article32/edosc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、標(biāo)簽優(yōu)化、企業(yè)網(wǎng)站制作、App開發(fā)、網(wǎng)站改版、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)