一、HTML簡(jiǎn)介
（1）超文本標(biāo)記語言（英語：HyperText Markup Language，簡(jiǎn)稱：HTML）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。
（2）HTML 不是一種編程語言，而是一種標(biāo)記語言
（3）標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
（4）HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
（5）HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
（6）HTML文檔也叫做 web 頁面
二、HTML文檔結(jié)構(gòu)
HTML的結(jié)構(gòu)主要分為5各部分DOCTYPE，html，head，title，body。
1、DOCTYPE
DOCTYPE，其作用主要在于對(duì)自身的文件格式進(jìn)行聲明，讓瀏覽器知道這是一個(gè)HTML文件，其格式一般為<!DOCTYPE html>。
2、html
html是由一個(gè)個(gè)元素組成的，而每個(gè)元素都是由一對(duì)標(biāo)簽構(gòu)成的。在html標(biāo)簽包裹下的內(nèi)容就是整個(gè)html文件的所有內(nèi)容。其結(jié)束標(biāo)簽都是在前面加一個(gè)反斜杠 /。格式：
<html>
····
</html>
3、head、title
head的作用就是在文件的前面將一些外部文件，格式引入，或者對(duì)文件的格式，風(fēng)格等做出一些規(guī)劃標(biāo)準(zhǔn)的地方。title就是網(wǎng)頁所顯示的名稱。其經(jīng)常在head標(biāo)簽中展示。
head中包含一些固定語句，例如：
<head>
? <meta charset="utf-8">
? <link rel="shortcut icon" href="1.ico" type="image/x-icon">
? <title>做個(gè)俗人，貪財(cái)好色</title>
</head>
<meta charset="utf-8">: 這個(gè)元素設(shè)置文檔使用utf-8字符集編碼，utf-8字符集包含了人類大部分的文字。
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> :以.ico的就是指定頁面的圖標(biāo)，出現(xiàn)在瀏覽器標(biāo)簽上。
4、body
就是HTML的主體部分，包含頁面上的所有內(nèi)容。格式為：
<body>
? ····
</body>
三、html文檔結(jié)構(gòu)分析
1、元素
元素是構(gòu)成html頁面的單元，而元素是由一對(duì)標(biāo)簽即開始標(biāo)簽和結(jié)束標(biāo)簽加上其包含的內(nèi)容組成的。
例如：
<p>我這個(gè)頁面有點(diǎn)小帥啊</p>
其在頁面中顯示為
2、空元素
用來在元素所在位置插入/嵌入一些東西，如<br>, <hr>, <input>, <img>, <a>等等。稱其為空元素。
例如：
<h1>2022成功上岸！</h1>
<p>請(qǐng)輸入你的密碼進(jìn)入傻妞的世界</p>
<input>
<hr>
<h2>歡迎來到！<br>我的世界!</h2>
3、屬性
元素是可以有相關(guān)屬性的。屬性包含元素的額外信息，這些信息不會(huì)在瀏覽器中顯示出來。
<p title="這是個(gè)title屬性">百度一下</p>
<!-- 帶屬性的輸入框 -->
<input type="text">
<br>
<input type="password">
一個(gè)屬性必須包含如下內(nèi)容：
1、一個(gè)空格，在屬性和元素名稱之間。(如果已經(jīng)有一個(gè)或多個(gè)屬性，就與前一個(gè)屬性之間有一個(gè)空格。)
2、屬性名稱，后面跟著一個(gè) = 號(hào)。
3、一個(gè)屬性值，由一對(duì)引號(hào) “” 引起來。
其屬性的值，表示這個(gè)元素的值應(yīng)該符合屬性值的類型。比如上述 type="text"則表示輸入的值應(yīng)是文本類型。而type="numbei"則表示輸入的應(yīng)是數(shù)字類型，別的類型則不支持。
4、標(biāo)題
HTML 提供了從大到小6級(jí)標(biāo)題，分別是：<h1> ~ <h6>，在頁面的布局中，往往需要標(biāo)題來區(qū)分其他的文本，這時(shí)就需要標(biāo)題的大小來美化頁面。
5、文本格式
這是對(duì)頁面中出現(xiàn)的字體進(jìn)行標(biāo)記與美化，比如加粗，斜體，畫橫線等等。
部分文本格式的標(biāo)簽和作用如下：
<mark> </mark> 對(duì)字體進(jìn)行標(biāo)記
<del> </del> 劃掉所顯示的字體 與<s> </s>作用相同
<ins> </ins> 將所顯示的字體畫下劃線 與<u> </u>作用相同
<small> </small> 將標(biāo)記的字體縮小
<strong> </strong> 將標(biāo)記的字體加粗 和<b></b>類似
<em> </em>將標(biāo)記的字體傾斜
但HTML 是用來表現(xiàn)頁面內(nèi)容而不是對(duì)頁面進(jìn)行修飾的，對(duì)文本格式的美化需要使用CSS
