Web前端--Html/Css,Web--Html/Css
總結一下今天學的內容,雖然以前學過,但是再學感覺還是有需要學習的地方。
Web前端–Html:
超文字標記語言 (HTML)(HyperText Markup Language)
1.整體骨架
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title></title></head><body></body></html>
這樣整體的骨架就有了。我們需要修飾修飾
Html中標籤是成對出現的,也有自結束標籤,如<br />,<img /> 標籤,說到自結束標籤,這裡就要提一提html規範,事實上自結束標籤頁可以這樣寫<br>, <img> 甚至現在很多編輯器,自動補全都是這種標籤。而這種不嚴格的規範事實上早在Html4.0的時候就規定了,後來又出現了xml,這種語言有著嚴格的文法,自結束標籤必須這樣寫< /> ,Html也想改成這樣的文法,但是覆水難收,已經有很多的網頁再使用Html4.0了,所以我們看到有這麼一個東西xhtml,其實是從Html到xml的一個過渡。
注釋:
常用標籤:
標題標籤:h1~h6
段落標籤: <p>
換列標籤:<br />
無序列表:<ul><li></li></ul>
圖片:<img alt="" src="" />
內聯架構:<iframe src="" name=""></iframe>
超連結:<a href=""></a>
表格標籤:
<table border="1px"> <thead> </thead> <tbody> <tr> <td></td> </tr> </tbody> <tfoot> </tfoot><table>
表單標籤:
<form action=""> <input type="text" name="username" /> <input type="password" name="pwd" /> <input type="raido" name="sex" value="men"/> <input type="raido" name="sex" value="women"/> <input type="checkbox" name="sport" value="football"> <input type="checkbox" name="sport" value="basketball"> <input type="submit" value="submit"> <select name="city"> <option value="beijing"></option> <option value="shanghai"></option> </select></form>
Web前端–Css:
層疊樣式表(Cascading Style Sheets)
如果說Html是人身體的骨架,那麼Css就是用來豐滿這個骨架的
Css代碼的位置:
1.標籤內的style屬性
2.在style標籤裡
3.引入外部樣式表*
文法:
選取器 {
屬性:值;
屬性:值;
}
四種選取器:
1.元素選取器: p, div
2.id選取器: #id
3.class選取器: .class
4.組合選取器: #id,.class
盒子模型:
外邊距:margin
邊框:border
內邊距:padding
寬:height
高:width
注意:寬高是包含邊框和內邊距在內,使用的時候注意
外邊距,邊框,內邊距都是可以設定四個方向的
flaot 浮動
顏色:rgb 三基色組合而成的#十六進位的數字