目錄
一.HTML介紹
二.HTML常用標簽
2.1 標題標簽
2.2 段落標簽
2.3 超鏈接標簽
2.4 圖片標簽
2.5 換行與空格
2.6 布局標簽
2.7 列表標簽
2.8 表單標簽
一.HTML介紹
定義：將內容顯示在網頁，用來描述網頁的一種語言，負責網頁的架構。
HTML標簽：
單標簽： <標簽名 />
雙標簽：<標簽名>內容</標簽名>
標簽屬性：
屬性格式：屬性名="屬性值"
格式：<標簽名 屬性1= "屬性值1” 屬性2= "屬性值2”>內容</標簽名>
<a href= "http: //www.jd.com”>京東</a>
二.HTML常用標簽
2.1 標題標簽
說明:HTML標題是通過<h1> - <h6>等標簽進行定義
示例：
<body>
<h1>h1</h1> <h2>h2</h2> <h3>h3</h3> <h4>h4</h4> <h5>h5</h5> <h6>h6</h6></body>
2.2 段落標簽
說明：HTML段落是通過<p>標簽進行定義的
示例：
<body>
<p>第一個段落</p> <p>另外一個段落</p></body>
2.3 超鏈接標簽
說明:超鏈接是通過<a>標簽進行定義的
屬性：
href="指定跳轉地址（必須帶協議：http或https）
target= "打開窗口的方式”
示例：
<body> <a href="http://www.baidu.com" target= "_blank”>百度</a> </body
2.4 圖片標簽
說明:網頁中插入圖片就要使用圖片標簽，HTML圖片是通過<img>標簽進行定義的
屬性：
src:圖片路徑及文件名
1.相對路徑：相對當前執行文件所在位置來說
上一級：../
同級：./
2.絕對路徑：不推薦
width:寬
height:高
title:鼠標懸停提示信息
alt:圖片未加載提示信息
測試點：標簽內容中必須有title
示例：
<img src="022.jpg" width="200px" height="200px" title="希望在田野” alt="此處有圖片” />
2.5 換行與空格
換行：<br />
空格：
示例：
<body>
????????<!--1、換行-->你好<br />測試!
????????<!--2、空格-->
????????小花生 軟件測試!
</body>
2.6 布局標簽
說明:頁面布局使用，常用（div和span）
示例：
2.7 列表標簽
說明:列表標簽常用li元素（分為:有序和無序)
示例：
2.8 表單標簽
說明:頁面提交輸入信息需要使用表單標簽<form>
示例：
input中type定義信息
type類型：
text：文本框
password：密碼框
radio：單選按鈕
checkbox：復選框
button/btn：普通按鈕
reset：重置按鈕
submit：提交按鈕
)
![洛谷P1219 [USACO1.5] 八皇后【n皇后問題】【深搜+回溯 經典題】【附O(1)方法】](http://pic.xiahunao.cn/洛谷P1219 [USACO1.5] 八皇后【n皇后問題】【深搜+回溯 經典題】【附O(1)方法】)
