H系列標簽
格式
<h1>xxxxx</h1>
作用
- 給文本添加標題語義
注意事項
- H標簽只給文本添加標題語義,不是用來修改文本樣式
- H標簽總共6個,從H1~H6,超過6則無效
- 被H標簽包裹的內容會獨占一行
- H系列的標簽,H1最大,H6最小
- 在企業開發中要慎用H系列標簽,特別是H1標簽,企業開發中一個頁面一般最多只能出現一個H1標簽(和SEO有關)
P標簽
格式
<P>xxxxx</P>
作用
- 告訴瀏覽器哪些文字是段落
注意事項
- 在瀏覽器中會獨占一行
Hr標簽
格式
<Hr />
作用
- 在瀏覽器中顯示一條分割線
注意事項
- 在瀏覽器中會獨占一行
- Hr標簽的/可以寫,也可以不寫,在前端開發中按照高級開發工具提示書寫即可
- 由于Hr標簽是用來修改樣式的,所以不推薦使用,今后開發中添加水平線一般使用CSS盒子來做
img標簽
格式

作用
- 在網頁上插入一張圖片
屬性
- src(source)
- 告訴瀏覽器需要插入的圖片路徑,以便瀏覽器在該路徑下找到此圖片
- alt(alternate)
- 在src指定路徑下找不到圖片時,顯示alt指定的文本
- title
- 只有當鼠標懸停在圖片上時才會出現的文本
- height
- 設置圖片高度
- width
- 設置圖片寬度
注意事項
- 在瀏覽器中默認不會獨占一行
- 想要將圖片等比拉伸,只設置寬或者高就可以了
Br標簽(Break)
格式
<Br />
作用
- 不另起一個段落換行
注意事項
- 由于99.99%的網頁換行都需要另起一個段落,所以應該用P來做
- 多個Br可以連續使用,使用多少個Br就換多少行
a標簽
格式
<a href="跳轉的目標地址">xxxx</a>
作用
- 從一個頁面跳轉到另一個頁面
屬性
- href(hypertext reference)
- 指定跳轉到目標地址,可以是網絡地址,也可以是本地地址
- target
- 告訴瀏覽器是否保留原始界面,-blank保留,-self不保留
- title
- 只有當鼠標懸停在超鏈接上時才會出現的文本
注意事項
- a標簽中一定要寫上文字,否則在頁面上找不到此標簽
- a標簽不僅能讓文字被點擊,而且能讓圖片被點擊
- 一個a標簽必須有一個href屬性,否則不知道跳轉到哪里