HTML常用標簽(二)

段落標簽 P
<!--font 標簽屬性設(shè)置文本的字體的大小和顏色,標簽包裹的文字為作用域-->
<p> 前<font color="red" size="12"> font標簽</font>后</p>
加粗標簽strong、b
<!--strong 、b標簽加粗文本-->
<p> 文本 <strong>strong 加粗文本</strong>  <b>b標簽加粗文本</b></p>
01.png
超鏈接標簽 a標簽
    <a  title="a標簽超鏈接,_self" target="_self">a標簽超鏈接,_self</a>
    <a  title="a標簽超鏈接,blank" target="_blank">a標簽超鏈接,blank</a>

a標簽的href屬性表示將要跳轉(zhuǎn)的鏈接(也可以是本地文件),target屬性_self表示在當前的窗口跳轉(zhuǎn),覆蓋當前窗口,_blank表示新建一個窗口。
如果要在頁面的全局設(shè)置則在body標簽外面設(shè)置base標簽的target屬性就行
跳轉(zhuǎn)的內(nèi)容可以使文字、圖片,如下代碼:

<base target="_self">
<body >
    <a href="01.html" title="a標簽超鏈接,_self" target="_self">a標簽超鏈接,_self</a>
    <a  title="a標簽超鏈接,blank" target="_blank">a標簽超鏈接,blank</a>
    圖片作為跳轉(zhuǎn)內(nèi)容
    <a  title="a標簽超鏈接,blank" target="_blank">![](1.png)</a>
</body>

假如這樣書寫鏈接:href= "http://www.w3school.com.cn/html" ,就會向服務(wù)器產(chǎn)生兩次 HTTP 請求。這是因為服務(wù)器會添加正斜杠到這個地址,然后創(chuàng)建一個新的請求,就像這樣href="http://www.w3school.com.cn/html/"。

  • 另外還可以發(fā)送郵件
<p>
這是郵件鏈接:
<a href="mailto:someone@microsoft.com?subject=Hello%20again">發(fā)送郵件</a>
</p>
  • 利用超鏈接標簽實現(xiàn)錨鏈接
    網(wǎng)頁的返回頂部功能和目錄導(dǎo)航等功能
<body>
    <p id="top"></p>
    <p>dfdfdfdfdfdf</p>
    <br>dfdfdfdfdf</p>
    ...
    <br>
    <a href="#top">返回頂部</a>
</body>

'#top'表示id為top的標簽

  • 簡單下載功能
<a href="girl.zip">這里是打包好的高清無碼的圖片</a>

只要在href屬性里面填寫文件的路徑就行了,.zip、.png等等

  • a標簽有許多的屬性:查看
HTML DOM Anchor 對象

Anchor 對象表示 HTML 超鏈接。
在 HTML 文檔中 a 標簽每出現(xiàn)一次,就會創(chuàng)建 Anchor 對象。
錨可用于創(chuàng)建指向另一個文檔的鏈接(通過 href 屬性),或者創(chuàng)建文檔內(nèi)的書簽(通過 name 屬性)。
您可以通過搜索 Document 對象中的 anchors[] 數(shù)組來訪問錨,或者使用 document.getElementById()。

詳情請看

列表標簽

clipboard.png
<!--<table style="border: 1px solid red">-->
    <table  border="1" cellspacing="0" cellpadding="5" width="300" bordercolor="red" >
        <tr>
            <th colspan="3">Month</th>
            <!--<th>Save</th>-->
            <!--<th>Hello</th>-->
        </tr>
        <tr>
            <td>
                <ul type="circle">
                    <li>dddd</li>
                    <li>dddd</li>
                    <li>dddd</li>
                </ul>
            </td >
            <td rowspan="2">$1000</td>
            <td>
                <!-- 有序列表 -->
                追女朋友的步驟
                <ol type="1" start="1">
                    <li>故意制造邂逅</li>
                    <li>索要聯(lián)系方式</li>
                    <li>搞定女孩她娘</li>
                    <li>女孩子到手了</li>
                </ol>
            </td>
        </tr>

        <tr>
            <td>
                xxxxxxx
            </td >
            <!--<td>$1000</td>-->
            <td>
                xxxxxxx
            </td>
        </tr>

    </table>

    <!-- 自定義列表 -->
    <dl>
        <dt>售后服務(wù)</dt>
        <dd>產(chǎn)品維修</dd>
        <dd>補開發(fā)票</dd>
        <dd>技術(shù)支持</dd>
        <dd>相關(guān)政策</dd>

        <dt>關(guān)注我們</dt>
        <dd>官方微信</dd>
        <dd>技術(shù)網(wǎng)站</dd>
        <dd>售前咨詢</dd>
        <dd>聯(lián)系地址</dd>
    </dl>
3.png
  • cellspacing 表格單元格之間的間距
  • td 的colspan屬性表示合并表格的行,rowspan表示合并單元格的列
    屬性值表示從自己起合并幾個單元格
  • ul :無序列表,type屬性代表前面的圖標
  • ol:有序列表 start表示從哪個開始

嵌入標簽

<embed src="song.mp3" hidden ="true"/>

滾動標簽

<marquee behavior="slide" direction="up" 
                 width="500" height="500" bgcolor="pink"> 
          ![](girl.jpg)
        </marquee>

在<marquee> </marquee>標簽中利用width,height,bgcolor屬性設(shè)置滾動區(qū)域的大小和背景顏色;利用behavior屬性設(shè)置了滾動的方式其值可取scroll、slide、alternate;利用direction屬性設(shè)置滾動的方向其值可取left、right、up、down等值

元信息標簽

<meta> 標簽位于文檔的頭部,不包含任何內(nèi)容。<meta> 標簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。

  • 文檔編碼

<meta charset="UTF-8">

  • name 屬性
<meta name="keywords" content="html,ccs,web,前端">

name 的值可以有很多種類型author、description、generator、revised等等,keywords一個很常用的屬性,可以被搜索引擎捕捉到,將content的內(nèi)容作為搜索關(guān)鍵字保存。
content是meta的一個必須屬性,他表示對內(nèi)容的描述,如果有name表示name的內(nèi)容,默認表示http-equiv的內(nèi)容,所以說為什么是文檔相關(guān)的名稱/值對

  • http-equiv 屬性

值有:content-type、expires、refresh、set-cookie。http-equiv 屬性為名稱/值對提供了名稱。并指示服務(wù)器在發(fā)送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。
當服務(wù)器向瀏覽器發(fā)送文檔時,會先發(fā)送許多名稱/值對。雖然有些服務(wù)器會發(fā)送許多這種名稱/值對,但是所有服務(wù)器都至少要發(fā)送一個:content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。
使用帶有 http-equiv 屬性的 <meta> 標簽時,服務(wù)器將把名稱/值對添加到發(fā)送給瀏覽器的內(nèi)容頭部。

<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">
//五秒后跳轉(zhuǎn)頁面
<meta http-equiv="refresh" content="5;http://www.baidu.com">
  • content 屬性
    content 屬性提供了名稱/值對中的值。該值可以是任何有效的字符串。
    content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。

鏈接標簽

link標簽一般用于連接外部css樣式

<link rel="stylesheet"   href="test.css">
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,502評論 19 139
  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,520評論 1 41
  • 1、段落、標題、水平線 段落 屬性名稱 屬性值 說明 我是第一段 ali...
    夜未殤閱讀 1,134評論 0 0
  • HTML基礎(chǔ) 本文包括 HTML基本知識與結(jié)構(gòu) HTML常見標簽 標簽寫法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,205評論 2 21
  • 文字 熱點地圖 列表
    丁止戈閱讀 214評論 0 0

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