HTML
-
HTML(Hypertext Markup Language)
超文本標(biāo)記語言。 - 它負(fù)責(zé)網(wǎng)頁的三個(gè)要素之中的
結(jié)構(gòu)。 -
HTML使用
標(biāo)簽的形式來標(biāo)識(shí)網(wǎng)頁中的不同組成部分。 - 所謂超文本指的是超鏈接，使用
超鏈接可以讓我們從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面。
<!-- 一個(gè)最基本的HTML頁面-->
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF - 8">
<title>網(wǎng)頁標(biāo)題</title>
</head>
<body>
<h1>網(wǎng)頁正文</h1>
</body>
</html>
標(biāo)簽
-
HTML中的標(biāo)記指的就是
標(biāo)簽。 - HTML使用標(biāo)記標(biāo)簽來描述網(wǎng)頁。
- 結(jié)構(gòu)：
<
標(biāo)簽名>標(biāo)簽內(nèi)容</標(biāo)簽名>
</標(biāo)簽名>
元素
- 我們還將一個(gè)完整的標(biāo)簽稱為
元素。 - 這里我們可以將元素和標(biāo)簽認(rèn)為是一個(gè)同一詞。
<h1>一級(jí)標(biāo)題</h1>
上邊的h1我們就稱為元素
<p>我是一個(gè)<em>段落</em></p>
p也是一個(gè)元素，em是p的子元素，p是em的父元素。
<body>
<p><em>內(nèi)容</em></p>
</body>
- body 也是一個(gè)元素。
- body 是p和em的
祖先元素。 - p 和em是body的
后代元素。
屬性
- 可以為HTML標(biāo)簽設(shè)置
屬性。 - 通過屬性為HTML元素提供附加信息。
- 屬性需要設(shè)置在
開始標(biāo)簽或自結(jié)束中。 - 屬性總是以
名稱/值對(duì)的形式出現(xiàn)。 - 比如:name = 'value'
- 有些屬性可以是任意值，有些則必須是指定值。
<h1 title='我是一個(gè)標(biāo)題'>標(biāo)題</h1><img src=''' alt=''/>
常見屬性
-
id
-id屬性作為標(biāo)簽的唯一標(biāo)識(shí)，在同一個(gè)網(wǎng)頁中不能出現(xiàn)相同的id屬性值。
-
class
-class屬性用來標(biāo)簽分組，擁有相同class屬性的標(biāo)簽我們認(rèn)為就是一組，可以出現(xiàn)相同的class屬性，可以為一個(gè)元素指向多個(gè)class。
-
title
-title屬性用來指定標(biāo)簽的標(biāo)題，指定title以后，鼠標(biāo)移動(dòng)到元素上方時(shí)，會(huì)出現(xiàn)提示文字。
注釋
- HTML注釋中的內(nèi)容不會(huì)在網(wǎng)頁中顯示。
- 格式：
<!--注釋內(nèi)容-->
- 合理使用注釋可以幫助開發(fā)人員理解網(wǎng)頁的代碼。
- 注釋不能嵌套?。?！
-
THIS PERIOD END
