HTML常用標(biāo)簽(二)

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

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

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

假如這樣書(shū)寫(xiě)鏈接:href= "http://www.w3school.com.cn/html" 数尿,就會(huì)向服務(wù)器產(chǎn)生兩次 HTTP 請(qǐng)求仑性。這是因?yàn)榉?wù)器會(huì)添加正斜杠到這個(gè)地址,然后創(chuàng)建一個(gè)新的請(qǐng)求右蹦,就像這樣href="http://www.w3school.com.cn/html/"诊杆。

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

'#top'表示id為top的標(biāo)簽

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

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

  • a標(biāo)簽有許多的屬性:查看
HTML DOM Anchor 對(duì)象

Anchor 對(duì)象表示 HTML 超鏈接晨汹。
在 HTML 文檔中 a 標(biāo)簽每出現(xiàn)一次,就會(huì)創(chuàng)建 Anchor 對(duì)象贷盲。
錨可用于創(chuàng)建指向另一個(gè)文檔的鏈接(通過(guò) href 屬性)淘这,或者創(chuàng)建文檔內(nèi)的書(shū)簽(通過(guò) name 屬性)。
您可以通過(guò)搜索 Document 對(duì)象中的 anchors[] 數(shù)組來(lái)訪問(wèn)錨巩剖,或者使用 document.getElementById()铝穷。

詳情請(qǐng)看

列表標(biāo)簽

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>補(bǔ)開(kāi)發(fā)票</dd>
        <dd>技術(shù)支持</dd>
        <dd>相關(guān)政策</dd>

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

嵌入標(biāo)簽

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

滾動(dòng)標(biāo)簽

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

在<marquee> </marquee>標(biāo)簽中利用width曙聂,height,bgcolor屬性設(shè)置滾動(dòng)區(qū)域的大小和背景顏色鞠鲜;利用behavior屬性設(shè)置了滾動(dòng)的方式其值可取scroll宁脊、slide、alternate镊尺;利用direction屬性設(shè)置滾動(dòng)的方向其值可取left朦佩、right并思、up庐氮、down等值

元信息標(biāo)簽

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

  • 文檔編碼

<meta charset="UTF-8">

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

name 的值可以有很多種類(lèi)型author仙畦、description、generator音婶、revised等等慨畸,keywords一個(gè)很常用的屬性,可以被搜索引擎捕捉到衣式,將content的內(nèi)容作為搜索關(guān)鍵字保存寸士。
content是meta的一個(gè)必須屬性,他表示對(duì)內(nèi)容的描述碴卧,如果有name表示name的內(nèi)容弱卡,默認(rèn)表示http-equiv的內(nèi)容,所以說(shuō)為什么是文檔相關(guān)的名稱(chēng)/值對(duì)

  • http-equiv 屬性

值有:content-type住册、expires婶博、refresh、set-cookie荧飞。http-equiv 屬性為名稱(chēng)/值對(duì)提供了名稱(chēng)凡人。并指示服務(wù)器在發(fā)送實(shí)際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱(chēng)/值對(duì)。
當(dāng)服務(wù)器向?yàn)g覽器發(fā)送文檔時(shí)叹阔,會(huì)先發(fā)送許多名稱(chēng)/值對(duì)挠轴。雖然有些服務(wù)器會(huì)發(fā)送許多這種名稱(chēng)/值對(duì),但是所有服務(wù)器都至少要發(fā)送一個(gè):content-type:text/html耳幢。這將告訴瀏覽器準(zhǔn)備接受一個(gè) HTML 文檔忠荞。
使用帶有 http-equiv 屬性的 <meta> 標(biāo)簽時(shí),服務(wù)器將把名稱(chēng)/值對(duì)添加到發(fā)送給瀏覽器的內(nèi)容頭部帅掘。

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

鏈接標(biāo)簽

link標(biāo)簽一般用于連接外部css樣式

<link rel="stylesheet"   href="test.css">
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末碧绞,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子吱窝,更是在濱河造成了極大的恐慌讥邻,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,817評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件院峡,死亡現(xiàn)場(chǎng)離奇詭異兴使,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)照激,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)发魄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事励幼√ⅲ” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,354評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵苹粟,是天一觀的道長(zhǎng)有滑。 經(jīng)常有香客問(wèn)我,道長(zhǎng)嵌削,這世上最難降的妖魔是什么毛好? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,498評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮苛秕,結(jié)果婚禮上睛榄,老公的妹妹穿的比我還像新娘。我一直安慰自己想帅,他們只是感情好场靴,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,600評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著港准,像睡著了一般旨剥。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上浅缸,一...
    開(kāi)封第一講書(shū)人閱讀 49,829評(píng)論 1 290
  • 那天轨帜,我揣著相機(jī)與錄音,去河邊找鬼衩椒。 笑死蚌父,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的毛萌。 我是一名探鬼主播苟弛,決...
    沈念sama閱讀 38,979評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼阁将!你這毒婦竟也來(lái)了膏秫?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,722評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤做盅,失蹤者是張志新(化名)和其女友劉穎缤削,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體吹榴,經(jīng)...
    沈念sama閱讀 44,189評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡亭敢,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,519評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了图筹。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片帅刀。...
    茶點(diǎn)故事閱讀 38,654評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出劝篷,到底是詐尸還是另有隱情哨鸭,我是刑警寧澤民宿,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布娇妓,位于F島的核電站,受9級(jí)特大地震影響活鹰,放射性物質(zhì)發(fā)生泄漏哈恰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,940評(píng)論 3 313
  • 文/蒙蒙 一志群、第九天 我趴在偏房一處隱蔽的房頂上張望着绷。 院中可真熱鬧,春花似錦锌云、人聲如沸荠医。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,762評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)彬向。三九已至,卻和暖如春攻冷,著一層夾襖步出監(jiān)牢的瞬間娃胆,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,993評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工等曼, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留里烦,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,382評(píng)論 2 360
  • 正文 我出身青樓禁谦,卻偏偏與公主長(zhǎng)得像胁黑,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子州泊,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,543評(píng)論 2 349

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

  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理别厘,服務(wù)發(fā)現(xiàn),斷路器拥诡,智...
    卡卡羅2017閱讀 134,633評(píng)論 18 139
  • HTML標(biāo)簽解釋大全 一触趴、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說(shuō)明:指定了 HTML 文檔遵循的文檔類(lèi)型定義(D...
    米塔塔閱讀 3,229評(píng)論 1 41
  • 1仇祭、段落披蕉、標(biāo)題、水平線 段落 屬性名稱(chēng) 屬性值 說(shuō)明 我是第一段 ali...
    夜未殤閱讀 1,066評(píng)論 0 0
  • HTML基礎(chǔ) 本文包括 HTML基本知識(shí)與結(jié)構(gòu) HTML常見(jiàn)標(biāo)簽 標(biāo)簽寫(xiě)法與嵌套的討論 HTML、CSS没讲、java...
    廖少少閱讀 2,082評(píng)論 2 21
  • 文字 熱點(diǎn)地圖 列表
    丁止戈閱讀 195評(píng)論 0 0