1 HTML簡介
HTML是用來描述網頁的一種語言,是超文本標記語言的縮寫(Hyper Text Markup Language),不屬于編程語言的范疇,屬于一種標記語言。
標記語言使用一套標記標簽(Markup tag),又稱為標簽,HTML就是使用標記標簽來描述網頁。
1.2 HTML標簽
1、HTML標簽是由尖括號報文的關鍵詞
2、HTML標簽通常是成對出現
3、標簽對中第一個標簽稱為開始標簽,第一個標簽是結束標簽
1.3 HTML元素
HTML元素是指從開始標簽到結束標簽之間的內容,HTML的元素可以進行嵌套,HTML文檔其實就是由HTML嵌套而成,也可以將HTML標簽稱作元素。
1.4 HTML屬性
HTML標簽可以擁有屬性,屬性可以為HTML提供更多的信息。
1、屬性總是以鍵值對的形式存在:name=“value”。
2、屬性總是定義在開始標簽中。
1.5 HTML文檔結構(網頁結構)
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>HTML演示</title>
</head>
<body><h1>這是一個標題</h1><p>這是一個段落</p><p>這是另一個段落</p><a href="https://www.baidu.com/" target="_blank">這是一個鏈接,指向百度網頁</a><ul><li>HTML教程</li><li>CSS教程</li><li>JavaScript教程</li></ul><input type="text" placeholder="請輸入內容" />
</body>
</html>
1、<!DOCTYPE html>:文檔類型聲明,doctype聲明不區分大小寫
2、<html>:HTML文檔的根標簽,所有的頁面的標簽都在這個范圍內編寫
3、<head>:定義HTML文檔的一些信息,例如標題、編碼格式等<meta charset="UTF-8"> ---當前網頁采用的是UTF-8編碼格式<title>HTML演示</title> ---網頁標題
4、<body>:定義網頁中我們能通過瀏覽器看到的所有內容
5、<h1>:表示一個標題標簽
6、<p>:表示一個段落標簽
7、<a>:表示一個鏈接href:是這個鏈接標簽的屬性,屬性值為一個具體的網頁地址target:表示打開鏈接的方式,屬性值為_blank表示在空白頁打開
8、<ul>:定義一個無序列表,<li>:定義列表中的一個列表項
9、<input>:表示一個輸入框