H5學習入門

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

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中文網其他相關文章！