tft每日頭條

 > 生活

 > html基本知識總結

html基本知識總結

生活 更新时间:2024-07-18 14:15:40
一、标簽理解

1.HTML标簽由尖括号包圍關鍵詞。通常是成對出現的,稱為雙标簽。例如<html>(開始标簽)和</html>(結束标簽)。有些特殊标簽為單個标簽,稱為單标簽。例如<br/>

2.标簽關系有包含關系和并列關系

3.标簽的含義(語義):标簽是用來幹嘛的。(在适合的地方給一個合理的标簽可以使頁面結構更清晰)

4.每個網頁都會有一個基本的結構标簽(也稱為骨架标簽),HTML頁面也稱為HTML文檔

二、基本結構标簽

html基本知識總結(HTML基礎知識三)1

1.<html>标簽是根标簽,頁面中最大的标簽

2.<head>标簽是文檔的頭部,在<head>标簽内必須設置<title>标簽

3.<title>标簽是文檔的标題,網頁的标題

4.<body>标簽是文檔的主體,文檔的所有内容,網頁内容

html基本知識總結(HTML基礎知識三)2

三、常見标簽1.标題标簽<h1>-<h6>(head的縮寫)

(1) 語義:作為标題使用,并依據重要性遞減(2) 特點:a.加了标題标簽文字會變粗,字号依次變大 b.一個标題獨占一行

html基本知識總結(HTML基礎知識三)3

2.段落标簽<p>(paragraph的縮寫)

(1) 語義:可以把HTML文檔分割為若幹段落

(2) 特點:a.一個段落根據浏覽器窗口的大的自動換行 b.段落之間有大的空隙

html基本知識總結(HTML基礎知識三)4

3.換行标簽<br/>(break的縮寫)

(1) 語義:強制換行

(2) 特點:a.<br/>是個單标簽 b.<br/>隻是簡單重新開始一行與段落不同

html基本知識總結(HTML基礎知識三)5

4.文本格式标簽(為文字設置粗體,斜體或下劃線等效果,語義:突出重要性)

(1) 加粗:<strong></strong>或<b></b> 推薦使用<strong>标簽,語義更強烈

(2) 傾斜:<em></em>或<i></i> 推薦使用<em>标簽,語義更強烈(emphasize)

(3) 删除線:<del></del>或<s></s> 推薦使用<del>标簽,語義更強烈(delete)

(4) 下劃線:<ins></ins>或<u></u> 推薦使用<ins>标簽,語義更強烈(insert)

html基本知識總結(HTML基礎知識三)6

5.<div>和<span>标簽(沒有語義,是一個盒子,用來裝内容 division span)

特點:a.<div>标簽用來布局,一行隻能放一個<div>,是個大盒子 b.<span>标簽用來布局,一行可以有多個<span>,是個小盒子

html基本知識總結(HTML基礎知識三)7

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved