段落標(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>
超鏈接標(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()铝穷。
列表標(biāo)簽
<!--<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>
- 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">