前言
本文是HTML零基礎學習系列的第二篇文章，點此閱讀 上一篇文章。
六.HTML標題
1.HTML標題
標題是通過 <h1> - <h6> 標簽進行定義的。<h1> 定義最大的標題。 <h6> 定義最小的標題。瀏覽器會自動地在標題的前后添加空行，例如：
<h1>一級標題</h1>
<h2>二級標題</h2>
<h3>三級標題</h3>
標題用來正確的顯示文章結構，通過不同的標題可以為文章建立索引，所以，標題是很重要的存在，所以，不要僅僅是為了生成粗體或大號的文本而使用標題。
2.HTML水平線
<hr> 標簽在 HTML 頁面中創(chuàng)建水平線，例如：
<p>段落1</p>
<hr>
<p>段落2</p>
<hr>
<p>段落3</p>
3.HTML 注釋
可以將注釋插入 HTML 代碼中，提高代碼可讀性，瀏覽器會忽略注釋，也不會顯示它們。
<!-- 這是一個注釋 -->
七.HTML段落
1.HTML段落
HTML可以將文檔分為不同的段落。段落是通過 <p> 標簽定義的，例如：
<p>段落1...</p>
<p>段落2...</p>
2.HTML換行
使用<br>標簽在不產生新的段落的情況下?lián)Q行，例如：
<p>這是<br>換行的<br>演示</p>
<br />元素是一個空的 HTML 元素。由于關閉標簽沒有任何意義，因此它沒有結束標簽。
八.HTML文本格式化
HTML 使用標簽 <b>(“bold”) 與 <i>(“italic”) 對輸出的文本進行格式, 如：粗體 or 斜體。也可使用標簽 <strong> 替換加粗標簽 <b> 來使用, <em> 替換 <i>標簽使用。但是兩者的含義不同，<strong> 或者 <em>標簽有你要呈現(xiàn)的文本是重要的，所以要突出顯示的意思。
文本格式化的標簽及其作用：
| 標簽 | 作用 |
|---|---|
<b> |
定義粗體文本 |
<em> |
定義著重文字 |
<i> |
定義斜體文字 |
<small> |
定義小號文字 |
| … | … |
詳細的HTML標簽參考標簽參考手冊哦
九.HTML鏈接
HTML 使用超級鏈接與網絡上的另一個文檔相連，點擊鏈接可以從一張頁面跳轉到另一張頁面。
-
HTML使用標簽
<a>來設置超文本鏈接。 -
在標簽
<a>中使用了href屬性來描述鏈接的地址。 - 一個未訪問過的鏈接顯示為藍色字體并帶有下劃線，訪問過的鏈接顯示為紫色并帶有下劃線，點擊鏈接時，鏈接顯示為紅色并帶有下劃線。
例如，使用 <a> 標簽定義超文本鏈接：
<a href="url">鏈接文本</a>
其中，可以定義屬性實現(xiàn)相應的功能：
- 使用
target屬性，你可以定義被鏈接的文檔在何處顯示。 -
id屬性可用于創(chuàng)建一個 HTML 文檔書簽。
十.HTML頭部
1.HTML <head>元素：
<head> 元素包含了所有的頭部標簽元素。在 <head>元素中你可以插入腳本（scripts）, 樣式文件（CSS），及各種meta信息。可以添加在頭部區(qū)域的元素標簽為: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
2.HTML <title>元素：
<title> 標簽定義了不同文檔的標題。
- 定義了瀏覽器工具欄的標題
- 當網頁添加到收藏夾時，顯示在收藏夾中的標題
- 顯示在搜索引擎結果頁面的標題
例如，下面的HTML文檔代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
<p>文檔內容......</p>
</body>
</html>
3.HTML <base>元素：
<base> 標簽描述了基本的鏈接地址/鏈接目標，該標簽作為HTML文檔中所有的鏈接標簽的默認鏈接，例如：
<head>
<base href="http://www.baidu.com/images/" target="_blank">
</head>
4.HTML <link>元素<link> 標簽定義了文檔與外部資源之間的關系，例如：
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
5.HTML <stytle>元素<style> 標簽定義了HTML文檔的樣式文件引用地址，例如：
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
6.HTML <meta>元素<meta>標簽描述了一些基本的元數(shù)據。
- 標簽提供了元數(shù)據。元數(shù)據也不顯示在頁面上，但會被瀏覽器解析。
- 元素通常用于指定網頁的描述，關鍵詞，文件的最后修改時間，作者，和其他元數(shù)據。
-
一般放置于
<head>區(qū)域。
7.HTML <script>元素<script>標簽用于加載腳本文件，如： JavaScript。
十一.HTML圖像
在 HTML 中，圖像由<img> 標簽定義，<img> 是空標簽。
要在頁面上顯示圖像，需要使用源屬性（src），源屬性的值是圖像的 URL 地址，例如：
<img src="url" alt="some_text">
alt 屬性用來為圖像定義一串預備的可替換的文本。在瀏覽器無法載入圖像時，瀏覽器將顯示這個替代性的文本而不是圖像，例如：
<img src="boat.gif" alt="顯示圖像">
height（高度） 與 width（寬度）屬性用于設置圖像的高度與寬度。默認單位是像素，例如：
<img src="baidu.jpg" alt="百度" width="200" height="100">
注意：加載頁面時，要注意插入頁面圖像的路徑，如果不能正確設置圖像的位置，瀏覽器無法加載圖片，圖像標簽就會顯示一個破碎的圖片。
十二.HTML表格
表格由 <table> 標簽來定義。每個表格均有若干行（由 <tr> 標簽定義），每行被分割為若干單元格（由 <td> 標簽定義）。字母 td 指表格數(shù)據（table data），即數(shù)據單元格的內容。數(shù)據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等，例如：
<table border="1">
<tr>
<td>你好</td>
<td>你好</td>
</tr>
<tr>
<td>你好</td>
<td>你好</td>
</tr>
</table>
大多數(shù)情況我們需要給表格加上邊框，也可以不使用邊框。
表格的表頭使用 <th> 標簽進行定義，大多數(shù)瀏覽器會把表頭顯示為粗體居中的文本。
十三.HTML列表
HTML 支持有序、無序和定義列表:
- 無序列表使用
<ul>標簽定義，使用粗體圓點（典型的小黑圓圈）進行標記，每個列表項始于<li>標簽，例如：
<ul>
<li>java</li>
<li>python</li>
</ul>
- 有序列表使用
<ol>標簽定義，使用數(shù)字進行標記，每個列表項始于<li>標簽，例如：
<ol>
<li>java</li>
<li>python</li>
</ol>
- 自定義列表以
<dl>標簽開始，每個自定義列表項以<dt>開始。每個自定義列表項的定義以<dd>開始，自定義列表是項目和注釋的組合，例如：
<dl>
<dt>java</dt>
<dd>-誕生于1995年</dd>
<dt>python</dt>
<dd>-誕生于1991年</dd>
</dl>
十四.HTML區(qū)塊
HTML 可以通過 <div> 和 <span>將元素組合起來。
大多數(shù) HTML 元素被定義為塊級元素或內聯(lián)元素。
1.HTML區(qū)塊元素
塊級元素在瀏覽器顯示時，通常會以新行來開始和結束。
2.HTML內聯(lián)元素
內聯(lián)元素在瀏覽器顯示時通常不會以新行開始。
3.HTML的 div 元素
HTML <div> 元素是塊級元素，它是用于組合其他 HTML 元素的容器。
例：讓文檔中的一塊區(qū)域顯示為紅色，另一塊區(qū)域加粗且顯示為藍色，HTML文檔代碼如下。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>望廬山瀑布</h1>
<h2>唐 李白</h2>
<div style="color:red">
<p>日照香爐生紫煙，</p>
<p>遙看瀑布掛前川。</p>
</div>
<div style="font-weight:bold;color:blue">
<p>飛流直下三千尺，</p>
<p>疑是銀河落九天。</p>
</div>
</body>
</html>
顯示效果：
<div>標簽常用于組合塊級元素，以便通過 CSS 來對這些元素進行格式化。
4.HTML的 span 元素
HTML <span> 元素是內聯(lián)元素，可用作文本的容器。
例：對文檔中的一部分文本進行著色，HTML代碼如下。
<h2><span style="color:chartreuse">唐</span> -李白</h2>
顯示效果：
<span> 用于對文檔中的行內元素進行組合。文章來源：http://www.zghlxwxcb.cn/news/detail-782295.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-782295.html
到了這里，關于【WEB前端進階之路】 HTML 全路線學習知識點梳理（中）的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
