什么是HTML
Hyper Text Markup Language影涉，超級文本標記語言。用該語言編寫的文件规伐，以.html 或 .htm為后綴蟹倾，用來設計網頁。由瀏覽器解釋運行猖闪，可以嵌入腳本語言編寫的程序片段鲜棠，如JS。
HTML-維基百科
基本的HTML5結構
<!DOCTYPE html>
<html>
<head> <!-- 標簽是所有頭部元素的容器培慌。head標簽內的元素可包含腳本豁陆、樣式表和提供頁面的元信息等等。以下標簽都可以添加到 head 部分：title吵护、base盒音、link、meta馅而、script 以及style祥诽。頭部的內容不會顯示在瀏覽器的。-->
<title>網頁標題</title> <!-- SEO相關標簽用爪，title定義文檔的標題,百度建議一般不要超過32位,meta定義頁面關鍵詞和頁面的描述-->
</head>
<body>
<!-- 正文部分原押，所有在瀏覽器上可見的內容必須寫在body標簽內部 -->
</body>
</html>
HTML標簽
- 單標簽
-
<標簽名稱>
單一型，無屬性值
例如：<br/>--表示換行 -
<標簽名稱 屬性="屬性值"/>
單一型偎血，有屬性值
例如：<hr width="80%"/>
- 雙標簽
-
<標簽名稱 屬性="屬性值">…</標簽名稱>
有屬性值
例如：
<a href=“www.baidu.com” id=“baidu-link”>標簽內容</a>
其中a為標簽名诸衔，也叫元素；
href颇玷，id為屬性笨农；
雙引號中的值為屬性值
常見的一些標簽/元素
- a標簽定義超鏈接，指定頁面間的跳轉（HTTP get請求）帖渠。鏈接可以指向外部鏈接或者頁面內部id錨點谒亦，可以在當前頁面打開，新開窗口。
<a href="指向的鏈接地址" target="_blank">地址名</a>
其中_blank為空白窗口打開
_self為當前頁面打開
_top為頂層窗口打開
_parent為父級窗口打開
- form表示了文檔中的一個區(qū)域份招，這個區(qū)域包含有交互控制元件切揭，用來向web服務器提交信息。
<form action="提交到的地址" method="post/get">表單內容</form>
PS：post和get的不同點
- 提交數(shù)據(jù)的方式不同锁摔，
get可以再url上看到提交的數(shù)據(jù)廓旬，post會在url上隱藏提交的數(shù)據(jù)，數(shù)據(jù)會出現(xiàn)在post請求的第四部分谐腰； -
get只能提交少量數(shù)據(jù)孕豹，數(shù)據(jù)的容量是1k以內；post可以提交大量數(shù)據(jù)十气，但是不能超過服務器的容量励背； -
get提交的數(shù)據(jù)會顯示在瀏覽歷史中，安全性比post要差砸西； -
post：一般用于賬號密碼的輸入叶眉；
get一般用于搜索引擎的關鍵詞提交；
- input標簽一般用于給用戶輸入信息籍胯，服務器收集用戶輸入的信息竟闪。通常和form標簽配合使用
<form action="xx.asp">
輸入框: <input type="text" name="請輸入"><br>
按鈕: <input type="button" name="按鈕"><br> <!--無跳轉請求-->
<input type="submit" value="提交"> <!--有跳轉請求-->
用戶名：<input type = "text" name="username">
密碼：<input type = "password" name="password">
</form>
- button標簽定義一個按鈕。在 button元素內部杖狼，可以放置內容炼蛤，比如文本或圖像。這是該元素與使用 input元素（空元素）創(chuàng)建的按鈕之間的不同之處蝶涩。
<button type="button">按鈕</button>
- h1 - h6標簽被用來定義 HTML 標題理朋。h1定義重要等級最高的標題，h6定義登記最低的標題绿聘。
<h1>標題 1</h1>
<h2>標題 2</h2>
<h3>標題 3</h3>
<h4>標題 4</h4>
<h5>標題 5</h5>
<h6>標題 6</h6>
- p標簽定義段落
<p>這是一個段落嗽上。</p>
屬性
屬性是用來修飾元素的
<標記 屬性="值" 屬性="值">
ex:<p align="center" id="p1"></p>
【常用的屬性】
id： 定義元素在頁面中的唯一標識
title：鼠標移入到元素上時提示的文本
class：樣式相關，定義元素引用的類選擇器
style：樣式相關熄攘，定義元素的行內樣式
