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

img標(biāo)簽:

  1. img標(biāo)簽中的img其實(shí)是英文image的縮寫,所以img標(biāo)簽的作用, 就是告訴瀏覽器我們需要顯示一張圖片;
  2. img標(biāo)簽格式:< img src="">其實(shí)img標(biāo)簽中的src是英文source的縮寫涩嚣,所以img標(biāo)簽中的src就是用來告訴img標(biāo)簽, 需要顯示的圖片名稱.
  3. 注意點(diǎn):
  1. 和H系列標(biāo)簽/p標(biāo)簽還有Hr標(biāo)簽不一樣, img標(biāo)簽不會獨(dú)占一行.
  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其實(shí)是英文alternate的縮寫, 它的作用就是用于告訴瀏覽器, 當(dāng)需要顯示的圖片找不到時顯示什么內(nèi)容。

br標(biāo)簽:

  1. br標(biāo)簽作用: 換行
  2. br標(biāo)簽格式: <br>/<br/>
  3. br標(biāo)簽的注意點(diǎn):
  • 多個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. 注意點(diǎn):
  1. a標(biāo)簽不僅可以讓文字可以點(diǎn)擊, 還可以讓圖片也能夠被點(diǎn)擊;
  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>

注意點(diǎn):

  1. base標(biāo)簽必須寫在head標(biāo)簽的開始標(biāo)簽和結(jié)束標(biāo)簽之間;
  2. 如果既在base中指定了target又在a標(biāo)簽中指定了target,那么瀏覽器會按照a標(biāo)簽中指定的來執(zhí)行;
  3. 如需要單獨(dú)給某個a鏈接添加跳轉(zhuǎn)方式莽红,可以在那個a標(biāo)簽中單獨(dú)指定跳轉(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其實(shí)是英文list item的縮寫醉蚁;
list是列表的意思燃辖,item是條目的意思,所以結(jié)合起來就是 列表條目的意思网棍。

注意點(diǎn)

  1. 一定要記住ul標(biāo)簽是用來給一堆數(shù)據(jù)添加列表語義的, 而不是用來給他們添加小圓點(diǎn)的黔龟;
  2. ul標(biāo)簽和li標(biāo)簽是一個整體, 是一個組合. 所以一般情況下ul標(biāo)簽和li標(biāo)簽都是一起出現(xiàn), 不會單個出現(xiàn). 也就是說不會單獨(dú)使用一個ul標(biāo)簽或者單獨(dú)使用一個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í)表格是一種數(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)簽就是表格中的一行蛋欣;
其實(shí)表格標(biāo)簽中的td標(biāo)簽代表表格中一行中的一個單元格, 也就是說一對td標(biāo)簽就是一行中的一個單元格。

注意點(diǎn)

  • 表格標(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)容在水平方向的對齊方式
    注意點(diǎn): 如果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".
    注意點(diǎn):
    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)題就會自動相對于表格的寬度居中秉馏。
    注意點(diǎn):
    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), 其實(shí)表格中有兩種單元格, 一種是td, 一種是th免都,td是專門用來存儲數(shù)據(jù)的, th是專門用來存儲當(dāng)前列的標(biāo)題的。

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

  1. 由于表格中存儲的數(shù)據(jù)比較復(fù)雜, 為了方便管理和閱讀以及提升語義, 我們可以對表格中存儲的數(shù)據(jù)進(jìn)行分類帆竹。
    表格中存儲的數(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. 注意點(diǎn):
  • 如果我們沒有編寫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)做兩個單元格來看待;
注意點(diǎn):

  1. 由于把某一個單元格當(dāng)做了多個單元格來看待栽连,所以需要刪掉一些單元格才能正常顯示险领;
  2. 一定要記住單元格合并永遠(yuǎn)都是向后或者向下合并侨舆,而不能向前或者向上合并。
  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表單元素其實(shí)還是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>

注意點(diǎn):
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ù)堵未;
    注意點(diǎn):如果想要修改重置按鈕默認(rèn)的按鈕標(biāo)題可以通過Value屬性來修改腋舌。
 <input type="reset" value="清空">
  1. 提交按鈕:
    作用:將表單這種已經(jīng)填寫好的數(shù)據(jù),提交到遠(yuǎn)程服務(wù)器渗蟹。
    注意點(diǎn):要想把填好的數(shù)據(jù)提交到遠(yuǎn)程服務(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)系的, 也就是說點(diǎn)擊文字輸入框不會聚焦, 如果想點(diǎn)擊文字時讓對應(yīng)的輸入框聚焦, 那么就需要讓文字和輸入框進(jìn)行綁定;
  2. 要想讓輸入框和文字綁定在一起, 那么我們可以使用Label標(biāo)簽;
  3. 綁定的格式:
    3.1 將文字利用label標(biāo)簽包裹起來
    3.2 給輸入框添加一個id屬性
    3.3在label標(biāo)簽中通過for屬性和輸入框中的id進(jìn)行綁定即可。
<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>

注意點(diǎn):
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>

注意點(diǎn):
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)瀏覽器播放視頻時它就會從這三種中選擇一種自己支持的格式來播放。

注意點(diǎn):

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

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

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

注意點(diǎn):
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)情況下是折疊展示, 想看見詳情必須點(diǎ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滾動到邊界就彈回撼班。
注意點(diǎn):
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>

字符實(shí)體

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


QQ截圖20170624195808.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末件炉,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子矮湘,更是在濱河造成了極大的恐慌斟冕,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件缅阳,死亡現(xiàn)場離奇詭異磕蛇,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)十办,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進(jìn)店門秀撇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人橘洞,你說我怎么就攤上這事捌袜。” “怎么了炸枣?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵虏等,是天一觀的道長。 經(jīng)常有香客問我适肠,道長霍衫,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任侯养,我火速辦了婚禮敦跌,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘逛揩。我一直安慰自己柠傍,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布辩稽。 她就那樣靜靜地躺著惧笛,像睡著了一般。 火紅的嫁衣襯著肌膚如雪逞泄。 梳的紋絲不亂的頭發(fā)上患整,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天,我揣著相機(jī)與錄音喷众,去河邊找鬼各谚。 笑死,一個胖子當(dāng)著我的面吹牛到千,可吹牛的內(nèi)容都是我干的昌渤。 我是一名探鬼主播,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼憔四,長吁一口氣:“原來是場噩夢啊……” “哼愈涩!你這毒婦竟也來了望抽?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤履婉,失蹤者是張志新(化名)和其女友劉穎煤篙,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體毁腿,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡辑奈,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了已烤。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鸠窗。...
    茶點(diǎn)故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖胯究,靈堂內(nèi)的尸體忽然破棺而出稍计,到底是詐尸還是另有隱情,我是刑警寧澤裕循,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布臣嚣,位于F島的核電站,受9級特大地震影響剥哑,放射性物質(zhì)發(fā)生泄漏硅则。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一株婴、第九天 我趴在偏房一處隱蔽的房頂上張望怎虫。 院中可真熱鬧,春花似錦困介、人聲如沸大审。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽徒扶。三九已至,卻和暖如春八回,著一層夾襖步出監(jiān)牢的瞬間酷愧,已是汗流浹背驾诈。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工缠诅, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人乍迄。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓管引,卻偏偏與公主長得像,于是被迫代替她去往敵國和親闯两。 傳聞我的和親對象是個殘疾皇子褥伴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評論 2 345

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

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