HTML基礎——常用標籤以及列表
阿新 • • 發佈:2021-11-14
<!DOCTYPE html>//告訴瀏覽器我們使用的HTML版本是HTML5,這樣瀏覽器就按照HTML5的規則解析 <html> <head> <meta charset="UTF-8"> <title>HTML學習</title> </head> <body> <h1>Hello world</h1> </body> </html>
<html></html>根節點標籤
<head></head>頭標籤,是對頁面進行一系列的配置,比如使用的編碼格式,網頁的標題等,這裡面編輯的內容不會展示到網頁的內容區域
<body></body>內容標籤,這裡面的內容是在網頁中展示的內容
HTML的四種骨架標籤
<meta>
<meta charset="UTF-8">
<title></title>
<h1></h1>
常用標籤
<h1></h1>
<h2></h2>
......
<h6></h6>
字型逐漸變大
<p>段落標籤</p>
<br/>換行
<hr/>分割線
<b>字型加粗
<strong>字型加粗,加強語義
<i>字型傾斜
<em>字型傾斜,加強語義
<s>刪除線,加強語義
<u>下劃線
<ins>下劃線,加強語義
<q>加雙引號
<sub>下標
<sup>上標
列表
<ul>無序列表
<ol>有序列表
<li>有序,無序列表的項
<dl>描述列表
<dt>描述列表的項
<dd>描述列表的項的內容
配置列表的標識:
disc 原點標識
circle 空心圓標識
square 方塊標識
none 不顯示標識
通過屬性來更改標識樣式(例:<ol type="A">)//有序列表,按大寫字母順序排序
1:按照阿拉伯數字排
A:按大寫字母排
a :按小寫字母排
I :按照大寫羅馬字母排序
i :按照小寫羅馬字母排序
超連結
<a>:超連結標籤
href:定義連結地址的屬性
title:滑鼠停留在超連結上顯示的文字
target:網頁的開啟方式
id="value":定義頁面中的書籤
herf="value':連結到書籤