02HTML基礎-常用標簽

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屬性,否則不知道跳轉到哪里
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容