1.HTML 文檔 = 網(wǎng)頁(yè)
Web 瀏覽器的作用是讀取 HTML 文檔根灯，并以網(wǎng)頁(yè)的形式顯示出它們笔链。瀏覽器不會(huì)顯示 HTML 標(biāo)簽英上，而是使用標(biāo)簽來(lái)解釋頁(yè)面的內(nèi)容
<html>
<meta charset="UTF-8">
<body>
<h1>我的第一個(gè)標(biāo)題</h1>
<p>我的第一個(gè)段落肌割。</p>
</body>
</html>
- <html> 與 </html> 之間的文本描述網(wǎng)頁(yè)
- <body> 與 </body> 之間的文本是可見(jiàn)的頁(yè)面內(nèi)容
- <h1> 與 </h1> 之間的文本被顯示為標(biāo)題
- <p> 與 </p> 之間的文本被顯示為段落
如果編寫(xiě)html的時(shí)候中文出現(xiàn)亂碼，加入<meta charset="UTF-8">即可
2. HTML標(biāo)簽
- <h1>~<h6>
標(biāo)題標(biāo)簽 - <p>
段落標(biāo)簽 - <a>
鏈接標(biāo)簽url
<a >This is a link</a> - <img>
圖片標(biāo)簽
<img src="w3school.jpg" width="104" height="142" /> - pre 標(biāo)簽對(duì)空行和空格進(jìn)行控制呜叫。
<pre>
在pre標(biāo)簽之間的文字將會(huì)保留空格
</pre>
3. HTML元素
- HTML 元素指的是從開(kāi)始標(biāo)簽（start tag）到結(jié)束標(biāo)簽（end tag）的所有代碼。
- 大多數(shù) HTML 元素可以嵌套（可以包含其他 HTML 元素）殿衰。
- HTML 文檔由嵌套的 HTML 元素構(gòu)成
HTML 標(biāo)簽對(duì)大小寫(xiě)不敏感：<P> 等同于 <p>朱庆。許多網(wǎng)站都使用大寫(xiě)的 HTML 標(biāo)簽。 - < br>標(biāo)簽表示換行
4. HTML 屬性
- HTML 標(biāo)簽可以擁有屬性闷祥。屬性提供了有關(guān) HTML 元素的更多的信息娱颊。
- 屬性總是以名稱(chēng)/值對(duì)的形式出現(xiàn)，比如：name="value"凯砍。
- 屬性總是在 HTML 元素的開(kāi)始標(biāo)簽中規(guī)定
5. HTML水平線
<hr /> 標(biāo)簽在 HTML 頁(yè)面中創(chuàng)建水平線箱硕。
6.HTML注釋
7.HTML拆行
如果您希望在不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行（新行），請(qǐng)使用 <br /> 標(biāo)簽
<p>This is<br />a para<br />graph with line breaks</p>
HTML 代碼中的所有連續(xù)的空行（換行）也被顯示為一個(gè)空格悟衩。
8.HTML樣式
- style 屬性的作用：提供了一種改變所有 HTML 元素的樣式的通用方法
- 背景顏色
background-color 屬性為元素定義了背景顏色
<html>
<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>
</html>
- HTML 樣式實(shí)例 - 字體剧罩、顏色和尺寸
font-family、color 以及 font-size 屬性分別定義元素中文本的字體系列座泳、顏色和字體尺寸
<html>
<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>
9. HTML 樣式實(shí)例 - 文本對(duì)齊
text-align 屬性規(guī)定了元素中文本的水平對(duì)齊方式
10.HTML鏈接
**HTML鏈接分兩種惠昔，一種是指向本網(wǎng)站的超鏈接。另一種是指向萬(wàn)維網(wǎng)的鏈接
- 指向本站的<a href="/index.html">本文本</a> 是一個(gè)指向本網(wǎng)站中的一個(gè)頁(yè)面的鏈接挑势。</p>
- 指向萬(wàn)維網(wǎng)的<p><a >本文本</a> 是一個(gè)指向萬(wàn)維網(wǎng)上的頁(yè)面的鏈接舰罚。</p>
