html5:
html 內(nèi)容 ? (文字、圖片)
【xhtml+css】【html+css3】
css ?樣式(文字顏色,圖片大小、位置)
js ?行為 ? ? 點擊某個按鈕的時候觸發(fā)的操作
怎么創(chuàng)建網(wǎng)頁:
1.html文件就是可以被瀏覽器解析的文件,可以認為是一個網(wǎng)頁
2.基礎(chǔ)模板:
1)瀏覽器解析html文件的時候需要有一些標準,其中最基礎(chǔ)的就是每個html文件都要有一個簡單的框架(基礎(chǔ)模板)
2)<!doctype html> 聲明,讓瀏覽器用最新的標準解析這個文件
3)<html></html> html標簽代表整個文檔的內(nèi)容,所有的網(wǎng)頁里面的東西都要寫在html里面 ? ? ?
? ? ? ? ? ? ? ? ? ?<head></head> ? ?<title></title>:顯示標題名,一般顯示在網(wǎng)頁的選項卡上
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<meta charset= "utf-8"/>:讓瀏覽器解析文檔上的漢字
除了上兩個之外,還可以添加其他的標簽比如:關(guān)鍵字,描述,引入css(除了網(wǎng)頁內(nèi)容之外的東西)
? ? ? ? ? ? ? ? ? ?<body></body>網(wǎng)頁內(nèi)容,包括div、img、a等標簽,所有顯示在網(wǎng)頁里面的內(nèi)容都可以寫在body里面
標簽:單標簽 雙標簽 ?組合標簽
單標簽:br、hr、meta、img等
雙標簽:h1~h6、a、p、span、div、ul、ol、li、dl、dd、dt、html等
組合標簽:ul、ol、li、dd、dt、dl等(組合標簽在使用的時候是不能被拆開的)
行級標簽:
能在同一行顯示的標簽
不能設(shè)置寬高 大小由內(nèi)容撐開
塊級標簽:
(即使改變了寬度也不會和其他標簽同行)獨占一行的標簽,不與其他標簽同行顯示
能設(shè)置寬高
display:inline;
display:block;
display:none;(不顯示)
規(guī)范
1.所有html標簽都要小寫
2.子父級標簽要有縮進(子級比父級縮進一個Tab鍵)
3.命名規(guī)范:不會帶有漢字、特殊符號、空格等。以英文字母開頭,可以包含數(shù)字和下劃線 駝峰法命名(首字母小寫后面單詞首字母大寫)
4.所有標簽都要正確閉合
5.重要的位置要添加注釋(html的注釋<!-- 123 --> )