2018-03-21 HTML的單雙標(biāo)簽1

晚上吃完飯回家,想著煲點(diǎn)湯,睡覺前吃一點(diǎn),明天早上做早飯把剩下的吃完,洗了熱水澡,摸了香香的身體乳,敲筆記記一下今天的總結(jié),想著別鍋里的水燒干了,起身看了一下鍋,一下子脾氣來了,不知道誰給我火關(guān)了,我的湯還是一鍋水,不開心~~~

今天學(xué)的還是html的標(biāo)簽

雙標(biāo)簽

<ol>:有序列表標(biāo)簽
<li>是列表項標(biāo)簽
屬性:type="列表樣式" start="列表起始值"
舉例:

<html>
    <head>
<meta charset="UTF-8">
        <title>3月21日練習(xí)</title>
    </head>
    <body>
        <ol type="A" start="5">
            <li>第一項</li>
            <li>第二項</li>
            <li>第三項</li>
        </ol>
    </body>
</html>

E.第一項
F.第二項
G.第三項

<ul>:無序列表標(biāo)簽
<li>是列表項標(biāo)簽
屬性:type="列表樣式"
舉例:

<html>
    <head>
        <meta charset="UTF-8">
        <title>3月21日練習(xí)</title>
    </head>
    <body>
        <ul type="disa">
            <li>第一項</li>
            <li>第二項</li>
            <li>第三項</li>
        </ul>
    </body>
</html>

.第一項(此處的點(diǎn)在中間)
.第二項
.第三項

<html>
    <head>
        <meta charset="UTF-8">
        <title>3月21日練習(xí)</title>
    </head>
    <body>
        <ul type="disc">
            <a href="www.baidu.com"><li>百度</li></a>
            <a href="www.google.com"><li>google</li></a>
            <a href="www.sogou.com"><li>搜狗</li></a>
        </ul>
    </body>
</html>

<pre>:預(yù)格式文本標(biāo)簽(大量文字輸入推薦使用)
<a>:超鏈接標(biāo)簽
屬性:href="鏈接路徑"(也可用#錨名) name="錨名"(特殊錨#top)
舉例

<html>
    <head>
            <meta charset="UTF-8">
            <title>3月21日練習(xí)</title>
    </head>
    <body>
        <a >Visit W3School</a>
    </body>
</html>
<html>
    <head>
            <meta charset="UTF-8">
            <title>3月21日練習(xí)</title>
    </head>
    <body>
        <a ><img src="timg.jpeg"></a>
    </body>
</html>

結(jié)合無序列表和<a>鏈接

<html>
    <head>
            <meta charset="UTF-8">
            <title>3月21日練習(xí)</title>
    </head>
    <body>
        <ul type="disc">
            <a href="www.baidu.com"><li>百度</li></a>
            <a href="www.google.com"><li>google</li></a>
            <a href="www.sogou.com"><li>搜狗</li></a>
        </ul>
    </body>
</html>

<marquee>:滾動標(biāo)簽
屬性:scrolldelay="滾動延遲"
direction="滾動方向"(上下左右)不要寫相對運(yùn)行方向"
OnMouseOver="鼠標(biāo)覆蓋后效果" this.stop()/this.start()
OnMouseOut="鼠標(biāo)移開后效果"
OnMouseOver="this.stop()" OnMouseOut="this.start()"
當(dāng)鼠標(biāo)放在圖片上,圖片暫停,鼠標(biāo)移開后,圖片開始滑動
舉例

<html>
    <head>
            <meta charset="UTF-8">
            <title>3月21日練習(xí)</title>
    </head>
    <body>
        <marquee scrolldlay="10" direction="up" OnMouseOver="this.stop()" OnMouseOut="this.start()">
            <img src="timg.jpeg" width="350px" hight="500px" >
        </marquee>
        <marquee scrolldlay="10" direction="right" OnMouseOver="this.stop()" OnMouseOut="this.start()">
            <img src="timg.jpeg" width="350px" hight="500px" >
        </marquee>
        <marquee scrolldlay="10" direction="right" OnMouseOver="this.stop()" OnMouseOut="this.start()">
            <marquee scrolldlay="10" direction="up" OnMouseOver="this.stop()" OnMouseOut="this.start()">
            <img src="timg.jpeg" width="350px" hight="500px" >
        </marquee>

    </body>
</html>

單標(biāo)簽


:分割線標(biāo)簽
屬性:color="顏色" size="粗細(xì)px" width="寬度px/百分比%"( 建議寫百分比)
舉例

<html>
    <head>
        <title>3月21日練習(xí)</title>
    </head>
    <body>
        <hr color="red" size="5" width="50%">
    </body>
</html>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,530評論 1 41
  • 一,HTML語言的一般語法: 1,圍堵標(biāo)記:<>… 1)帶屬性的標(biāo)記: … 2)無屬性的標(biāo)記:加粗 居中 標(biāo)題 2...
    清水易藍(lán)閱讀 1,369評論 0 2
  • 第1章 認(rèn)識JS JavaScript能做什么?1.增強(qiáng)頁面動態(tài)效果(如:下拉菜單、圖片輪播、信息滾動等)2.實現(xiàn)...
    mo默22閱讀 1,511評論 0 5
  • 一、JS前言 (1)認(rèn)識JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,922評論 0 8
  • 忽然要毫無理由忍受鋸齒般的疼痛吞噬著,我無力躲避只能用感官來承受。明知道是個錯,卻要一錯再錯,我承認(rèn),這么多年來...
    若瓊閱讀 458評論 3 5

友情鏈接更多精彩內(nèi)容