整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
這些標(biāo)記用于將頁(yè)面分成多個(gè)部分。熟練地掌握這些標(biāo)記將意味著構(gòu)建出具有良好的結(jié)構(gòu)和布局的頁(yè)面，使其更加友好和易于閱讀。
div標(biāo)記定義了HTML文件中的一個(gè)部分或分區(qū)。它通常包含需要組合在一起的標(biāo)題、段落、表格或其他元素。通過(guò)設(shè)置<div class="">與css一起使用來(lái)設(shè)置網(wǎng)頁(yè)某個(gè)部分的顯示。
p標(biāo)記用來(lái)定義文本的段落，就像你在書(shū)中看到的那樣，一旦文本達(dá)到屏幕邊緣就會(huì)自動(dòng)折到下一行。當(dāng)另一個(gè)<p>標(biāo)記用于開(kāi)始下一個(gè)段落時(shí)，瀏覽器將在段落之間添加一些空白。p標(biāo)記具有以下屬性：
span標(biāo)記用于將內(nèi)聯(lián)元素組合在一起，例如句子中的幾個(gè)單詞，以便僅對(duì)這些單詞應(yīng)用css樣式。span標(biāo)記可以在div和p標(biāo)記中使用，因?yàn)樗粫?huì)創(chuàng)建新的塊。
br標(biāo)記相當(dāng)于一個(gè)回車符，用于在新行開(kāi)始文本。一行中的多個(gè)<br>標(biāo)記將在網(wǎng)頁(yè)上創(chuàng)建一個(gè)很大的垂直空間。
hr標(biāo)記通常被稱為HTML行分隔符標(biāo)記，創(chuàng)建一條通常用于視覺(jué)上分隔頁(yè)面的水平線。它具有以下屬性：
出于某種原因，你希望文本在一條直線上繼續(xù)，而不是在屏幕的邊緣換行，可以使用nobr。注意：這將迫使用戶向右滾動(dòng)以查看行的其余部分，這是一種糟糕的設(shè)計(jì)。
下面是以上標(biāo)記的示例：
瀏覽器顯示內(nèi)容如下所示：
lt;marquee>...</marquee>普通卷動(dòng)
<marquee behavior=slide>...</marquee>滑動(dòng)
<marquee behavior=scroll>...</marquee>預(yù)設(shè)卷動(dòng)
<marquee behavior=alternate>...</marquee>來(lái)回卷動(dòng)
<marquee direction=down>...</marquee>向下卷動(dòng)
<marquee direction=up>...</marquee>向上卷動(dòng)
<marquee direction=right></marquee>向右卷動(dòng)
<marquee direction=left></marquee>向左卷動(dòng)
<marquee loop=2>...</marquee>卷動(dòng)次數(shù)
<marquee width=180>...</marquee>設(shè)定寬度
<marquee height=30>...</marquee>設(shè)定高度
<marquee bgcolor=FF0000>...</marquee>設(shè)定背景顏色
<marquee scrollamount=30>...</marquee>設(shè)定卷動(dòng)距離
<marquee scrolldelay=300>...</marquee>設(shè)定卷動(dòng)時(shí)間
<!>字體效果
<h1>...</h1>標(biāo)題字(最大)
<h6>...</h6>標(biāo)題字(最小)
<b>...</b>粗體字
<strong>...</strong>粗體字(強(qiáng)調(diào))
<i>...</i>斜體字
<em>...</em>斜體字(強(qiáng)調(diào))
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執(zhí)行標(biāo)記符號(hào))
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style =font-size:100 px>...</font>無(wú)限增大
<!>區(qū)斷標(biāo)記
<hr>水平線
<hr size=9>水平線(設(shè)定大小)
<hr width=80%>水平線(設(shè)定寬度)
<hr color=ff0000>水平線(設(shè)定顏色)
<br>(換行)
<nobr>...</nobr>水域(不換行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>連結(jié)格式
<base href=位址>(預(yù)設(shè)好連結(jié)路徑)
<a href=位址></a>外部連結(jié)
<a href=位址 target=_blank></a>外部連結(jié)(另開(kāi)新視窗)
<a href=位址 target=_top></a>外部連結(jié)(全視窗連結(jié))
<a href=位址 target=頁(yè)框名></a>外部連結(jié)(在指定頁(yè)框連結(jié))
<!>貼圖/音樂(lè)
<img src=圖片位址>貼圖
<img src=圖片位址 width=180>設(shè)定圖片寬度
<img src=圖片位址 height=30>設(shè)定圖片高度
<img src=圖片位址 alt=提示文字>設(shè)定圖片提示文字
<img src=圖片位址 border=1>設(shè)定圖片邊框
<bgsound src=MID音樂(lè)檔位址>背景音樂(lè)設(shè)定
<!>表格語(yǔ)法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網(wǎng)址
<table border=邊框大小>...</table>設(shè)定表格邊框大小(使用數(shù)字)
<table bgcolor=顏色碼>...</table>設(shè)定表格的背景顏色
<table borderclor=顏色碼>...</table>設(shè)定表格邊框的顏色
<table borderclor=顏色碼>...</table>設(shè)定表格邊框的顏色
<table borderclordark=顏色碼>...</table>設(shè)定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table>設(shè)定表格亮邊框的顏色
<table cellpadding=參數(shù)>...</table>指定內(nèi)容與格線之間的間距(使用數(shù)字)
<table cellspacing=參數(shù)>...</table>指定格線與格線之間的距離(使用數(shù)字)
<table cols=參數(shù)>...</table>指定表格的欄數(shù)
<table frame=參數(shù)>...</table>設(shè)定表格外框線的顯示方式
<table width=寬度>...</table>指定表格的寬度大小(使用數(shù)字)
<table height=高度>...</table>指定表格的高度大小(使用數(shù)字)
<td colspan=參數(shù)>...</td>指定儲(chǔ)存格合并欄的欄數(shù)(使用數(shù)字)
<td rowspan=參數(shù)>...</td>指定儲(chǔ)存格合并列的列數(shù)(使用數(shù)字)
<!>分割視窗
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會(huì)自動(dòng)調(diào)整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會(huì)自動(dòng)調(diào)整
<frameset cols="20%,*">分割左右兩個(gè)框架
<frameset cols="20%,*,20%">分割左中右三個(gè)框架
<分割上下兩個(gè)框架
<frameset rows="20%,*,20%">分割上中下三個(gè)框架
<! - - ... - -> 注解
<a href target> 指定超連結(jié)的分割視窗
<a href=#錨的名稱> 指定錨名稱的超連結(jié)
<a href> 指定超連結(jié)
<a name=錨的名稱> 被連結(jié)點(diǎn)的名稱
<address>....</address> 用來(lái)顯示電子郵箱地址
<b> 粗體字
<base target> 指定超連結(jié)的分割視窗
<basefont size> 更改預(yù)設(shè)字形大小
<bgsound src> 加入背景音樂(lè)
<big> 顯示大字體
<blink> 閃爍的文字
<body text link vlink> 設(shè)定文字顏色
<body> 顯示本文
<br> 換行
<caption align> 設(shè)定表格標(biāo)題位置
<caption>...</caption> 為表格加上標(biāo)題
<center> 向中對(duì)齊
<cite>...<cite> 用於引經(jīng)據(jù)典的文字
<code>...</code> 用於列出一段程式碼
<comment>...</comment> 加上注解
<dd> 設(shè)定定義列表的項(xiàng)目解說(shuō)
<dfn>...</dfn> 顯示"定義"文字
<dir>...</dir> 列表文字標(biāo)簽
<dl>...</dl> 設(shè)定定義列表的標(biāo)簽
<dt> 設(shè)定定義列表的項(xiàng)目
<em> 強(qiáng)調(diào)之用
<font face> 任意指定所用的字形
<font face> 任意指定所用的字形
<font size> 設(shè)定字體大小
<form action> 設(shè)定戶動(dòng)式表單的處理方式
<form method> 設(shè)定戶動(dòng)式表單之資料傳送方式
<frame marginheight> 設(shè)定視窗的上下邊界
<frame marginwidth> 設(shè)定視窗的左右邊界
<frame name> 為分割視窗命名
<frame noresize> 鎖住分割視窗的大小
<frame scrolling> 設(shè)定分割視窗的卷軸
<frame src> 將html檔加入視窗
<frameset cols> 將視窗分割成左右的子視窗
<frameset rows> 將視窗分割成上下的子視窗
<frameset>...</frameset> 劃分分割視窗
<h1>~<h6> 設(shè)定文字大小
<head> 標(biāo)示文件資訊
<hr> 加上分格線
<html> 文件的開(kāi)始與結(jié)束
<i> 斜體字
<img align> 調(diào)整圖形影像的位置
<img alt> 為你的圖形影像加注
<img dynsrc loop> 加入影片
<img height width> 插入圖片并預(yù)設(shè)圖形大小
<img hspace> 插入圖片并預(yù)設(shè)圖形的左右邊界
<img lowsrc> 預(yù)載圖片功能
<img src border> 設(shè)定圖片邊界
<img src> 插入圖片
<img vspace> 插入圖片并預(yù)設(shè)圖形的上下邊界
<input type name value> 在表單中加入輸入欄位
<isindex> 定義查詢用表單
<kbd>...</kbd> 表示使用者輸入文字
<li type>...</li> 列表的項(xiàng)目 ( 可指定符號(hào) )
<marquee> 跑馬燈效果
<menu>...</menu> 條列文字標(biāo)簽
<meta name="refresh" content url> 自動(dòng)更新文件內(nèi)容
<multiple> 可同時(shí)選擇多項(xiàng)的列表欄
<noframe> 定義不出現(xiàn)分割視窗的文字
<ol>...</ol> 有序號(hào)的列表
<option> 定義表單中列表欄的項(xiàng)目
<p align> 設(shè)定對(duì)齊方向
<p> 分段
<person>...</person> 顯示人名
<pre> 使用原有排列
<samp>...</samp> 用於引用字
<select>...</select> 在表單中定義列表欄
<small> 顯示小字體
<strike> 文字加橫線
<strong> 用於加強(qiáng)語(yǔ)氣
<sub> 下標(biāo)字
<sup> 上標(biāo)字
<table border=n> 調(diào)整表格的寬線高度
<table cellpadding> 調(diào)整資料欄位之邊界
<table cellspacing> 調(diào)整表格線的寬度
<table height> 調(diào)整表格的高度
<table width> 調(diào)整表格的寬度
<table>...</table> 產(chǎn)生表格的標(biāo)簽
<td align> 調(diào)整表格欄位之左右對(duì)齊
<td bgcolor> 設(shè)定表格欄位之背景顏色
<td colspan rowspan> 表格欄位的合并
<td nowrap> 設(shè)定表格欄位不換行
<td valign> 調(diào)整表格欄位之上下對(duì)齊
<td width> 調(diào)整表格欄位寬度
<td>...</td> 定義表格的資料欄位
<textarea name rows cols> 表單中加入多少列的文字輸入欄
<textarea wrap> 決定文字輸入欄是自動(dòng)否換行
<th>...</th> 定義表格的標(biāo)頭欄位
<title> 文件標(biāo)題
<tr>...</tr> 定義表格美一行
<tt> 打字機(jī)字體
<u> 文字加底線
<ul type>...</ul> 無(wú)序號(hào)的列表 ( 可指定符號(hào) )
<var>...</var> 用於顯示變數(shù)
本篇文章開(kāi)始成哥將帶大家一起學(xué)習(xí)一下前端的基礎(chǔ)知識(shí)，我們先講解前端的基礎(chǔ)HTML與CSS，這個(gè)講完我們將講解VUE前端框架，最后我們?cè)僦v講Ant Design的VUE前端框架，從而形成前端一個(gè)系列的教程，下面就開(kāi)始我們今天的內(nèi)容吧！
HTML的英文全稱是 Hyper Text Markup Language，即超文本標(biāo)記語(yǔ)言。
HTML是由Web的發(fā)明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年創(chuàng)立的一種標(biāo)記語(yǔ)言，它是標(biāo)準(zhǔn)通用化標(biāo)記語(yǔ)言SGML的應(yīng)用。用HTML編寫的超文本文檔稱為HTML文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)(如UNIX， Windows等)。
使用HTML語(yǔ)言，將所需要表達(dá)的信息按某種規(guī)則寫成HTML文件，通過(guò)專用的瀏覽器來(lái)識(shí)別，并將這些HTML文件"翻譯"成可以識(shí)別的信息，即現(xiàn)在所見(jiàn)到的網(wǎng)頁(yè)。HTML 不需要編譯，可以直接由瀏覽器執(zhí)行，非常方便開(kāi)發(fā)時(shí)調(diào)試。
我們現(xiàn)在創(chuàng)建一個(gè)典型的HTML結(jié)構(gòu)具體如下：
1. <!DOCTYPE html>
2. <html lang="ch">
3. <head>
4. <meta charset="UTF-8">
5. <title>HTML實(shí)例</title>
6. </head>
7. <body>
8. <h1>我是標(biāo)題</h1>
9. <p>我是段落。</p>
10. </body>
11. </html> 如上頁(yè)面中各個(gè)標(biāo)簽代表的意思如下：
1）<!DOCTYPE html>是文檔聲明頭，它告訴游覽器當(dāng)前處理的內(nèi)容是HTML頁(yè)面
2）html是 HTML 頁(yè)面的根元素，用于標(biāo)識(shí)HTML內(nèi)容的開(kāi)始與結(jié)束
3） head是HTML頁(yè)面的頭，包含了文檔的一些屬性。其中meta是元數(shù)據(jù)這邊charset="UTF-8"標(biāo)識(shí)當(dāng)前頁(yè)面編碼格式為UTF-8，title為文檔的標(biāo)題
4）body是HTML主體也是游覽器在顯示頁(yè)面時(shí)的內(nèi)容。h1是body內(nèi)容中定義的標(biāo)題，p是body內(nèi)容中定義的段落
我們現(xiàn)在通過(guò)游覽器打開(kāi)編寫的HTML內(nèi)容，具體內(nèi)容如下
在HTML中的內(nèi)容可以通過(guò)以下格式進(jìn)行內(nèi)容注釋具體如下：
（1）HTML標(biāo)簽
HTML 標(biāo)簽是 HTML 語(yǔ)言中最基本的單位，HTML 標(biāo)簽是 HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）最重要的組成部分。HTML標(biāo)簽具有如下特點(diǎn)：
1）標(biāo)簽一般是成對(duì)出現(xiàn)的 如:<div></div>;也有空標(biāo)簽 如:<br />
2）標(biāo)簽由<>包括,分為開(kāi)始標(biāo)簽(開(kāi)放標(biāo)簽)和結(jié)束標(biāo)簽(閉合標(biāo)簽)
3）標(biāo)簽不區(qū)分大小寫,根據(jù)W3C(萬(wàn)維網(wǎng)聯(lián)盟)推薦,統(tǒng)一使用小寫字母
標(biāo)簽的示列如下：
標(biāo)簽按照<>的對(duì)數(shù)可以分為如下兩類分別為雙標(biāo)簽與單標(biāo)簽，下面我們具體來(lái)了解一下這兩類標(biāo)簽。
1）雙標(biāo)簽
雙標(biāo)簽指由開(kāi)始和結(jié)束兩個(gè)標(biāo)記符組成的標(biāo)記。其基本語(yǔ)法格式如下：
1. <標(biāo)記名></標(biāo)記名>
常見(jiàn)的雙標(biāo)簽有如下幾種：
1. <html></html>
2. <head></head>
3. <title></title>
4. <body></body>
5. <h1></h1>
6. <p></p>
7.
8. <!-- 塊級(jí)元素 -->
9. <div></div>
10. <span></span>
11.
12. <!-- 超鏈接元素 -->
13. <a></a>
14.
15. <!-- 列表元素 -->
16. <ul></ul> 2）單標(biāo)簽
單標(biāo)簽是指用一個(gè)標(biāo)記符號(hào)即可完整地描述某個(gè)功能的標(biāo)記。其基本語(yǔ)法格式如下：
1. <標(biāo)記名/>
常見(jiàn)的單標(biāo)簽有如下幾種：
1. <!-- 換行標(biāo)簽 -->
2. <br />
3.
4. <!-- 分隔線標(biāo)簽 -->
5. <hr />
6.
7. <!-- 圖片標(biāo)簽 -->
8. <img /> （2）HTML元素
HTML 元素指的是從開(kāi)始標(biāo)簽（start tag）到結(jié)束標(biāo)簽（end tag）的所有代碼，如<p>段落</p>。元素可以進(jìn)行嵌套具體如下：
1. <div>
2. <h1>我是標(biāo)題</h1>
3.
4. <div>
5. <p>元素嵌套示列</p>
6. </div>
7.
8. </div> （3）HTML屬性
屬性為 HTML 元素提供附加信息，可分為全局屬性（即所有元素均可使用的屬性，如id,class等）和元素屬性（部分元素可使用的屬性，例如<a href="http://www.baidu.com">搜索</a>），屬性通常由屬性名="屬性值"構(gòu)成,存在于開(kāi)始標(biāo)簽中，示列如下:
（4）HTML實(shí)體編碼
對(duì)于部分不易通過(guò)鍵盤輸入的或和HTML沖突的部分符合,引入對(duì)應(yīng)的"實(shí)體編碼"，如< <> >空格 。
（5）HTML事件
通過(guò)某個(gè)動(dòng)作,執(zhí)行某個(gè)操作/JS腳本的能力。如點(diǎn)擊按鈕,改變顏色，事件可以分為多類比多鼠標(biāo)點(diǎn)擊、鼠標(biāo)聚焦等，下面我看看看一個(gè)事件編寫示列：
（1）h標(biāo)簽
h 標(biāo)簽有六種分別為h1、h2、h3、h4、h5、h6，這六個(gè)分別對(duì)應(yīng)六種樣式的標(biāo)題，我們現(xiàn)在來(lái)編寫這六種h標(biāo)簽，演示代碼如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8. <h1>H1標(biāo)題</h1>
9. <h2>H2標(biāo)題</h2>
10. <h3>H3標(biāo)題</h3>
11. <h4>H4標(biāo)題</h4>
12. <h5>H5標(biāo)題</h5>
13. <h6>H6標(biāo)題</h6>
14. </body>
15. </html> 我們來(lái)運(yùn)行該HTML文件，來(lái)看看這六種h標(biāo)簽有什么樣式差異，從示列中可以發(fā)現(xiàn)h1標(biāo)簽字體最大然后依次減小。
（2）p標(biāo)簽
p 標(biāo)簽是文本標(biāo)簽，現(xiàn)在我們來(lái)編寫一段含有p標(biāo)簽的html文本，然后運(yùn)行了看看p標(biāo)簽的樣式具體操作如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8.
9. <h4>標(biāo)題一</h4>
10. <p>我是段落1</p>
11.
12. <h4>標(biāo)題二</h4>
13. <p>我是段落2</p>
14.
15. </body>
16. </html> （3）a標(biāo)簽
a標(biāo)簽是超鏈接標(biāo)簽，點(diǎn)擊a標(biāo)簽可以跳轉(zhuǎn)到其設(shè)置的網(wǎng)站，具體示列如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8. <div>
9. <a href="http://www.baidu.com">點(diǎn)我跳轉(zhuǎn)到百度頁(yè)面</a>
10. </div>
11.
12. <div>
13. <a href="http://www.qq.com">點(diǎn)我跳轉(zhuǎn)到騰訊頁(yè)面</a>
14. </div>
15.
16. </body>
17. </html> （4）div標(biāo)簽
div標(biāo)簽是一個(gè)塊級(jí)元素，它可用于組合其他 HTML 元素的容器。可以把div看成一個(gè)盒子，我們可以為這個(gè)盒子設(shè)置各種各樣屬性（如高度、寬度、顏色等），下面我們編寫一個(gè)div標(biāo)簽并設(shè)置其長(zhǎng)為300px，寬度為200px，同時(shí)給其一個(gè)背景顏色，具體如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8.
9. <div style="width: 200px;height: 300px;background: #2eabff">我是div元素</div>
10.
11. </body>
12. </html> （5）列表標(biāo)簽
列表作為網(wǎng)頁(yè)設(shè)計(jì)的重要內(nèi)容之一，能夠用來(lái)制作導(dǎo)航欄和新聞列表等。HTML 列表分為：有序列表（ol），無(wú)序列表（ul）以及自定義列表（dl）
1）有序列表ul
有序列表的順序是有序的，默認(rèn)情況下會(huì)以數(shù)字來(lái)排列，但也可以通過(guò)設(shè)置其type屬性以大寫字母、小寫字母、大寫羅馬數(shù)字、小寫羅馬數(shù)字來(lái)排列，我們現(xiàn)在來(lái)寫一個(gè)示列，具體如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8.
9. <!-- 有序列表，以默認(rèn)方式數(shù)字排列 -->
10. <p>有序列表默認(rèn)方式數(shù)字排列</p>
11. <ol>
12. <li>列表1</li>
13. <li>列表2</li>
14. <li>列表3</li>
15. </ol>
16.
17. <!-- 有序列表，以大寫字母排列 -->
18. <p>有序列表大寫字母排列</p>
19. <ol type="A">
20. <li>列表1</li>
21. <li>列表2</li>
22. <li>列表3</li>
23. </ol>
24.
25. </body>
26. </html> 2）無(wú)序列表ol
無(wú)序列表的順序是無(wú)序的，不會(huì)按照某個(gè)值來(lái)排序，無(wú)序列表中每個(gè)列表前默認(rèn)都有一個(gè)實(shí)心圓，也可以通過(guò)type屬性來(lái)設(shè)置成空心圓或者小方塊，無(wú)序列表示列如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8.
9. <p>無(wú)序列表默認(rèn)type樣式</p>
10. <ul>
11. <li>列表1</li>
12. <li>列表2</li>
13. <li>列表3</li>
14. </ul>
15.
16. <p>無(wú)序列表方塊樣式</p>
17. <ul type="square">
18. <li>列表1</li>
19. <li>列表2</li>
20. <li>列表3</li>
21. </ul>
22.
23. </body>
24. </html> 3）自定義列表dl
自定義列表以 <dl> 標(biāo)簽開(kāi)始。每個(gè)自定義列表項(xiàng)以 <dt> 開(kāi)始，其列表內(nèi)容是以<dd> 開(kāi)始，自定義列表前面沒(méi)有任何標(biāo)識(shí)，其具體示例如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8.
9. <p>自定義列表</p>
10. <dl>
11. <dt>東岳</dt>
12. <dd>泰山</dd>
13.
14. <dt>南岳</dt>
15. <dd>衡山</dd>
16.
17. <dt>西岳</dt>
18. <dd>華山</dd>
19.
20. <dt>北岳</dt>
21. <dd>恒山</dd>
22.
23. <dt>中岳</dt>
24. <dd>嵩山</dd>
25. </dl>
26.
27. </body>
28. </html> （6）其它標(biāo)簽
1）換行標(biāo)簽<br/>
在HTML中如果想給內(nèi)容進(jìn)行換行可以使用換行標(biāo)簽，具體示列如下：
2）分割線標(biāo)簽<hr/>
<hr/> 標(biāo)簽用于在 HTML創(chuàng)建一條分割線，具體示列如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8.
9. <p>我是張三</p>
10. <!-- 分割線標(biāo)簽 -->
11. <hr/>
12. <p>我是李四</p>
13. </body>
14. </html> 至此我們《HTML基礎(chǔ)教程上篇》就講完了，下篇內(nèi)容主要講解HTML樣式、HTML表單、Tabel等，敬請(qǐng)期待。最后如果喜歡本篇文章不要忘了點(diǎn)贊、關(guān)注與轉(zhuǎn)發(fā)哦！
-END-
@IT管理局專注計(jì)算機(jī)領(lǐng)域技術(shù)、大學(xué)生活、學(xué)習(xí)方法、求職招聘、職業(yè)規(guī)劃、職場(chǎng)感悟等類型的原創(chuàng)內(nèi)容。期待與你相遇，和你一同成長(zhǎng)。
文章推薦：
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
