html結(jié)構(gòu)：
<標(biāo)記>
內(nèi)容
<標(biāo)記>
標(biāo)記屬性：
<標(biāo)記 屬性=屬性值 屬性1=屬性值1>內(nèi)容<標(biāo)記>
在網(wǎng)頁編寫的時(shí)候盡量使用小寫
<-注釋內(nèi)容->
利用tab給代碼縮進(jìn)
使用實(shí)體名稱來代替符號徘溢。
html基本結(jié)構(gòu)：
<html>文檔標(biāo)記熊镣，網(wǎng)頁的開始和結(jié)束
<head>文件頭標(biāo)記液茎，網(wǎng)頁的標(biāo)題牌柄，關(guān)鍵字標(biāo)記
<title>網(wǎng)頁的文件標(biāo)題標(biāo)記，網(wǎng)頁的瀏覽器上的主題拦止。
<body>網(wǎng)頁主體部分谱仪，可以標(biāo)記p h1 br hr等標(biāo)記会涎，構(gòu)成我們所看到的網(wǎng)頁。
body的常見屬性有 bgcolor舒帮，text会喝，link，vlink玩郊，alink
<meta>提供頁面的元信息肢执，針對SOE的屬性，必須的屬性是Content
例如 <meta name="key words" content="you key words">,必須放在head元素內(nèi)译红。
<meta charset="UTF-8">
文檔標(biāo)記
br 強(qiáng)制換行
p 換段落
center 居中對齊
pre 預(yù)格式化
li 列表項(xiàng)目
ul 無序列表
ol 有序列表蔚万，可嵌套，可設(shè)置type值
dl临庇，dt反璃，dd 定義型列表
hr 水平分割標(biāo)記
div 分區(qū)顯示標(biāo)記昵慌，用來編排大段落和格式化表。
文本標(biāo)記
h1-h6淮蜈，六個(gè)級別的標(biāo)題格式
font 字體設(shè)置標(biāo)記斋攀，三個(gè)屬性，size梧田，color淳蔼，face
b，字體加粗
i裁眯，斜體字
sub 上標(biāo)文字
sup 下標(biāo)文字
tt 打印機(jī)字體標(biāo)記
cite 引用方式鹉梨，斜體
em 強(qiáng)調(diào)，通常顯示為斜體
small 可以多個(gè)嵌套穿稳，會顯示多級變小存皂。
big 多級變大
u 下劃線字體標(biāo)記
圖像標(biāo)記
img 圖像標(biāo)記，src 制定圖片路徑逢艘，名稱旦袋，格式。width 寬它改，hight高疤孕，border邊框?qū)挾龋琣lt央拖，加載完成后顯示指定的文字祭阀，沒有下載或者加載失敗，文字代替圖像顯示鲜戒，搜索引擎通過文字抓取圖片柬讨。
超鏈接
href，鏈接網(wǎng)頁視頻圖片袍啡。#aaa踩官，錨鏈接。
target境输，blank新窗口打開蔗牡，seif（默認(rèn)）在本窗口打開，parent嗅剖，父窗口打開（多框架）辩越，top頂層窗口打開(框架中用)
name指定頁面錨鏈接。
表格標(biāo)記
- table信粮，表格標(biāo)記
- caption黔攒，標(biāo)題標(biāo)記，位于table后，tr之前
- th表頭標(biāo)記督惰，位于首行或者首列
- td是數(shù)據(jù)標(biāo)記不傅，標(biāo)示單元格內(nèi)的具體數(shù)據(jù)。
- td和th都是單元格標(biāo)記赏胚，必須嵌套tr內(nèi)
- th文字默認(rèn)會被加粗访娶，td不會
border，表哥邊框?qū)挾?br> align 表格顯示位置left center right
cellspacing觉阅，單元格之間的間距
cellpadding崖疤，單元格內(nèi)容與單元格邊框的顯示距離
frame，控制表格最外層的四條邊線典勇。void無邊框劫哼，above只有上面有，below底部有割笙，hsides頂部和底部有,lhs左側(cè)有,rhs右側(cè)有,vsides左右側(cè)有,box包含全部邊框,border包含全部邊框
rules控制單元格之間的分割線权烧，no表示無分割線，all所有分割咳蔚，rows只有行豪嚎，clos只有列搔驼，groups行列之間有谈火。
tr標(biāo)記，bgcolor,align bottom top middle,valign center left right
HTML框架
把瀏覽器分割開舌涨，同窗多頁面糯耍。
frameset，cols平分?jǐn)?shù)量,rows上下分?jǐn)?shù)量囊嘉，例如rows="30%,70%"
src 指定加載頁面
name 框架名稱温技，鏈接標(biāo)記target的所需要參數(shù)
noresize表示不能調(diào)整框架大小，沒有設(shè)置表示可以調(diào)整
scrolling扭粱，是否需要滾動條舵鳞，auto，yes琢蛤，no
frameborder蜓堕，是否需要邊框，1顯示博其，0不顯示套才。
表單設(shè)計(jì)
form 表單標(biāo)記，定義表單開始位置和結(jié)束位置
基本格式form action="service address(表單內(nèi)容接受地址) " name= method="post|get"
method傳送數(shù)據(jù)的方式慕淡，分為post和get背伴，
- post方式提交，表單中的數(shù)據(jù)一并包含在表單的主體種，一起傳送到服務(wù)器種處理傻寂，沒有數(shù)據(jù)大小限制息尺。
- get提交，表單的內(nèi)容附加在url地址后面崎逃，限制提交的長度不能超過8192個(gè)字符掷倔，不具備保密性。
action 表單處理程序的url地址个绍，如果為空勒葱，則使用當(dāng)前文檔的url地址，如果表單中不需要使用action屬性巴柿，也要制定其屬性為"no"
enctype設(shè)置表單的資料的編碼方式
target和超鏈接的屬性類似凛虽，用來制定目標(biāo)窗口。
按鈕：inputtype= submit提交广恢，reset充值 button 普通
radio單選
chekebox復(fù)選
單選和復(fù)選可以用cheked默認(rèn)選擇好的項(xiàng)目
input type=hidden 隱藏表單域
多行文本域凯旋，textarea，cols=钉迷？ rows=至非？
菜單下拉select ，option value=value selected
CSS樣式的方法
內(nèi)鏈?zhǔn)綐邮奖?br> <body style=background-color:green;margin:0,padding:0;"><body>
嵌入式樣式表
style type="text/css"> <style> 需要放在head中
引入式樣式表 link rel=stylesheet type=text/css href=style.css
css定義樣式表
html標(biāo)記定義：p糠聪，選擇器荒椭，定義那個(gè)標(biāo)記中的內(nèi)容執(zhí)行其中的樣式，一個(gè)選擇器可以控制若干個(gè)樣式屬性舰蟆，他們之間需要用趣惠；隔開，最優(yōu)一個(gè)可以不用加身害；
class定義：<p class=“p”>....</p>
class定義以“.”開始
ID定義：p id=“p”
以#開始
P{屬性：屬性值味悄；屬性1......}
組合選擇器
h1,h2,h3,h4{color:red;font-size:14px;} 組合選擇器，可以用","隔開
偽裝元素選擇器
a:link 正常連接的樣式
a:hover 鼠標(biāo)放上去的樣式
a:active選擇鏈接時(shí)的樣式
a:visited 已經(jīng)訪問過的鏈接樣式
常見屬性：
color：#ff6600
color:green
color:rgb(255,255,255)
color:rgba(255,255,255,1) (透明度)
font-size ：
px
%根據(jù)父元素的百分比
smaller 比父元素更小
larger 同上
inherit 繼承父元素
定義字體：font-family:微軟雅黑,serif; (可以用“塌鸯，”隔開侍瑟，以確保當(dāng)字體不存在的時(shí)候用下一個(gè)。用于字體屬性丙猬。
字體加粗font-weight: normal (400),bold(700) ,lighter(更細(xì))涨颜，取100-900的整百數(shù)。
圖片屬性：
background-color:
background-image:rul
background-repeat:
repeat 重復(fù)平鋪滿淮悼，no-repeat不重復(fù)
background-position： 圖片位置
center
left咐低，right，top 袜腥，bottom
簡寫方式：
background:#f2f2f2 url(image/bg.gif) no-repeat 20px 20px
邊框?qū)傩?br>
border-style
border-bottom -style 下邊框樣式（單獨(dú)定義其中一個(gè)方向的邊框）
邊框風(fēng)格樣式：
none無邊框
solid直線
dashed虛線邊框
dotted點(diǎn)狀邊框
double雙線邊框
groove凸邊框
ridge 壟邊框
inset
outset
inherit 繼承
border-color 統(tǒng)一風(fēng)格
border-top-color 上邊框顏色（單獨(dú)風(fēng)格）
列表屬性：
list-style-image 設(shè)置圖像列表標(biāo)記见擦，url圖像路徑钉汗，none無圖像
簡寫： list-style:square inside url(XX.jpg)
div和span盒模型
div和span在html表集中存在意義為了用css樣式。
div和span的區(qū)別在于鲤屡，span是內(nèi)聯(lián)元素损痰，div是塊元素。
盒子模型：
外邊距margin
內(nèi)邊距padding
邊框?qū)挾萣order
盒子寬度width
盒子高度height
布局相關(guān)屬性
