HTML(Htyper Text Markup Language)：即超文本標(biāo)記語(yǔ)言。

超文本：指可以包含圖片、鏈接，甚至音樂(lè)、程序等非文字元素。

標(biāo)記語(yǔ)言：由標(biāo)記(標(biāo)簽)構(gòu)成的語(yǔ)言。

由一對(duì)尖括號(hào)包裹的單詞構(gòu)成，例如: html

標(biāo)簽不區(qū)分大小寫(xiě)， html 和 HTML 一樣，推薦使用小寫(xiě)。

有些標(biāo)簽使用一個(gè)標(biāo)簽即可，叫做自閉和標(biāo)簽，例如: br/ hr/ input/ img/

標(biāo)簽可以嵌套，但是不能交叉嵌套

通常是以鍵值對(duì)形式出現(xiàn)的，例如 name= nick

屬性只能出現(xiàn)在開(kāi)始標(biāo)簽或自閉和標(biāo)簽中

屬性名字全部小寫(xiě)

屬性值必須使用雙引號(hào)或單引號(hào)包裹 例如，name= nick

如果屬性值和屬性名完全一樣.直接寫(xiě)屬性名即可，例如：readonly

 !DOCTYPE HTML  html  head  /head  body  /body  /html 

使用Content-Type指定字符集
meta http-equiv= Content-Type content= text/html;charset=UTF-8 /

直接使用charset指定字符集
meta charset= UTF-8 /

顯示在瀏覽器的標(biāo)題欄

為頁(yè)面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。

 !DOCTYPE html  html lang= en  head  meta charset= UTF-8  title Title /title  base href= http://segmentfault.com/u/jerry_fe/ /  base target= _blank /  /head  body  img src= jerry.png alt= 圖片加載失敗。。。 /  a href= http://segmentfault.com/u/jerry_fe/ my blogs /a  /body  /html 

以上代碼中， img 的src屬性時(shí)一個(gè)相對(duì)路徑，因?yàn)?head 中通過(guò)base標(biāo)簽設(shè)置了鏈接的默認(rèn)地址，
所以img的src實(shí)際的地址是“http://segmentfault.com/u/je...”。
而a標(biāo)簽中只是指定了href，并未指定target屬性，所以也會(huì)使用base中設(shè)置的target屬性的值。

引用外部文檔，常見(jiàn)于引用外部樣式。重要屬性有三個(gè)：rel、href、type。
rel用于規(guī)定文檔與被鏈接文檔之間的關(guān)系【注：必須】：

rel= dns-prefetch 預(yù)先解析緩存文檔中使用的域名，目的是為了提高網(wǎng)頁(yè)訪問(wèn)速度。使用場(chǎng)景：在一個(gè)網(wǎng)頁(yè)頻繁使用其他域名資源時(shí)。

rel= shortcut icon 或rel= icon 在收藏和標(biāo)題欄上用于顯示的圖標(biāo)。示例： link rel= icon href= http://segmentfault.com/u/je...。注意：IE瀏覽器只支持ico格式，為了兼容IE，圖片文件最好采用ico格式。

rel= stylesheet 引用外部樣式表。

rel= nofollow 用于指示搜索引擎不要追蹤（爬蟲(chóng)不要抓?。?，從而減少垃圾鏈接。使用場(chǎng)景：不希望被信任或是不希望被搜索引擎錄入的網(wǎng)站。

href用于規(guī)定資源的路徑（絕對(duì)路徑/相對(duì)路徑）【注：必須】。
type用于規(guī)定被鏈接文檔的MIME類型，用于明確文件的打開(kāi)方式，【注：非必須】。例如：.css文件的MIME類型為text/css，而.ico文件的MIME類型為image/x-icon。

用于定義與該HTML文檔相關(guān)的元數(shù)據(jù)。最常見(jiàn)的用途是指定當(dāng)前文檔所用的字符集 meta charset= UTF-8 /
重要的屬性有三個(gè)：http-equiv、name、content
http-equiv把content屬性值關(guān)聯(lián)到http頭部，可能的值為：

content-type 用于規(guī)定瀏覽器接受的文檔類型，一般為text/html，即content的值一般設(shè)為text/html。

refresh 用于規(guī)定網(wǎng)頁(yè)自動(dòng)刷新的頻率，時(shí)間以秒為單位（切記不是毫秒），也可設(shè)定刷新后跳轉(zhuǎn)的路徑，即content的值一般設(shè)為刷新的間隔秒數(shù)以及跳轉(zhuǎn)路徑。

expires 用于設(shè)定網(wǎng)頁(yè)到期時(shí)間，一旦到期，必須到服務(wù)器上重傳。

 meta http-equiv= content-type content= text/html; charset=UTF-8 /  meta http-equiv= refresh content= 2  meta http-equiv= refresh content= URL=http://www.baidu.com  meta http-equiv= expires content= 6 Jun 2016 / 

name為content屬性值賦予一個(gè)含義或功能，可能的值為：

keywords 將content值定義為供搜索引擎抓取信息的關(guān)鍵字

description 將content值定義為搜索引擎搜索后，在搜索結(jié)果中顯示的簡(jiǎn)單網(wǎng)頁(yè)描述

author 將content值規(guī)定為網(wǎng)頁(yè)制作者的信息

generator 將content值規(guī)定為網(wǎng)頁(yè)生成工具的信息

 meta name= keywords content= 我是關(guān)鍵字  meta name= description content= 我是簡(jiǎn)要描述  meta name= author content= http://segmentfault.com/u/jerry_fe  meta name= generator content= 用以說(shuō)明生成工具 

content 定義與http-equiv或name屬性相關(guān)的元信息，是必要的屬性。

塊級(jí)元素： h1 ~ h6 、 p 、 p 、 ol 、 ul 、 table 、 form
行內(nèi)元素： a 、 img 、 input 、 span 、 textarea 、 sub 、 sup

block元素的特點(diǎn)：

總是在新行上開(kāi)始；

行高以及外邊距和內(nèi)邊距都可控制；

寬度默認(rèn)是容器的100%，除非設(shè)定一個(gè)寬度；

可容納內(nèi)聯(lián)元素和其他塊元素。

inline（內(nèi)聯(lián)）元素的特點(diǎn)：

和其他元素都在一行上；

行高及外邊距和內(nèi)邊距不可改變；

寬度就是它的文字或圖片的寬度，不可改變；

只能容納文本或者其他內(nèi)聯(lián)元素。

行內(nèi)元素，需要注意：

設(shè)置寬度width無(wú)效；

設(shè)置高度height無(wú)效，可以通過(guò)line-height來(lái)設(shè)置；

設(shè)置margin只有左右margin有效，上下無(wú)效；

設(shè)置padding只有左右padding有效，上下則無(wú)效。注意元素范圍是增大了，但是對(duì)元素周圍的內(nèi)容是沒(méi)影響的。

h1 ~ h6 : 標(biāo)題標(biāo)簽
p : 段落標(biāo)簽，包裹的內(nèi)容被換行，并且上下內(nèi)容之間有一行空白。
> blockquote /blockquote 可以用來(lái)設(shè)置整個(gè)段落的縮進(jìn)。
strong b : 加粗標(biāo)簽
strike : 為文字加上一條中線
u : 文字下方加下劃線
em i : 文字變成斜體
sup sub : 上角標(biāo) 和 下角標(biāo)
br : 換行
hr : 水平線
p : 塊標(biāo)簽。

 塊級(jí)標(biāo)簽常用于布局，行級(jí)標(biāo)簽常用于顯示內(nèi)容。 p的顯示通常使用id或class來(lái)標(biāo)識(shí)。id為唯一的標(biāo)簽標(biāo)識(shí)，class為標(biāo)簽的類標(biāo)識(shí)。 p的大小是由內(nèi)容來(lái)決定的，默認(rèn)情況下，高度由內(nèi)容的高度決定，寬度適應(yīng)屏幕。

span : 可以容納其他元素，是一個(gè)容器。

 quot;
￥ yen;￡ pound;

重要屬性有三個(gè)：href、target、name

href 超鏈接地址：可以是Web上任意資源，包括圖片，網(wǎng)頁(yè)，樣式，腳本文件等。href= # 時(shí)，表示被鏈接頁(yè)面就是當(dāng)前頁(yè)面。

target 文檔打開(kāi)時(shí)要顯示的目標(biāo)位置，屬性值一般有：_blank（新窗口中打開(kāi)）、_self（默認(rèn)，在超鏈接所在的容器中打開(kāi)）、_parent（在超鏈接的父容器中打開(kāi)）、_top（超鏈接所在的頂層容器中打開(kāi)）、name（名稱為name的框架中打開(kāi)）。

name 錨標(biāo)記名稱。作用：跳轉(zhuǎn)到文檔的某個(gè)地方。返回首頁(yè)。

網(wǎng)頁(yè)跳轉(zhuǎn)：

 a href= http://segmentfault.com/u/jerry_fe/ target= _blank Nick Blogs /a 

錨標(biāo)記跳轉(zhuǎn)：

 a name= mao h3 這是一個(gè)錨標(biāo)記 /h3 /a  p >5. img 圖片標(biāo)簽
重要屬性有：src、title、alt、width、height、align。
src 圖片地址
title 鼠標(biāo)懸浮在圖片上的文字
alt 圖片找不到時(shí)要替換的文字。如果圖片資源使用的是外網(wǎng)資源，則不會(huì)顯示要替換的文字。如果使用的是本網(wǎng)站的資源（相對(duì)路徑給出），則找不到圖片時(shí)會(huì)顯示替換的文字，并保留圖片設(shè)置的寬高結(jié)構(gòu)。
align 圖片周圍文字的垂直對(duì)齊情況。常用的屬性值有：top（與圖片的頂部對(duì)齊）、middle（與圖片的中部對(duì)齊）、bottom（默認(rèn)，與圖片的底部對(duì)齊）。
width 圖片的寬
height 圖片的高 (寬高兩個(gè)屬性，若只寫(xiě)一個(gè)會(huì)，自動(dòng)等比縮放)
 img src= http://segmentfault.com/u/jerry_fe/jerry.png alt= 圖片加載失敗。。。 title= This is a picture. / 
6.列表標(biāo)簽
 ul : 無(wú)序列表標(biāo)簽
 li : 列表中的每一項(xiàng).
 ol : 有序列表標(biāo)簽
 li : 列表中的每一項(xiàng).
 li 主要的屬性有：type、value兩個(gè):
type指明列表項(xiàng)的類型，屬性值有：A，a，I，i，1，disc（實(shí)心圓），square（實(shí)心正方形），circle（空心圓）。
value表示序號(hào)值從幾開(kāi)始。
 dl 定義列表
 dt 列表標(biāo)題
 dd 列表項(xiàng)
 ul 
 li type= circle A /li  li type= 1 B /li  li type= 1 C /li 
 /ul 
 ol 
 li value= 3 3 /li  li 4 /li 
 /ol 
 dl 
 dt i 標(biāo)題 /i /dt  dd 第一項(xiàng) /dd  dd 第二項(xiàng) /dd  dd 第三項(xiàng) /dd 
 /dl 
7. table 表格標(biāo)簽序號(hào)姓名1.Jerry2.Ferry
 table border= 1  thead  th 序號(hào) /th  th 姓名 /th  /tr  /thead  tbody  th 1. /th  td Jerry /td  /tr  th 2. /th  td Ferry /td  /tr  /tbody  /table 
table標(biāo)簽的主要屬性：
border 表格邊框
align 水平對(duì)齊方式
bgcolor 背景顏色
cellpadding 內(nèi)邊距，單元格與內(nèi)容之間的距離
cellspacing 外邊距，單元格的間距，設(shè)置為0時(shí)，表格變?yōu)閷?shí)線表格
width 表格的寬度，可以用%或者像素，最好通過(guò)css來(lái)設(shè)置長(zhǎng)寬
 caption 表格的標(biāo)題
 tr 表格的行
 th 表格的表頭名稱，與 td 不同在于文字采用加粗居中的形式顯示
 td 單元格，用來(lái)顯示表格內(nèi)容
 thead 表格頭部，使結(jié)構(gòu)更加分明
 tbody 表格主體部分，使結(jié)構(gòu)更加分明
rowspan 單元格豎跨多少行，作用在th或者td上
colspan 單元格橫跨多少列（即合并單元格），作用在th或者td上。（即橫跨、豎跨都是作用在th或td上）
8. form 表單標(biāo)簽
表單屬性
HTML 表單用于接收不同類型的用戶輸入，用戶提交表單時(shí)向服務(wù)器傳輸數(shù)據(jù)，從而實(shí)現(xiàn)用戶與Web服務(wù)器的交互。
屬性：action、method、enctype
action 表單要提交的地址，用于處理表單的內(nèi)容（一般是提交到后臺(tái)的一個(gè)接口，這個(gè)接口可以是java寫(xiě)成的，提交到這個(gè)接口后后臺(tái)就知道如何處理這些數(shù)據(jù)了）。
method 提交的方法，默認(rèn)是get方式提交。
get:1.提交的鍵值對(duì)顯示在地址欄url后面; 2.安全性相對(duì)較差; 3.對(duì)提交內(nèi)容的長(zhǎng)度有限制
post:1.提交的鍵值對(duì)不顯示在地址欄; 2.安全性相對(duì)較高； 3.對(duì)提交內(nèi)容的長(zhǎng)度理論上無(wú)限制
enctype 對(duì)表單數(shù)據(jù)進(jìn)行編碼
表單元素
 input type屬性可能的值：
text 文本框輸入（type的默認(rèn)類型）
autocomplete（自動(dòng)完成輸入的內(nèi)容，要求表單元素要有name屬性才有自動(dòng)完成的效果，off表示自動(dòng)完成不可用，on表示自動(dòng)完成可用）
disabled（設(shè)置或者獲取控件的狀態(tài)，默認(rèn)是false即可用，等于true時(shí)不可用，不能輸入內(nèi)容）
password密碼框。（以下屬性text和password共有）
size（指定表單元素的初始寬度。當(dāng)type為text或password時(shí)，表單元素的大小以字符為單位，對(duì)于其他元素，寬度以像素為單位）
maxlength（type為text或password時(shí)，表示輸入的最大字符數(shù)），有利于防止sql的注入攻擊
readonly設(shè)置為只讀狀態(tài)
placeholder設(shè)置框內(nèi)預(yù)置內(nèi)容(灰色)，焦點(diǎn)選中時(shí)消失
radio 單選按鈕
name（將name的值設(shè)置為相同值，才表示一組數(shù)據(jù)，才能實(shí)現(xiàn)單選功能）
value（必須要寫(xiě)，提交到服務(wù)器的key值，實(shí)際開(kāi)發(fā)過(guò)程中value一般是編號(hào)）
checked（設(shè)置是否被默認(rèn)選中）
checkbox 復(fù)選框
name（將name的值設(shè)置為相同值，才表示一組數(shù)據(jù)，才能添加到同一value值列表并提交到服務(wù)器）
value（必須要寫(xiě)，提交到服務(wù)器的key值，實(shí)際開(kāi)發(fā)過(guò)程中value一般是編號(hào)）
checked（設(shè)置是否被默認(rèn)選中）
file 文件域，用于上傳文件（不同的瀏覽器表現(xiàn)形式不同）
submit 提交按鈕。用于提交表單。
reset 重置按鈕。清空表單的輸入，恢復(fù)到表單默認(rèn)的狀態(tài)。
button 普通按鈕。一般結(jié)合javascript使用。
image 圖片按鈕，用來(lái)提交表單，與submit是一樣的效果。
src（圖片路徑）
hidden 隱藏字段。
value（隱藏的內(nèi)容）
color 顏色標(biāo)簽。
value 指定顏色值（采用#十六進(jìn)制數(shù)表示）。
date 日期。
value值指定默認(rèn)的日期，格式為*--*（年月日）。
datetime-local 顯示本地時(shí)間
value值指定默認(rèn)的時(shí)間，格式為2017-04-13T23:10:10（年月日T時(shí)分秒）。
number 數(shù)字向上或者向下滑動(dòng)。可以填數(shù)字然后向上或者向下選擇不同的值。
range 滑動(dòng)標(biāo)簽。
min（指定最小值）
max（指定最大值）
value（指定當(dāng)前默認(rèn)值）。
week 每年的周數(shù)。
value指定哪一年第幾周，格式為2017-W20（2017年第20周）。
 textarea 文本域標(biāo)簽。默認(rèn)表現(xiàn)形式是可以輸入很多行文本的文本框。
name 表單提交項(xiàng)的key
cols 設(shè)置文本域?qū)挾?/p>
rows 設(shè)置文本域高度，即行數(shù)
 select 下拉框標(biāo)簽。使用時(shí)要結(jié)合 option 子標(biāo)簽一起使用。
name 表單提交項(xiàng)的key
size 選項(xiàng)個(gè)數(shù)
multiple 多選
 option 下拉選中的每一項(xiàng)
value（表單提交項(xiàng)的值）
selected（selected下拉項(xiàng)默認(rèn)被選中）
 optgroup 為同類項(xiàng)加上分組
 label 把元素與文本結(jié)合起來(lái)
友好設(shè)計(jì)：不只是選中復(fù)選框才能選中并打鉤，要求點(diǎn)擊對(duì)應(yīng)的文字也能選中該復(fù)選框。
這種情況下要用到 label 標(biāo)簽的for屬性（設(shè)置或獲取給定標(biāo)簽對(duì)象指定到的對(duì)象，值=另一個(gè)元素的id號(hào)即可）
 label for= name 姓名 /label  input id= name type= text 
 fieldset 對(duì)表單中的相關(guān)元素進(jìn)行分組
 fieldset  legend 溫馨提示 /legend  p align= middle 不要忘記點(diǎn)贊哦 == /p  /fieldset 
value: 表單提交項(xiàng)的值
對(duì)于不同的輸入類型，value 屬性的用法也不同：
type= button , reset , submit - 定義按鈕上的顯示的文本
type= text , password , hidden - 定義輸入字段的初始值
type= checkbox , radio , image - 定義與輸入相關(guān)聯(lián)的值

HTML簡(jiǎn)介什么是HTML
HTML(Htyper Text Markup Language)：即超文本標(biāo)記語(yǔ)言。
超文本：指可以包含圖片、鏈接，甚至音樂(lè)、程序等非文字元素。
標(biāo)記語(yǔ)言：由標(biāo)記(標(biāo)簽)構(gòu)成的語(yǔ)言。
什么是標(biāo)簽
由一對(duì)尖括號(hào)包裹的單詞構(gòu)成，例如: html 
標(biāo)簽不區(qū)分大小寫(xiě)， html 和 HTML 一樣，推薦使用小寫(xiě)。
有些標(biāo)簽使用一個(gè)標(biāo)簽即可，叫做自閉和標(biāo)簽，例如: br/ hr/ input/ img/ 
標(biāo)簽可以嵌套，但是不能交叉嵌套
什么是標(biāo)簽屬性
通常是以鍵值對(duì)形式出現(xiàn)的，例如 name= nick 
屬性只能出現(xiàn)在開(kāi)始標(biāo)簽或自閉和標(biāo)簽中
屬性名字全部小寫(xiě)
屬性值必須使用雙引號(hào)或單引號(hào)包裹 例如，name= nick 
如果屬性值和屬性名完全一樣.直接寫(xiě)屬性名即可，例如：readonly
HTML5基本結(jié)構(gòu)
 !DOCTYPE HTML  html  head  /head  body  /body  /html 
HTML5如何指定字符集
使用Content-Type指定字符集
 meta http-equiv= Content-Type content= text/html;charset=UTF-8 / 
直接使用charset指定字符集
 meta charset= UTF-8 / 
 head 標(biāo)簽 title 
顯示在瀏覽器的標(biāo)題欄
 base/ 
為頁(yè)面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。
 !DOCTYPE html  html lang= en  head  meta charset= UTF-8  title Title /title  base href= http://segmentfault.com/u/jerry_fe/ /  base target= _blank /  /head  body  img src= jerry.png alt= 圖片加載失敗。。。 /  a href= http://segmentfault.com/u/jerry_fe/ my blogs /a  /body  /html 
以上代碼中， img 的src屬性時(shí)一個(gè)相對(duì)路徑，因?yàn)?head 中通過(guò)base標(biāo)簽設(shè)置了鏈接的默認(rèn)地址，
所以img的src實(shí)際的地址是“http://segmentfault.com/u/je...”。
而a標(biāo)簽中只是指定了href，并未指定target屬性，所以也會(huì)使用base中設(shè)置的target屬性的值。
 link/ 
引用外部文檔，常見(jiàn)于引用外部樣式。重要屬性有三個(gè)：rel、href、type。
rel用于規(guī)定文檔與被鏈接文檔之間的關(guān)系【注：必須】：
rel= dns-prefetch 預(yù)先解析緩存文檔中使用的域名，目的是為了提高網(wǎng)頁(yè)訪問(wèn)速度。使用場(chǎng)景：在一個(gè)網(wǎng)頁(yè)頻繁使用其他域名資源時(shí)。
rel= shortcut icon 或rel= icon 在收藏和標(biāo)題欄上用于顯示的圖標(biāo)。示例： link rel= icon href= http://segmentfault.com/u/je...。注意：IE瀏覽器只支持ico格式，為了兼容IE，圖片文件最好采用ico格式。
rel= stylesheet 引用外部樣式表。
rel= nofollow 用于指示搜索引擎不要追蹤（爬蟲(chóng)不要抓?。?，從而減少垃圾鏈接。使用場(chǎng)景：不希望被信任或是不希望被搜索引擎錄入的網(wǎng)站。
href用于規(guī)定資源的路徑（絕對(duì)路徑/相對(duì)路徑）【注：必須】。
type用于規(guī)定被鏈接文檔的MIME類型，用于明確文件的打開(kāi)方式，【注：非必須】。例如：.css文件的MIME類型為text/css，而.ico文件的MIME類型為image/x-icon。
 meta/ 
用于定義與該HTML文檔相關(guān)的元數(shù)據(jù)。最常見(jiàn)的用途是指定當(dāng)前文檔所用的字符集 meta charset= UTF-8 / 
重要的屬性有三個(gè)：http-equiv、name、content
http-equiv把content屬性值關(guān)聯(lián)到http頭部，可能的值為：
content-type 用于規(guī)定瀏覽器接受的文檔類型，一般為text/html，即content的值一般設(shè)為text/html。
refresh 用于規(guī)定網(wǎng)頁(yè)自動(dòng)刷新的頻率，時(shí)間以秒為單位（切記不是毫秒），也可設(shè)定刷新后跳轉(zhuǎn)的路徑，即content的值一般設(shè)為刷新的間隔秒數(shù)以及跳轉(zhuǎn)路徑。
expires 用于設(shè)定網(wǎng)頁(yè)到期時(shí)間，一旦到期，必須到服務(wù)器上重傳。
 meta http-equiv= content-type content= text/html; charset=UTF-8 /  meta http-equiv= refresh content= 2  meta http-equiv= refresh content= URL=http://www.baidu.com  meta http-equiv= expires content= 6 Jun 2016 / 
name為content屬性值賦予一個(gè)含義或功能，可能的值為：
keywords 將content值定義為供搜索引擎抓取信息的關(guān)鍵字
description 將content值定義為搜索引擎搜索后，在搜索結(jié)果中顯示的簡(jiǎn)單網(wǎng)頁(yè)描述
author 將content值規(guī)定為網(wǎng)頁(yè)制作者的信息
generator 將content值規(guī)定為網(wǎng)頁(yè)生成工具的信息
 meta name= keywords content= 我是關(guān)鍵字  meta name= description content= 我是簡(jiǎn)要描述  meta name= author content= http://segmentfault.com/u/jerry_fe  meta name= generator content= 用以說(shuō)明生成工具 
content 定義與http-equiv或name屬性相關(guān)的元信息，是必要的屬性。
 body 標(biāo)簽1.塊級(jí)元素(block)和內(nèi)聯(lián)元素(inline)
塊級(jí)元素： h1 ~ h6 、 p 、 p 、 ol 、 ul 、 table 、 form 
行內(nèi)元素： a 、 img 、 input 、 span 、 textarea 、 sub 、 sup 
block元素的特點(diǎn)：
總是在新行上開(kāi)始；
行高以及外邊距和內(nèi)邊距都可控制；
寬度默認(rèn)是容器的100%，除非設(shè)定一個(gè)寬度；
可容納內(nèi)聯(lián)元素和其他塊元素。
inline（內(nèi)聯(lián)）元素的特點(diǎn)：
和其他元素都在一行上；
行高及外邊距和內(nèi)邊距不可改變；
寬度就是它的文字或圖片的寬度，不可改變；
只能容納文本或者其他內(nèi)聯(lián)元素。
行內(nèi)元素，需要注意：
設(shè)置寬度width無(wú)效；
設(shè)置高度height無(wú)效，可以通過(guò)line-height來(lái)設(shè)置；
設(shè)置margin只有左右margin有效，上下無(wú)效；
設(shè)置padding只有左右padding有效，上下則無(wú)效。注意元素范圍是增大了，但是對(duì)元素周圍的內(nèi)容是沒(méi)影響的。
2.基本標(biāo)簽
 h1 ~ h6 : 標(biāo)題標(biāo)簽
 p : 段落標(biāo)簽，包裹的內(nèi)容被換行，并且上下內(nèi)容之間有一行空白。
 > blockquote /blockquote 可以用來(lái)設(shè)置整個(gè)段落的縮進(jìn)。
 strong b : 加粗標(biāo)簽
 strike : 為文字加上一條中線
 u : 文字下方加下劃線
 em i : 文字變成斜體
 sup sub : 上角標(biāo) 和 下角標(biāo)
 br : 換行
 hr : 水平線
 p : 塊標(biāo)簽。
 塊級(jí)標(biāo)簽常用于布局，行級(jí)標(biāo)簽常用于顯示內(nèi)容。 p的顯示通常使用id或class來(lái)標(biāo)識(shí)。id為唯一的標(biāo)簽標(biāo)識(shí)，class為標(biāo)簽的類標(biāo)識(shí)。 p的大小是由內(nèi)容來(lái)決定的，默認(rèn)情況下，高度由內(nèi)容的高度決定，寬度適應(yīng)屏幕。
 span : 可以容納其他元素，是一個(gè)容器。
3.特殊符號(hào)
 quot;
￥ yen;￡ pound;
4. a 超鏈接標(biāo)簽（錨標(biāo)簽）
重要屬性有三個(gè)：href、target、name
href 超鏈接地址：可以是Web上任意資源，包括圖片，網(wǎng)頁(yè)，樣式，腳本文件等。href= # 時(shí)，表示被鏈接頁(yè)面就是當(dāng)前頁(yè)面。
target 文檔打開(kāi)時(shí)要顯示的目標(biāo)位置，屬性值一般有：_blank（新窗口中打開(kāi)）、_self（默認(rèn)，在超鏈接所在的容器中打開(kāi)）、_parent（在超鏈接的父容器中打開(kāi)）、_top（超鏈接所在的頂層容器中打開(kāi)）、name（名稱為name的框架中打開(kāi)）。
name 錨標(biāo)記名稱。作用：跳轉(zhuǎn)到文檔的某個(gè)地方。返回首頁(yè)。
網(wǎng)頁(yè)跳轉(zhuǎn)：
 a href= http://segmentfault.com/u/jerry_fe/ target= _blank Nick Blogs /a 
錨標(biāo)記跳轉(zhuǎn)：
 a name= mao h3 這是一個(gè)錨標(biāo)記 /h3 /a  p >5. img 圖片標(biāo)簽
重要屬性有：src、title、alt、width、height、align。
src 圖片地址
title 鼠標(biāo)懸浮在圖片上的文字
alt 圖片找不到時(shí)要替換的文字。如果圖片資源使用的是外網(wǎng)資源，則不會(huì)顯示要替換的文字。如果使用的是本網(wǎng)站的資源（相對(duì)路徑給出），則找不到圖片時(shí)會(huì)顯示替換的文字，并保留圖片設(shè)置的寬高結(jié)構(gòu)。
align 圖片周圍文字的垂直對(duì)齊情況。常用的屬性值有：top（與圖片的頂部對(duì)齊）、middle（與圖片的中部對(duì)齊）、bottom（默認(rèn)，與圖片的底部對(duì)齊）。
width 圖片的寬
height 圖片的高 (寬高兩個(gè)屬性，若只寫(xiě)一個(gè)會(huì)，自動(dòng)等比縮放)
 img src= http://segmentfault.com/u/jerry_fe/jerry.png alt= 圖片加載失敗。。。 title= This is a picture. / 
6.列表標(biāo)簽
 ul : 無(wú)序列表標(biāo)簽
 li : 列表中的每一項(xiàng).
 ol : 有序列表標(biāo)簽
 li : 列表中的每一項(xiàng).
 li 主要的屬性有：type、value兩個(gè):
type指明列表項(xiàng)的類型，屬性值有：A，a，I，i，1，disc（實(shí)心圓），square（實(shí)心正方形），circle（空心圓）。
value表示序號(hào)值從幾開(kāi)始。
 dl 定義列表
 dt 列表標(biāo)題
 dd 列表項(xiàng)
 ul 
 li type= circle A /li  li type= 1 B /li  li type= 1 C /li 
 /ul 
 ol 
 li value= 3 3 /li  li 4 /li 
 /ol 
 dl 
 dt i 標(biāo)題 /i /dt  dd 第一項(xiàng) /dd  dd 第二項(xiàng) /dd  dd 第三項(xiàng) /dd 
 /dl 
7. table 表格標(biāo)簽序號(hào)姓名1.Jerry2.Ferry
 table border= 1  thead  th 序號(hào) /th  th 姓名 /th  /tr  /thead  tbody  th 1. /th  td Jerry /td  /tr  th 2. /th  td Ferry /td  /tr  /tbody  /table 
table標(biāo)簽的主要屬性：
border 表格邊框
align 水平對(duì)齊方式
bgcolor 背景顏色
cellpadding 內(nèi)邊距，單元格與內(nèi)容之間的距離
cellspacing 外邊距，單元格的間距，設(shè)置為0時(shí)，表格變?yōu)閷?shí)線表格
width 表格的寬度，可以用%或者像素，最好通過(guò)css來(lái)設(shè)置長(zhǎng)寬
 caption 表格的標(biāo)題
 tr 表格的行
 th 表格的表頭名稱，與 td 不同在于文字采用加粗居中的形式顯示
 td 單元格，用來(lái)顯示表格內(nèi)容
 thead 表格頭部，使結(jié)構(gòu)更加分明
 tbody 表格主體部分，使結(jié)構(gòu)更加分明
rowspan 單元格豎跨多少行，作用在th或者td上
colspan 單元格橫跨多少列（即合并單元格），作用在th或者td上。（即橫跨、豎跨都是作用在th或td上）
8. form 表單標(biāo)簽
表單屬性
HTML 表單用于接收不同類型的用戶輸入，用戶提交表單時(shí)向服務(wù)器傳輸數(shù)據(jù)，從而實(shí)現(xiàn)用戶與Web服務(wù)器的交互。
屬性：action、method、enctype
action 表單要提交的地址，用于處理表單的內(nèi)容（一般是提交到后臺(tái)的一個(gè)接口，這個(gè)接口可以是java寫(xiě)成的，提交到這個(gè)接口后后臺(tái)就知道如何處理這些數(shù)據(jù)了）。
method 提交的方法，默認(rèn)是get方式提交。
get:1.提交的鍵值對(duì)顯示在地址欄url后面; 2.安全性相對(duì)較差; 3.對(duì)提交內(nèi)容的長(zhǎng)度有限制
post:1.提交的鍵值對(duì)不顯示在地址欄; 2.安全性相對(duì)較高； 3.對(duì)提交內(nèi)容的長(zhǎng)度理論上無(wú)限制
enctype 對(duì)表單數(shù)據(jù)進(jìn)行編碼
表單元素
 input type屬性可能的值：
text 文本框輸入（type的默認(rèn)類型）
autocomplete（自動(dòng)完成輸入的內(nèi)容，要求表單元素要有name屬性才有自動(dòng)完成的效果，off表示自動(dòng)完成不可用，on表示自動(dòng)完成可用）
disabled（設(shè)置或者獲取控件的狀態(tài)，默認(rèn)是false即可用，等于true時(shí)不可用，不能輸入內(nèi)容）
password密碼框。（以下屬性text和password共有）
size（指定表單元素的初始寬度。當(dāng)type為text或password時(shí)，表單元素的大小以字符為單位，對(duì)于其他元素，寬度以像素為單位）
maxlength（type為text或password時(shí)，表示輸入的最大字符數(shù)），有利于防止sql的注入攻擊
readonly設(shè)置為只讀狀態(tài)
placeholder設(shè)置框內(nèi)預(yù)置內(nèi)容(灰色)，焦點(diǎn)選中時(shí)消失
radio 單選按鈕
name（將name的值設(shè)置為相同值，才表示一組數(shù)據(jù)，才能實(shí)現(xiàn)單選功能）
value（必須要寫(xiě)，提交到服務(wù)器的key值，實(shí)際開(kāi)發(fā)過(guò)程中value一般是編號(hào)）
checked（設(shè)置是否被默認(rèn)選中）
checkbox 復(fù)選框
name（將name的值設(shè)置為相同值，才表示一組數(shù)據(jù)，才能添加到同一value值列表并提交到服務(wù)器）
value（必須要寫(xiě)，提交到服務(wù)器的key值，實(shí)際開(kāi)發(fā)過(guò)程中value一般是編號(hào)）
checked（設(shè)置是否被默認(rèn)選中）
file 文件域，用于上傳文件（不同的瀏覽器表現(xiàn)形式不同）
submit 提交按鈕。用于提交表單。
reset 重置按鈕。清空表單的輸入，恢復(fù)到表單默認(rèn)的狀態(tài)。
button 普通按鈕。一般結(jié)合javascript使用。
image 圖片按鈕，用來(lái)提交表單，與submit是一樣的效果。
src（圖片路徑）
hidden 隱藏字段。
value（隱藏的內(nèi)容）
color 顏色標(biāo)簽。
value 指定顏色值（采用#十六進(jìn)制數(shù)表示）。
date 日期。
value值指定默認(rèn)的日期，格式為*--*（年月日）。
datetime-local 顯示本地時(shí)間
value值指定默認(rèn)的時(shí)間，格式為2017-04-13T23:10:10（年月日T時(shí)分秒）。
number 數(shù)字向上或者向下滑動(dòng)。可以填數(shù)字然后向上或者向下選擇不同的值。
range 滑動(dòng)標(biāo)簽。
min（指定最小值）
max（指定最大值）
value（指定當(dāng)前默認(rèn)值）。
week 每年的周數(shù)。
value指定哪一年第幾周，格式為2017-W20（2017年第20周）。
 textarea 文本域標(biāo)簽。默認(rèn)表現(xiàn)形式是可以輸入很多行文本的文本框。
name 表單提交項(xiàng)的key
cols 設(shè)置文本域?qū)挾?/p>
rows 設(shè)置文本域高度，即行數(shù)
 select 下拉框標(biāo)簽。使用時(shí)要結(jié)合 option 子標(biāo)簽一起使用。
name 表單提交項(xiàng)的key
size 選項(xiàng)個(gè)數(shù)
multiple 多選
 option 下拉選中的每一項(xiàng)
value（表單提交項(xiàng)的值）
selected（selected下拉項(xiàng)默認(rèn)被選中）
 optgroup 為同類項(xiàng)加上分組
 label 把元素與文本結(jié)合起來(lái)
友好設(shè)計(jì)：不只是選中復(fù)選框才能選中并打鉤，要求點(diǎn)擊對(duì)應(yīng)的文字也能選中該復(fù)選框。
這種情況下要用到 label 標(biāo)簽的for屬性（設(shè)置或獲取給定標(biāo)簽對(duì)象指定到的對(duì)象，值=另一個(gè)元素的id號(hào)即可）
 label for= name 姓名 /label  input id= name type= text 
 fieldset 對(duì)表單中的相關(guān)元素進(jìn)行分組
 fieldset  legend 溫馨提示 /legend  p align= middle 不要忘記點(diǎn)贊哦 == /p  /fieldset 
value: 表單提交項(xiàng)的值
對(duì)于不同的輸入類型，value 屬性的用法也不同：
type= button , reset , submit - 定義按鈕上的顯示的文本
type= text , password , hidden - 定義輸入字段的初始值
type= checkbox , radio , image - 定義與輸入相關(guān)聯(lián)的值
以上就是HTML基礎(chǔ)內(nèi)容詳解的詳細(xì)內(nèi)容，html教程        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。