排版標籤:
p: 段落標籤,把文字內容分段落顯示。支援巢狀。
hr:水平線標籤，沒有主體內容，使用自閉合。水平線預設寬度是佔滿外層元素
屬性有：
align：水平線所處的位置（相對位置)，相對外層元素而說的
width: 水平線的寬度
size: 水平線的厚度
noshade：它是乙個內建屬性，既是屬性有表示值。當寫上之後表示不需要陰影效果。
color:水平線的顏色。可以支援英文單詞(不能隨便寫)，還可以支援#加上6位16進製制的數或者是rgb(0-255,0-255,0-255的數)。
pre:預格式化標籤，它可以把已經分好段落的文字進行預格式化，顯示輸出。一般情況下用的不多。
br:換行標籤。在html中只能使用br換行。只是另起一行
div:層標籤，它自動佔滿整個行。
span:塊標籤，它的寬度是根據主體內容來定的。
center:居中標籤,寫在該標籤體內的內容，自動居中。居外層元素的中
字型標記
h1-h6:字型大小標籤，h1~h6是由大到小的過程。
strong:字型加粗的效果，解釋為語氣強調
b:字型加粗標籤
em:斜體
u:加下劃線
font:字型標籤
屬性有
size:指定字型的大小。它有取值範圍，範圍是1到7之間。
color：字型的顏色。可以是英文單詞（不能隨便寫），還可以是#加上6位16進製制的數或者是rgb(0-255,0-255,0-255之間的數）。
face:字型的型別。例如：楷體，宋體，隸書等等。但不是所有型別都支援。
影象標籤
屬性有:
src:要顯示資源的位置。
關於src的路徑問題：
相對路徑：當前檔案所在的目錄說的
上級：使用../返回到上一級目錄，有幾級就寫幾個../。返回到對應的目錄後再加上檔名。
下級：目錄名加檔名。例如resource/1.jpg
同級：直接寫檔名就行
絕對路徑：
磁碟絕對路徑 ：d:\itcast\傳智20150508\day01_html\原始碼\resource\1.jpg
file:///檔案協議。在使用windows資源管理器的時候可以不寫
網路絕對路徑 ：
width:影象的寬度
height：影象的高度
alt:影象的簡短描述（提示資訊）
border:影象的邊框
usemap:使用熱點區域：引用map的名稱。是使用#加上map的名稱。#map
map:定義影象的熱點區域，它必須配合乙個標籤使用。
area:熱點區域的定義資訊。只能出現在map標籤的內部。
屬性有：
shape:區域的形狀
coords:區域的座標。當使用圓形時：第乙個值x軸的座標，第二個值是y軸的座標（x軸和y軸都針對 圓心點說的），第三個值是圓的半徑。
清單標記
ul：無序列表 unorder list
屬性有：
type：無序列表項顯示的型別。
disc：實心圓 預設值
circle：空心圓
square：實心方塊
ol：有序列表 order list
屬性有：
type:是顯示列表項順序的型別。支援數字，英文和羅馬文。
start：開始的序號。是用數字表示開始的序號。
li：有序列表和無序列表中的列表項 list item
dl：自定義列表。defined list
dt：自定義列表標題。 defined title
dd：自定義列表資料。 defined data。自定義列表的資料和表頭有縮排
超連結
屬性有
href: 連線到的資源位址。可以是相對路徑，磁碟絕對路徑，網路路徑
name: 是使用超連結的錨標記。在指定位置下乙個錨點。使用href=」#錨點的名稱」來返回到錨點處。
target:在何處開啟目標url位址。
取值：
_blank:在新視窗開啟
_parent:在當前視窗的父視窗開啟
_top:當前視窗的最外層視窗
_self:在當前視窗開啟
mailto: 寫在href中，開啟乙個郵件位址。
**標籤：
table：表示乙個**
屬性有：
border:**的邊框
width:**寬度
height：**的高度
align:**整體的相對位置
cellpadding:單元格邊框與內容之間的距離
cellspacing：單元格與單元格之間的距離。
tr:表示**的一行
屬性有：
width:一行的寬度
height:一行的高度
align:行內標籤和內容顯示的相對位置。
td:表示一行的單元格
屬性有：
width:調整單元格的寬度。當修改了乙個之後，其他的都會自動對齊。
height:調整單元格的高度。當修改了一行的高度之後，會擠壓其他行。
align:單元格中的內容顯示的相對位置
colspan：跨列。寫幾就表示跨幾列。
rowspan：跨行。寫幾就表示跨幾行
th:表示該行中的單元格是表頭。它自動居中，並且加粗顯示
thead,tbody和tfoot詳見w3school手冊
框架標籤：
frameset：框架的集合標籤
屬性有：
rows：按照上下排列框架內容
cols：按照左右排列框架內容
取值可以是畫素px，可以是百分比，還可以是*
frameset和body只能出現乙個
frame：表示框架集合中的框架
屬性有:
noresize:它是乙個內建屬性，其本身就是乙個值，當寫上之後表示不能重置大小。
scrolling:是否使用滾動條。預設是auto
frameset可以巢狀使用
iframe:內聯框架標籤
屬性有:
src:內聯框架所嵌入頁面資源的url
width:設定內聯框架的寬度
height：設定內聯框架的高度
scrolling:是否使用滾動條
name:每個iframe唯一的名稱。
embed:多**標籤頭標籤：
寫在head標籤內部的標籤都是頭標籤。
：指定瀏覽器的標題。
：為頁面上的所有鏈結規標題欄顯示的內容定預設位址或缺省目標。
：可提供有關頁面的基本資訊
form：表單標籤
屬性有：
action:請求資源的位址（表單的內容提交到**去）
method:請求的方式(提交表單時，使用的http的方法）。預設是get。
get:表單中的資料內容在位址列中顯示。
使用get方式的弊端：資料不安全。有長度限制。不能超過1kb。
post:表單中的資料內容不在位址列中顯示。並且也沒有長度限制（相對的）。安全性比get高。
input:表單輸入域的子元素
必要的屬性：
name:是給表單輸入域的標籤起乙個名字。
只有有name屬性的表單輸入域才會被提交。
type: 一共有10個取值。必須全都記住
文字框：text 密碼框；password
核取方塊：checkbox 單選框：radio(checkbox和radio只有name屬性相同時，才表示一組內容),checkbox和radio的預設選擇是checked.
提交按鈕：submit 重置按鈕：reset
普通按鈕：button 隱藏域：hidden（不可被使用者看到的區域）
檔案選擇域：file
按鈕：image 可以用於替代提交按鈕
可選的屬性：
value：設定input域的值
textarea:文字域
屬性有：
rows:文字域中可見的行數
cols:文字域中可見的列數
select:下拉列表標籤
屬性有：
name:定義下拉列表的唯一識別符號
multiple:支援多選，可以設定多選下拉列表項。寫上就表示可以多選。
option:下拉列表項標籤
屬性有：
selected:預設選中
注意：下拉列表和單選核取方塊的預設選中要區分開。
fieldset:語義化標籤
legend:語義化說明標籤
HTMl排版標籤
首先我們要明確html和css是兩種不同的東西，這兩者是不一樣的，但他們都是被應用於前端開發的學習中最好分開去學，不然容易混亂。今天介紹html中的排版標籤 排版標籤主要和css搭配使用，是顯示網頁結構的標籤，是網頁布局最常用的標籤 單絲縮寫 head 頭部，此處要和title區分開 標籤分六級從他...
HTML 排版與標籤（四）
清單標籤分為3種 1 無序清單 記憶unorderlist 預設有小圓點 屬性 type 取值 disc 圓點 circle 空心圓 square 方形 2 有序清單 記憶orderlist 預設數字排序 屬性 type 取值 1，a,a,i,i start 3 定義清單 記憶definelist ...
前端學習筆記 html 排版標籤
首先 html和css是兩種完全不同的語言，我們學的是結構，就只寫html標籤，認識標籤就可以了。不會再給結構標籤指定樣式了。標題文字排版標籤主要和css搭配使用，顯示網頁結構的標籤，是網頁布局最常用的標籤。h1 h2 h3 h4 h5 h6 標題標籤語義 作為標題使用，並且依據重要性遞減 其基本語...