1.HTML的head標籤css
head標籤中主要配置瀏覽器的配置信息html
經常使用的配置信息:瀏覽器
1.網頁解析編碼格式編碼
2.網頁標題標籤spa
3.網頁關鍵字htm
4.網頁描述blog
5.做者排序
6.自動跳轉配置
7.其餘(引入css,js)搜索
注:其中第三,第四和第五項,提高在瀏覽器中的搜索機率
例:
2.HTML的body標籤(文本標籤)
1.標題標籤:
h1到h6:會將其中的數據加粗加黑顯示,而且顯示依次減弱,而且自帶換行功能
屬性:aligin:center,left,right 設置位置
2.水平線標籤:
hr:會在頁面中顯示一條水平線,默認居中。
屬性:width=」200px「:水平線寬度,size=」20px「:水平線高度,color=」red「:水平線顏色 aligin
3.段落標籤
p:會將一段數據做爲總體進行顯示,主要是進行css和js操做時比較方便。會自動換行。
特色:段間距比較大
4.換行符標籤
br:告訴瀏覽器此處換行
特色:行間距小於段間距
5.空格符標籤
:告訴瀏覽器此處增長空格
6.權重標籤
1.b:會將內容加黑
2.i:會將內容斜體
3.u:會將內容增長下劃線
4.del:中劃線
以上標籤不會換行,而且能夠嵌套使用
注:
1.塊級標籤:html中本身站一行的標籤叫塊級標籤
2.標籤屬性:對標籤的功能進一步補充,能夠自由指定標籤屬性
3.像素單位:戰局電腦屏幕的大小,百分比則是佔據瀏覽器窗口的大小
例:
3.HTML的body標籤(列表標籤)
1.無序標籤
ul
li:該標籤中寫列表內容,一個li標籤表明列表中的一行數據
特色:默認數據前有一個黑圓圈符號
2.有序標籤
ol
li:該標籤中寫列表內容,一個li標籤表明列表中的一行數據
特色:會自動的給列表進行順序編碼,從小到大
屬性:type:能夠改變順序編碼的值,能夠是1,a,A,羅馬數字1,默認阿拉伯數字1排序
3.自定義標籤
dl
dt:數據標題
dd:數據內容,一個dd表示一條數據
例: