基礎(chǔ)標(biāo)簽簡介(img/br/a/base/列表/表格/表單/video/audio/summary&detail/marquee/字符實體)

img標(biāo)簽:

  1. img標(biāo)簽中的img其實是英文image的縮寫,所以img標(biāo)簽的作用, 就是告訴瀏覽器我們需要顯示一張圖片;
  2. img標(biāo)簽格式:< img src="">其實img標(biāo)簽中的src是英文source的縮寫,所以img標(biāo)簽中的src就是用來告訴img標(biāo)簽, 需要顯示的圖片名稱.
  3. 注意點:
  1. 和H系列標(biāo)簽/p標(biāo)簽還有Hr標(biāo)簽不一樣, img標(biāo)簽不會獨占一行.
  2. 如果我們手動指定了img標(biāo)簽顯示的圖片的寬度和高度, 有可能會導(dǎo)致圖片變形, 那么如果又想指定寬度和高度, 又不想讓圖片變形. 我們可以只指定寬度和高度其中的一個值即可
  3. 只要指定了高度, 系統(tǒng)會自動根據(jù)高度計算出寬度, 只要指定了寬度, 系統(tǒng)會自動根據(jù)寬度計算出高度, 并且都是等比拉伸的, 也就是說不會變形

4.img中的其它屬性:

  • width: 寬度 & height: 高度
    在img標(biāo)簽中width/height這兩個屬性的作用, 就是用來告訴img標(biāo)簽將來需要顯示的圖片有多寬有多高;
    如果img標(biāo)簽沒有指定需要顯示的圖片的寬高, 那么系統(tǒng)會按照圖片默認(rèn)的寬高來顯示,
    如果img標(biāo)簽指定的寬高, 那么系統(tǒng)會按照指定的寬高來顯示.

  • title: 用于告訴瀏覽器, 當(dāng)鼠標(biāo)懸停在圖片上時, 需要彈出的描述框中顯示什么內(nèi)容

  • alt其實是英文alternate的縮寫, 它的作用就是用于告訴瀏覽器, 當(dāng)需要顯示的圖片找不到時顯示什么內(nèi)容。

br標(biāo)簽:

  1. br標(biāo)簽作用: 換行
  2. br標(biāo)簽格式: <br>/<br/>
  3. br標(biāo)簽的注意點:
  • 多個br標(biāo)簽可以連續(xù)使用, 使用了多少個br標(biāo)簽就會換多少行;
  • 由于HTML的作用就是用來給文本添加語義, 而br標(biāo)簽的語義是不另起一個段落換行, 而在企業(yè)開發(fā)中一般情況下需要換行都是因為需要另起一個段落, 所以在企業(yè)開發(fā)中很少使用br標(biāo)簽。

a標(biāo)簽:

  1. 什么是a標(biāo)簽?
    a標(biāo)簽的作用: 就是用于控制頁面與頁面之間跳轉(zhuǎn)的;
    a標(biāo)簽的格式: < a href="指定需要跳轉(zhuǎn)的目標(biāo)界面">需要展現(xiàn)給用戶查看的內(nèi)容< /a >
  2. a 標(biāo)簽的屬性:
  • target屬性, 這個屬性的作用就是專門用于控制如何跳轉(zhuǎn):
    _self: 用于在當(dāng)前選項卡中跳轉(zhuǎn), 也就是不新建頁面跳轉(zhuǎn). target默認(rèn)屬性。
    _blank: 用于在新的選項卡中跳轉(zhuǎn), 也就是新建頁面跳轉(zhuǎn)。

  • title屬性,a標(biāo)簽中的title和img標(biāo)簽中的title一樣, 都是用來控制鼠標(biāo)懸停時顯示的提示文本的。

  1. 注意點:
  1. a標(biāo)簽不僅可以讓文字可以點擊, 還可以讓圖片也能夠被點擊;
  2. 一個a標(biāo)簽必須有一個href屬性, 否則a標(biāo)簽不知道要跳轉(zhuǎn)到什么地方;
  3. 如果通過a標(biāo)簽的href屬性指定一個URL地址, 那么必須在地址前面加上http://或https://
  4. a標(biāo)簽的href屬性除了可以指定一個網(wǎng)絡(luò)地址以外, 還可以指定一個本地地址。

base標(biāo)簽:

base標(biāo)簽就是專門用來統(tǒng)一的指定當(dāng)前網(wǎng)頁中所有的超鏈接(a標(biāo)簽)需要如何打開。
例子:

<head>
    <meta charset="UTF-8">
    <title>11-base標(biāo)簽</title>
    <base target="_blank">
</head>

注意點:

  1. base標(biāo)簽必須寫在head標(biāo)簽的開始標(biāo)簽和結(jié)束標(biāo)簽之間;
  2. 如果既在base中指定了target又在a標(biāo)簽中指定了target,那么瀏覽器會按照a標(biāo)簽中指定的來執(zhí)行;
  3. 如需要單獨給某個a鏈接添加跳轉(zhuǎn)方式,可以在那個a標(biāo)簽中單獨指定跳轉(zhuǎn)樣式。

列表標(biāo)簽

作用: 給一堆數(shù)據(jù)添加列表語義, 也就是告訴搜索引擎告訴瀏覽器這一堆數(shù)據(jù)是一個整體。
分類

  1. 無序列表(最多)(unordered list)
  2. 有序列表(最少)(ordered list)
  3. 定義列表(其次)(definition list)
    無序列表作用:給一堆數(shù)據(jù)添加列表語義, 并且這一堆數(shù)據(jù)中所有的數(shù)據(jù)都沒有先后之分。

格式

< ul>
    <li>需要顯示的條目內(nèi)容</li>
</ul>

li其實是英文list item的縮寫;
list是列表的意思,item是條目的意思,所以結(jié)合起來就是 列表條目的意思。

注意點

  1. 一定要記住ul標(biāo)簽是用來給一堆數(shù)據(jù)添加列表語義的, 而不是用來給他們添加小圓點的;
  2. ul標(biāo)簽和li標(biāo)簽是一個整體, 是一個組合. 所以一般情況下ul標(biāo)簽和li標(biāo)簽都是一起出現(xiàn), 不會單個出現(xiàn). 也就是說不會單獨使用一個ul標(biāo)簽或者單獨使用一個li 標(biāo)簽, 都是結(jié)合在一起使用;
  3. 由于ul標(biāo)簽和li標(biāo)簽是一個組合, 所以ul標(biāo)簽中不推薦包含其它標(biāo)簽, 也就是說以后你在ul標(biāo)簽中只會看到li標(biāo)簽。

應(yīng)用場景
1.新聞列表
2.商品列表
3.導(dǎo)航條

表格標(biāo)簽

作用:用來給一堆數(shù)據(jù)添加表格語義。
其實表格是一種數(shù)據(jù)的展現(xiàn)形式, 當(dāng)數(shù)據(jù)量非常大的時候, 表格這種展現(xiàn)形式被認(rèn)為是最為清晰的一種展現(xiàn)形式。
格式

< table>
    <tr>
        <td>需要顯示的內(nèi)容</td>
    </tr>
</table>

表格標(biāo)簽中的table代表整個表格, 也就是一個table標(biāo)簽所包裹的內(nèi)容就是一個表格
表格標(biāo)簽中的tr標(biāo)簽代表整個表格中的一行數(shù)據(jù), 也就是說一對tr標(biāo)簽就是表格中的一行;
其實表格標(biāo)簽中的td標(biāo)簽代表表格中一行中的一個單元格, 也就是說一對td標(biāo)簽就是一行中的一個單元格。

注意點

  • 表格標(biāo)簽有一個邊框?qū)傩? 這個屬性決定了邊框的寬度. 默認(rèn)情況下這個屬性的值是0, 所以看不到邊框;
  • 表格標(biāo)簽和列表標(biāo)簽一樣, 它是一個組合標(biāo)簽, 所以table/tr/td要么一起出現(xiàn), 要么一起不出現(xiàn), 不會單個出現(xiàn)。

屬性

  1. width&height:可以給table標(biāo)簽和td標(biāo)簽使用。
  • 表格的寬度和高度默認(rèn)是按照內(nèi)容的尺寸來調(diào)整的, 也可以通過給table標(biāo)簽設(shè)置width/height屬性的方式來手動指定表格的寬度和高度;
  • 如果給td標(biāo)簽設(shè)置widht/height屬性, 會修改當(dāng)前單元格的寬度和高度, 不會影響整個表格的寬度和高度;
  1. 水平對齊和垂直對齊的屬性:其中水平對齊可以給table標(biāo)簽和tr標(biāo)簽和td標(biāo)簽使用,垂直對齊只能給tr標(biāo)簽和td標(biāo)簽使用。
  • 給table標(biāo)簽設(shè)置align屬性, 可以控制表格在水平方向的對齊方式;
  • 給tr標(biāo)簽設(shè)置align屬性, 可以控制當(dāng)前行中所有單元格內(nèi)容的水平方向的對齊方式
  • 給td標(biāo)簽設(shè)置align屬性, 可以控制當(dāng)前單元格中內(nèi)容在水平方向的對齊方式
    注意點: 如果td中設(shè)置了align屬性, tr中也設(shè)置了align屬性, 那么單元格中的內(nèi)容會按照td中設(shè)置的來對齊。
  1. 外邊距和內(nèi)邊距的屬性:只能給table標(biāo)簽使用。
  • 外邊距就是單元格和單元格之間的距離, 我們稱之為外邊
    距,默認(rèn)情況下單元格和單元格之間的外邊距的距離是2px;

  • 內(nèi)邊距就是單元格的邊框和文字之間的間隙, 我們稱之為內(nèi)邊距,默認(rèn)情況下內(nèi)邊距是1;

細(xì)線表格
細(xì)線表格的制作方式:

  1. 給table標(biāo)簽設(shè)置bgcolor;
  2. 給tr標(biāo)簽設(shè)置bgcolor;
  3. 給table標(biāo)簽設(shè)置cellspacing = "1px".
    注意點:
    table標(biāo)簽和tr標(biāo)簽以及td標(biāo)簽都支持bgcolor屬性。
    (但是以上內(nèi)容僅僅作為了解, 因為樣式以后都是通過css來控制)

表格標(biāo)簽的其它標(biāo)簽

  1. 表格標(biāo)題:這個標(biāo)簽叫做caption. 只要將標(biāo)題寫在caption標(biāo)簽中, 那么標(biāo)題就會自動相對于表格的寬度居中。
    注意點:
    caption一定要寫在table標(biāo)簽中, 否則無效;
    caption一定要緊跟在table標(biāo)簽后面;
  2. 標(biāo)題單元格:這個標(biāo)簽叫做th標(biāo)簽, 只要將當(dāng)前列的標(biāo)題存儲在這個標(biāo)簽中就會自動居中+加粗文字;
    到此為止我們就發(fā)現(xiàn), 其實表格中有兩種單元格, 一種是td, 一種是th,td是專門用來存儲數(shù)據(jù)的, th是專門用來存儲當(dāng)前列的標(biāo)題的。

表格的結(jié)構(gòu)

  1. 由于表格中存儲的數(shù)據(jù)比較復(fù)雜, 為了方便管理和閱讀以及提升語義, 我們可以對表格中存儲的數(shù)據(jù)進行分類。
    表格中存儲的數(shù)據(jù)可以分為4類:
  • 表格的標(biāo)題(caption);
  • 表格的表頭信息(thead);
  • 表格的主體信息(tbody);
  • 表格的頁尾信息(tfoot)
  1. 表格的完整結(jié)構(gòu)
<table>
    <caption>表格的標(biāo)題</caption>
    <thead>
        <tr>
            <th>每一列的標(biāo)題</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>數(shù)據(jù)</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>數(shù)據(jù)</td>
        </tr>
    </tfoot>
</table>
  1. 注意點:
  • 如果我們沒有編寫tbody, 系統(tǒng)會系統(tǒng)給我們添加tbody;
  • 如果指定了thead和tfoot, 那么在修改整個表格的高度時, thead和tfoot有自己默認(rèn)的高度, 不會隨著表格的高度變化而變化;

合并單元格

  1. 水平方向上的單元格合并:
    可以給td標(biāo)簽添加一個colspan屬性, 來指定把某一個單元格當(dāng)做多個單元格來看待(水平方向)
    例如:
<td colspan="2"></td>

含義: 把當(dāng)前單元格當(dāng)做兩個單元格來看待;
注意點:

  1. 由于把某一個單元格當(dāng)做了多個單元格來看待,所以需要刪掉一些單元格才能正常顯示;
  2. 一定要記住單元格合并永遠都是向后或者向下合并,而不能向前或者向上合并。
  3. 垂直方向上的單元格合并:
    可以給td標(biāo)簽設(shè)置一個rowspan屬性,來指定把某一個單元格當(dāng)做多個單元格來看待(垂直方向)
    例如:
<td rowspan="2"></td>

含義:把當(dāng)前單元格當(dāng)做兩個單元格來看待。

表單標(biāo)簽

  1. 什么是表單?
    表單就是專門用來收集用戶信息的;
  2. 什么是表單元素?
    2.1 什么是元素?
    在HTML中標(biāo)簽/標(biāo)記/元素都是HTML中的標(biāo)
    簽,例如< a >a標(biāo)簽/a標(biāo)記/a元素。
    2.2表單元素其實還是HTML中的一些標(biāo)簽,只不過這些標(biāo)簽比較特殊,在瀏覽器中所有的表單標(biāo)簽都有特殊的外觀和默認(rèn)的功能。
  3. 表單的格式:
<form>
    <表單元素>
</form>
  1. 常見的表單元素:
    4.1 input標(biāo)簽, input標(biāo)簽有一個type屬性, 這個屬性有很多類型的取值, 取值的不同就決定了input標(biāo)簽的功能和外觀不同。
    常見的input屬性
    明文輸入框:
<form>
    賬號:<input type="text">
</form>

暗文輸入框:

<form>
    密碼:<input type="password">
</form>

給輸入框設(shè)置默認(rèn)值:

<form>
    賬號:<input type="text" value="lnj"><br>
    密碼:<input type="password" value="123"></form>`

單選框:

    性別:
    <input type="radio" name="xx" checked>男
    <input type="radio" name="xx">女
    <input type="radio" name="xx" >保密<br>

注意點:
1.默認(rèn)情況下單選框不會互斥, 要想單選框互斥那么必須給每一個單選框標(biāo)簽都設(shè)置一個name屬性, 然后name屬性還必須設(shè)置相同的值;
2.要想讓單選框默認(rèn)選中某一個框子, 那么可以給input標(biāo)簽添加一個checked屬性;
3.在HTML中如果屬性的取值和屬性的名稱一樣, 可以只寫一個. 但是在XHTML中必須寫上取值, 所以在企業(yè)開發(fā)中我們推薦大家不要省略取值。

多選框:

    愛好:
    <input type="checkbox">籃球
    <input type="checkbox">足球
    <input type="checkbox" checked="checked">棒球
    <input type="checkbox" checked="checked">足浴

按鈕:

  1. 普通按鈕:可以通過value屬性來給按鈕指定標(biāo)題;
    作用:配合JS來完成一些操作。
<input type="button" value="我是按鈕">
  1. 圖片按鈕:可以用指定圖片作為按鈕;
    作用:同普通按鈕一樣,可以配合JS來完成一些操作。
<input type="image" src="images/register.jpg">
  1. 重置按鈕:
    作用:用于清空表單中已經(jīng)填寫好的數(shù)據(jù);
    注意點:如果想要修改重置按鈕默認(rèn)的按鈕標(biāo)題可以通過Value屬性來修改。
 <input type="reset" value="清空">
  1. 提交按鈕:
    作用:將表單這種已經(jīng)填寫好的數(shù)據(jù),提交到遠程服務(wù)器。
    注意點:要想把填好的數(shù)據(jù)提交到遠程服務(wù)器,必須具備兩個條件:
  2. 需要給form表單添加一個action的屬性,通過這個action屬性指定需要提交到的服務(wù)器
    地址;
  3. 需要給需要提交到服務(wù)器的表單元素添加一個name屬性。
<input type="submit">

隱藏域:
作用 : 配合提交按鈕將一些數(shù)據(jù)默默的悄悄的提交到服務(wù)器。

 <input type="hidden" name="cc" value="kukuku">

H5新增input標(biāo)簽屬性:

    可以自動校驗輸入的內(nèi)容是否符合郵箱的格式:
    郵箱:<input type="email">
可以自動校驗輸入的內(nèi)容是否是URL地址:
域名:<input type="url">
    輸入框中只能輸入數(shù)字:
    電話:<input type="number">
可以通過日歷來選擇時間:
時間:<input type="date">
    可以通過取色板來選擇顏色:
    顏色: <input type="color">

4.2 label標(biāo)簽,用于將文字和輸入框關(guān)聯(lián)起來。

  1. 默認(rèn)情況下文字和輸入框是沒有關(guān)聯(lián)關(guān)系的, 也就是說點擊文字輸入框不會聚焦, 如果想點擊文字時讓對應(yīng)的輸入框聚焦, 那么就需要讓文字和輸入框進行綁定;
  2. 要想讓輸入框和文字綁定在一起, 那么我們可以使用Label標(biāo)簽;
  3. 綁定的格式:
    3.1 將文字利用label標(biāo)簽包裹起來
    3.2 給輸入框添加一個id屬性
    3.3在label標(biāo)簽中通過for屬性和輸入框中的id進行綁定即可。
<label for="account">賬號:</label><input type="text" id="account">
<form action="">
    <label for="account">賬號:</label><input type="text" id="account"><br>
    <label for="pwd">密碼:</label><input type="password" id="pwd"><br>

4.3 datalist標(biāo)簽:
作用:給輸入框綁定待選項。
格式:

<datalist>
    <option>待選項內(nèi)容</option>
</datalist>

如何給輸入框綁定待選列表:
1. 寫一個輸入框;
2. 寫一個datalist列表;
3. 給datalist列表標(biāo)簽添加一個id;
4. 給輸入框添加一個list屬性,將datalist的id對應(yīng)的值賦值給list屬性即可。

請輸入你的車型: <input type="text" list="cars">
<datalist id="cars">
    <option>奔馳</option>
    <option>寶馬</option>
    <option>奧迪</option>
    <option>路虎</option>
    <option>賓利</option>
</datalist>

4.4 select 標(biāo)簽:
作用:用于定義下拉列表。
格式:

<select>
    <optgroup label="分組名稱">
        <option>列表數(shù)據(jù)</option>
    </optgroup>
</select>
<select>
    <optgroup label="北京">
        <option>朝陽區(qū)</option>
        <option>昌平區(qū)</option>
        <option>通州區(qū)</option>
    </optgroup>
    <optgroup label="廣州">
        <option>天河區(qū)</option>
        <option>越秀區(qū)</option>
        <option>黃浦區(qū)</option>
    </optgroup>
</select>

注意點:
1.下拉列表不能輸入內(nèi)容, 但是可以直接在列表中選擇內(nèi)容;
2.可以通過給option標(biāo)簽添加一個selected屬性來指定列表的默認(rèn)值;
3.可以通過給option標(biāo)簽包裹一層optgroup標(biāo)簽來給下拉列表中的數(shù)據(jù)分類。

4.5 textarea標(biāo)簽:
作用: 定義一個多行輸入框;
格式:

<textarea>
</textarea>

注意點:
1.默認(rèn)情況下輸入框可以無限換行;
2.默認(rèn)情況下輸入框有自己的寬度和高度;
3.可以通過cols和rows來指定輸入框的寬度和高度, 但是雖然指定了列數(shù)和行數(shù), 但是還是可以無限往下輸入;
4.默認(rèn)情況下輸入框是可以手動拉伸的(如設(shè)置resize: none則無法改變輸入框大小);
5.注意:
表單元素一定要寫在表單中。

video/audio標(biāo)簽:

  1. video標(biāo)簽:
    作用:用于播放視頻。
    格式一:
<video src="">
</video>
<video src="images/sb1.webm" autoplay="autoplay" loop="loop" muted="muted" width="800px"></video>

格式二:

<video>
    <source src="" type=""></source>
    <source src="" type=""></source>
</video>

屬性:
src: 用于告訴video標(biāo)簽需要播放的視頻地址;
autoplay: 用于告訴video標(biāo)簽是否需要自動播放視頻;
controls: 用于告訴video標(biāo)簽是否需要顯示控制條;
poster: 用于告訴video標(biāo)簽視頻沒有播放之前顯示的占位圖片;
loop: 一般用于做廣告視頻, 用于告訴video標(biāo)簽視頻播放完畢之后是否需要循環(huán)播放;
preload: 預(yù)加載視頻, 但是需要注意preload和autoplay相沖, 如果設(shè)置了autoplay屬性, 那么preload屬性就會失效;
muted:靜音;
width/height: 和img標(biāo)簽中的一模一樣。

格式二存在的意義:
由于視頻數(shù)據(jù)非常非常的重要, 所以五大瀏覽器廠商都不愿意支持別人的視頻格式, 所以導(dǎo)致了沒有一種視頻格式是所有瀏覽器都支持的,這個時候W3C為了解決這個問題, 所以推出了第二個video標(biāo)簽的格式,其存在的意義就是為了解決瀏覽器適配問題
video 元素支持三種視頻格式, 我們可以把這三種格式都通過source標(biāo)簽指定給video標(biāo)簽, 那么以后當(dāng)瀏覽器播放視頻時它就會從這三種中選擇一種自己支持的格式來播放。

注意點:

  1. 當(dāng)前通過video標(biāo)簽的第二種格式雖然能夠指定所有瀏覽器都支持的視頻格式, 但是想讓所有瀏覽器都通過video標(biāo)簽播放視頻還有一個前提條件, 就是瀏覽器必須支持HTML5標(biāo)簽, 否則同樣無法播放;
  2. 在過去的一些瀏覽器是不支持HTML5標(biāo)簽的, 所以為了讓過去的一些瀏覽器也能夠通過video標(biāo)簽來播放視頻, 那么我們以后可以通過一個JS的框架叫做html5media來實現(xiàn)。

2.audio標(biāo)簽
作用:用于播放音頻。
格式:同video一樣,具有兩種格式。

<audio src="">
</audio>
<audio>
    <source src="" type="">
</audio>

注意點:
audio標(biāo)簽的使用和video標(biāo)簽的使用基本一樣, video中能夠使用的屬性在audio標(biāo)簽中大部分都能夠使用, 并且功能都一樣
只不過有3個屬性不能用, height/width/poster,這與播放產(chǎn)品的性質(zhì)有直接關(guān)系。

詳情和概要

什么是詳情和概要標(biāo)簽?
作用:利用summary標(biāo)簽來描述概要信息, 利用details標(biāo)簽來描述詳情信息;默認(rèn)情況下是折疊展示, 想看見詳情必須點擊。
格式:

<details>
    <summary>概要信息</summary>
    詳情信息
</details>
<details>
    <summary>鄭伊健</summary>
簡介:鄭伊健,1967年10月4日出生于中國香港,籍貫廣東恩平,香港影視演員、流行男歌手。1988年參加新秀歌唱大賽加入無線電視,因拍攝“陽光檸檬茶”廣告而入行,拜羅文為師。1991年...
</details>

marquee

作用: 跑馬燈
格式:

<marquee>內(nèi)容</marquee>

屬性:
direction: 設(shè)置滾動方向 left/right/up/down(默認(rèn)left);
scrollamount: 設(shè)置滾動速度, 值越大就越快;
loop: 設(shè)置滾動次數(shù), 默認(rèn)是-1, 也就是無限滾動;
behavior: 設(shè)置滾動類型 slide滾動到邊界就停止, alternate滾動到邊界就彈回。
注意點:
marquee標(biāo)簽不是W3C推薦的標(biāo)簽, 在W3C官方文檔中也無法查詢這個標(biāo)簽, 但是各大瀏覽器對這個標(biāo)簽的支持非常好。

<!--滾動方向-->
<marquee>騎著馬兒看著燈</marquee>
<marquee direction="right">騎著馬兒看著燈</marquee>
<marquee direction="up">騎著馬兒看著燈</marquee>
<marquee direction="down">騎著馬兒看著燈</marquee>
<hr>
<!--設(shè)置滾動速度-->
<marquee scrollamount="1">騎著馬兒看著燈</marquee>
<marquee scrollamount="10">騎著馬兒看著燈</marquee>
<!--設(shè)置滾動次數(shù)-->
<marquee loop="10">騎著馬兒看著燈</marquee>
<!--設(shè)置滾動類型-->
<marquee behavior="slide">騎著馬兒看著燈</marquee>
<marquee behavior="alternate">騎著馬兒看著燈</marquee>

字符實體

1.在HTML中對空格/回車/tab不敏感, 會把多個空格/回車/tab當(dāng)做一個空格來處理。
2.什么是字符實體?
在HTML中有的字符是被HTML保留的, 有的HTML字符在HTML中是有特殊含義的, 是不能在瀏覽器中直接顯示出來的, 那么這些東西要想顯示出來就必須通過字符實體。
3.常見的實體字符:


QQ截圖20170624195808.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • HTML需要掌握標(biāo)簽 標(biāo)簽(空格分隔): H5+CSS [TOC] 常用標(biāo)簽 img 注意點 和H系列標(biāo)簽/p標(biāo)簽...
    袁俊亮技術(shù)博客閱讀 2,063評論 1 8
  • ## HTML基礎(chǔ)-列表標(biāo)簽/表格標(biāo)簽 # 列表標(biāo)簽(無序列表/有序列表/定義列表) # 表格標(biāo)簽 # 單元格合并...
    KsKison閱讀 688評論 0 0
  • img標(biāo)簽 功能:告訴瀏覽器需要顯示一張圖片; 參數(shù):width、height、src、title、alt;wid...
    Latte_Bear閱讀 576評論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 13,796評論 1 92
  • IT運維(IT Ops)人員在組織中扮演著三個關(guān)鍵性角色。他們可以是建筑師、建設(shè)者以及出現(xiàn)問題時為你們挽救大局的英...
    ServiceHot閱讀 719評論 0 0