1. 程式人生 > 其它 >HTML基礎——常用標籤以及列表

HTML基礎——常用標籤以及列表

<!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':連結到書籤