1.HTML <div>
標(biāo)簽
<div>
起分割作用,分割內(nèi)容使用的常用標(biāo)簽
<div class="yanshi">演示</div>
2.HTML <span>
標(biāo)簽
<span>
常用布局標(biāo)簽
<span>內(nèi)容</span>
3.HTML <a>
鏈接標(biāo)簽
<a>
鏈接可以從A頁面跳轉(zhuǎn)至B頁面
<a href="網(wǎng)址" target="目標(biāo)" title="說明">鏈接</a>
href:打開目標(biāo)地址(網(wǎng)址)
<a >網(wǎng)址導(dǎo)航</a>
target:打開目標(biāo)方式,沒有此標(biāo)簽?zāi)J(rèn)在瀏覽頁面中重新加載
1.target="_blank"
:新建標(biāo)簽網(wǎng)頁窗口打開對應(yīng)網(wǎng)址
<a target="_blank">網(wǎng)址導(dǎo)航</a>
2.target="_parent"
:所在網(wǎng)頁重新加載
<a target="_parent">網(wǎng)址導(dǎo)航</a>
實現(xiàn)回到頂部:
1展运、需要轉(zhuǎn)到地方添加,<a href="#命名">文字</a>,注意href值是#開頭+英文字母命名
2搂赋、需要在被轉(zhuǎn)到位置添加,<span id="命名" name="命名"></span>益缠,注意id和name值相同并且與a命名相同
4.HTML <br />
換行標(biāo)簽
<br />
我要換行<br />已經(jīng)換行
5.HTML <p>
段落標(biāo)簽
<p>
實現(xiàn)文章?lián)Q段落的效果
<p>段落1</p>
<p>段落2</p>
6.HTML <h1>
<h2>
<h3>
<h4>
標(biāo)簽知識
<h1>
在一個網(wǎng)頁中最好只使用一次脑奠,如對一個網(wǎng)頁唯一標(biāo)題使用。 <h2>
幅慌、<h3>
宋欺、<h4>
標(biāo)簽則可以在一個網(wǎng)頁中多次出現(xiàn),但必要隨意添加或添加過度胰伍。
7.HTML <b>
& <strong>
加粗標(biāo)簽
<b>
<strong>
加粗標(biāo)簽元素告訴瀏覽器把其加b標(biāo)簽的文本以粗體方式顯示給瀏覽者,<b>
與<strong>
加粗本質(zhì)沒有區(qū)別齿诞,用法語法也沒有區(qū)別
1.<b>加粗</b>
2.<strong>強調(diào)</strong>
8.HTML <em>
與<i>
強調(diào)粗標(biāo)簽
<em>
<i>
告訴瀏覽器把其中的文本表示為強調(diào)的內(nèi)容,這個與html I斜體標(biāo)簽相同效果。
1.<em>強調(diào)標(biāo)簽</em>
2.<i>斜體標(biāo)簽</i>
9.HTML <u>
下劃線標(biāo)簽
<u>
下劃線標(biāo)簽告訴瀏覽器把其加u標(biāo)簽的文本加下劃線樣式呈現(xiàn)顯示給瀏覽者骂租。
<u>下劃線</u>
10.HTML <s>
貫穿線標(biāo)簽
<s>
簽修飾的文字內(nèi)容將被加刪除線(文字中間劃線)祷杈。
<s>刪除線</s>
11.HTML <img>
圖片標(biāo)簽
<img>
引入外部圖片到網(wǎng)頁中顯示的標(biāo)簽
[站外圖片上傳中……(2)]
-
<src>
圖片路徑 -
<width>
設(shè)置圖片寬度 -
<height>
設(shè)置圖片高度 -
<alt>
設(shè)置對這張圖片文字描述,通常設(shè)置描述為了搜索引擎能讀懂你這張圖片表達(dá)的內(nèi)容(有利于搜索引擎優(yōu)化因素而使用)
12.HTML 上標(biāo)注<sup>
& 下標(biāo)注<sub>
標(biāo)簽教程
<sup>
上浮內(nèi)容
<sup>上浮內(nèi)容</sup>
<sub>
下浮內(nèi)容
<sub>下浮內(nèi)容</sub>
13.HTML <nobr>
強制不換行標(biāo)簽
在網(wǎng)頁排版布局中比如文章列表標(biāo)題排版,無論多少文字均不希望換行顯示蝇摸,需要強制在一行顯示完內(nèi)容
<p><nobr>強制不換行</nobr></p>