首頁 > web前端 > html教學 > H5學習入門

H5學習入門

巴扎黑
發布: 2017-06-26 15:18:10
原創
1718 人瀏覽過

【區塊級標籤與行級標籤的差異】

1.區塊級標籤: 預設寬度100%(獨佔一行)
自動換行(右邊不能有任何東西)
可以使用css設定寬度高度
 
2.行級標籤: 內容寬度,由內容撐開(內容多寬,寬度就佔多寬)
不會自動換行(從左到右依序排列)
 

#【常見的行級標籤】

span(文字)
img(圖)
em(強調)
strong(強調)
q(短引用)
a(超連結)
i(傾斜)
b(加粗)
small(縮小字體)

【em/strong i/b 】區別

①em和i都能傾斜,strong和b都能加粗,但是,i和b只是單純的傾斜,em與strong多了強調的語義
②em和strong都表示強調,但是strong強調的等級更高
注意: 強調的目的,讓1搜尋引擎知道網頁的重點內容,但與搜尋引擎檢索
strong和em都可以多層嵌套,表示強調程度的遞增

三大引用標籤

#百度
q標籤:表示短引用
cite屬性:用於宣告引用的來源
 
< blockquote cite="http://www.baidu.com">用來引用一段內容
引用作品名,書畫名
相同點:三大引用標籤,都用cite宣告引用來源
不同點:1.引用的內容不同
q->一句話blockquote ->一段話cite->作品名
2.顯示的預設效果不同
blockquote->預設整段向右縮排
q-> ;預設加引號
cite->預設傾斜

#img

##相對路徑:
1.圖片與目前文件在同一層資料夾,直接寫圖片名稱
2.圖片在目前文件的下一層資料夾,資料夾名稱/圖片名稱
3.圖片在目前文件的上一層資料夾,../圖片名稱(../表示後退一層)
圖片必須包含在專案裡面,不能訪問項目外的圖片
align:
top->圖片頂部,center->圖片居中,bottom->圖片底部

以上是H5學習入門的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板