您好,登錄后才能下訂單哦!
HTML標簽
1.a標簽
a標簽是一個超鏈接標簽,用于從一個頁面鏈接到另一個頁面。在《Web前端入門學習(1)》有提到過 4個偽類,分別是a:link、a:visited、a:hover、a:active。
a:link代表的是未訪問過的鏈接,當訪問者首次打開網(wǎng)頁未點擊鏈接時,所表現(xiàn)的形式;
a:visited代表的是訪問過的鏈接,相對于link,是訪問者點擊了連接后,所表現(xiàn)的形式;
a:hover代表的是當鼠標經(jīng)過鏈接上面時所表現(xiàn)的形式,鼠標經(jīng)過后,鏈接會有所變化;
a:active代表的是當用戶點擊鏈接的那一刻,所表現(xiàn)的形式。
注意:這4個偽類的使用,有一個先后順序,并不是隨便寫就可以的。這里規(guī)定,a:hover必須寫在a:link、a:visited后面,而a:active必須寫在a:hover后面。
href屬性用于規(guī)定鏈接的目標URL,即鏈接地址。如
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a >小倩加油站 </body> </html>
鏈接打開方式默認是在本窗口打開,如果想在新窗口打開鏈接,可以加個target屬性。如
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a >小倩加油站 </body> </html>
2.span標簽
span標簽是用于對文檔中的行內(nèi)元素進行組合,該標簽沒有固定的格式表現(xiàn)。當對它應用CSS樣式時,才會產(chǎn)生視覺上的變化。如果不對<span>應用樣式,那么該元素中的文本與其他文本不會有任何視覺上的差異。<span>標簽提供了一種將文本的一部分或者文檔的一部分獨立出來的方式。
3.標題標簽
標題標簽有h2~h7,如
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h2>我是標題1</h2> <h3>我是標題2</h3> <h4>我是標題3</h4> <h5>我是標題4</h5> <h6>我是標題5</h6> <h7>我是標題6</h7> <h7>我不再是標題,而是瀏覽器默認字體~~</h7> </body> </html>
注意:當超出h7之后,標題標簽不存在,字體顯示跟所打開的瀏覽器默認字體一致了。
4.列表標簽
a.有序列表
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ol><!-- 有序列表 --> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> <li>列表項4</li> </ol> </body> </html>
b.無序列表
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul><!-- 無序列表 --> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> <li>列表項4</li> </ul> </body> </html>
c.自定義列表
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <dl><!-- 自定義列表 --> <dt>定義列表標題</dt> <dd>定義列表項</dd> <dd>定義列表項</dd> <dd>定義列表項</dd> </dl> </body> </html>
5.其他常用標簽:
段落標簽p:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <p>我是段落</p> </body> </html>
重要文本strong:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <strong>加強(頁面展示為粗體)</strong> </body> </html>
強調(diào)文本em:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <em>強調(diào)(頁面展示為斜體)</em> </body> </html>
這里只列出常用的幾個標簽,實際上還有很多標簽,詳見:http://www.runoob.com/tags/html-reference.html
6.HTML5新增標簽
header:定義文檔或文檔的一部分區(qū)域的頁眉。
nav:定義導航鏈接。
section:定義文檔某個區(qū)域。
footer:定義文檔或文檔的一部分區(qū)域的頁腳。
article:定義獨立內(nèi)容。內(nèi)容本身必須有意義而且是獨立于文檔的其他部分。
aside:定義<aritcle>標簽外的內(nèi)容,內(nèi)容與附近的內(nèi)容有關。
time:定義公歷時間或日期。
mark:定義帶有記號的文本,為了突出顯示文本。
img(跟a鏈接一樣,是一個單標簽):定義HTML頁面的圖像,有兩個必要屬性:src和alt。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。