溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Web前端入門學習(2)——HTML常用標簽

發(fā)布時間:2020-07-08 11:48:55 來源:網(wǎng)絡 閱讀:570 作者:小倩_小倩 欄目:開發(fā)技術

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。

 

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI