文章目錄
HTML(Hyper Text Markup Language 超文本標記語言)
【1】HTML結構
（1）“頭”部分：提供網頁信息
（2）“主體”部分：提供網頁頁面的內容
- HTML使用標籤（markup tag） 描述網頁
- 例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小楊</title>
</head>
<body>
<h1>我是小楊我就這樣</h1>
<hr />
{% for i in list(range(1, 20)) %}
<li>{{ i }}</li>
{% endfor %}
</body>
</html>
<html>...</html>之間的文本描述網頁
<body>...</body>之間的文本描述頁面主體內容
<h1>...</h1>之間的文本顯示爲頁面內容的標題
<p>...</p>之間的文本顯示爲段落（paragraph）
<html lang='en'>lang爲屬性language，表示語言爲英語
{{ ... }}雙括號裏面表示爲參數變量
<li>...</li>表示爲列表（默認默認無序）
【2】HTML元素
- HTML元素是從==開始標籤（開放標籤）到結束標籤（閉合標籤）==的所有代碼
- HTML標籤對大小寫不敏感
- 空元素：沒有內容的HTML元素標籤
【3】HTML屬性
- HTML標籤可以添加屬性
<html lang="en"> # lang就是屬性語言
- 鏈接：標籤
<a>定義，屬性href指定鏈接地址
<a href="http://www.baidu.com">...</a> # 這是一個連接
【4】HTML標題
- 標題是通過
<h1>~~<h6>六個等級定義的
<h1>...</h1>：最大號標題
...
<h6>..</h6>：最小號標題
- 瀏覽器會自動的在標題的前後添加空行
注意：請使用
<h>..</h>僅僅用於標題，不要用於加粗。
因爲搜索引擎會使用標題作爲網頁的結構和內容的索引
【5】HTML水平線
<hr/>用於創建水平線（分割線）
<p>我是</p>
<hr/>
<p>小楊</p>
<hr/>
<p>我就這樣</p>
【6】HTML段落
- 可以把HTML文檔分割成多個段落
<p> - 瀏覽器會自動在段落前後添加空行
【7】HTML空行
<br/>
【8】HTML輸出
- HTML無法確定輸出的效果