html標籤簡要概述

2021-10-07 02:14:53 字數 4396 閱讀 4507

(3)同時也存在單獨出現的標籤,稱之為單標籤,如:

雙標籤關係可以分為兩類:包含關係並列關係(1)包含關係

(2)並列關係

每個網頁都會有乙個基本的結構標籤(骨架標籤),頁面內容也是在這些標籤上書寫的。

我也有乙個大佬夢

標籤名

定義說明

< html >< /html >

html標籤

頁面中最大的標籤,稱之為根標籤

< head >< /head >

文件的頭部

在head標籤中必須要設定的是< title >標籤

< title >< /title >

文件的標題

讓頁面擁有乙個屬於自己的網頁標籤

< body >< /body >

文件的主體

元素包含文件的所有內容,網頁內容基本都是放到body裡的

注意:html文件的字尾名必須是.html或htm。瀏覽器的作用是讀取html文件,並以網頁的形式展示它們。

< !doctype >文件型別宣告,作用就是告訴瀏覽器使用哪種html版本來顯示網頁。

這句**的意思是:當前頁面採用的是html5版本來顯示網頁。注意

a. < !doctype >宣告位於文件中的最前位置,處於< html >標籤之前。

b. < !doctype >不是html標籤,它是文件型別宣告標籤。

用來定義當前文件顯示的語言

(1)「en」 用來定義顯示語言為英文

(2)「zh-cn」 用來定義顯示語言為中文

對於文件顯示來說,定義為en的文件可以顯示中文;同樣,定義為zh-cn的文件也可以顯示英文。

字符集(character set)是多個字元的集合,以便計算機能夠識別和儲存各種文字。

在< head >標籤內,可以通過< meta >標籤中的charset屬性來規定html文件應該使用那種字元編碼。

"utf-8" />
注意:此**是必要的書寫**,如果沒有可能會造成亂碼的情況。

理解標籤的含義是學習標籤的最重要的方法。

在合適的地方設定體現含義的標籤,可以讓頁面結構更加清晰。

為了使標題更具語義,我們經常在頁面中使用標題標籤,html提供了6個等級的標籤,即< h1 > -----< h6 >。

四級大佬

五級大佬

六級大佬

語義:作為標題使用

特點

(1)加了標題標籤的文字會加粗,字型變大。

(2)每乙個標題獨佔一行。

(3)標題標籤的重要性逐級遞減。

(1)段落標籤

在網頁中,要想把文字有條理的顯示出來,就需要將這些文字分段。在html文件中,< p >標籤用於定義段落,它能將整個網頁分段顯示出來。

這是乙個段落

語義:能將html文件分成若干段落。

特點

(1)文字中的段落會根據瀏覽器視窗的大小自動換行。

(2)段落與段落之間會留有一定間隙。

(2)換行標籤

在html中,乙個段落的文字會從左往右依次排列,直到到達瀏覽器右端。而如果想要另起一行排列文字,簡單的回車是無法執行的,這時就需要換行標籤< br / >

語義:br是break的縮寫,意為強制換行

特點

(1)< br / >是個單標籤。

(2)< br / >標籤只是簡單的完成換行工作,並不會與之後的內容產生間隙。

在網頁中,有時需要為文字設定粗體,斜體,下劃線,刪除線 等效果,這時就需要html的文字格式化標籤,使文字以特殊的形式顯示 。

語義標籤

加粗< strong >< /strong>或< b >< /b >

斜體< em >< /em >或< i >< /i >

下劃線< ins >< /ins >或< u >< /u >

刪除線< del >< /del >或< s >< /s >

< div >標籤和< span >標籤是沒有語義的,它們表示像盒子一樣的容器,用來裝載內容。

大盒子

小盒子

語義:div是division的縮寫,表示分割,分割槽;span表示跨度,跨距。

特點

(1)< div >標籤用來布局,但一行只能放乙個< div >,表示乙個大容器。

(2)< span >標籤用來布局,一行能放多個< span >,表示乙個小容器。

(1) 影象標籤

在html中,< img >標籤用於定義html頁面中的影象。

語義:img是image的縮寫,意為影象。

src是< img >標籤的必須屬性,用於指定影象檔案的路徑和檔名

影象標籤的其他屬性:

屬性屬性值

說明src

路徑必須屬性

alt文字

替換文字,將不能顯示的影象替換為文字

title

文字提示文字,滑鼠放在影象上,顯示提示文字

border

畫素設定影象的邊框粗細

height

畫素設定影象的高度

width

畫素設定影象的寬度

(2)路徑

(1)相對路徑

以引用檔案位置(相對html頁面的位置)為基準,建立出的目錄檔案路徑。

相對路徑分類

符號說明

同一級相對路徑

影象檔案位於html檔案同一級< img src=「baidu.jpg」 / >

下一級相對路徑

/影象檔案位於html檔案下一級< img src=「images(資料夾名)/baidu.jpg」 / >

上一級相對路徑

…/影象檔案位於html檔案上一級< img src="…/baidu.jpg" / >

(2)絕對路徑

目錄下的絕對路徑,直接到達目標位置,通常是從碟符開始的路徑。

(1)鏈結的語法格式

"跳轉目標" target="目標視窗的彈出方式">文字或
屬性

做用href

target

用於指定鏈結頁面的開啟方式,其中_self為預設方式,_blank為在新視窗中開啟

(2)鏈結的分類

"index.html">

(3)空鏈結

如果當前沒有鏈結物件。

"#">
"">
(6)錨點鏈結

可以快速定位到頁面中的位置,分為兩個步驟。

1.在鏈結文字的href屬性中,設定屬性值 #+名字 的形式

"#one">第一章
2.找到目標位置標籤,裡面新增乙個「id屬性=名字」。

如果在html文件中新增一些便於閱讀和理解的但是不需要顯示的注釋文字,就需要注釋標籤。

快捷鍵 ctrl+/

在html中,一些符號很難或不方便直接使用,此時我們就可以使用下面的字元代替。

特殊字元

字元描述

**空格符

<

小於號<

>

大於號>&和號

&

HTML 簡要概述

說實在的,這門語言的確不需要太多或太詳細的篇幅來大書特書。掌握個大概,知道些特點及特性也就差不多了。人腦不是電腦,不需要死記硬背許多的屬性和值,有一本幫助手冊在手,勝過千言萬語。什麼是 html?html 是用來描述網頁的一種語言。html 指的是超文字標記語言 hypertextmarkuplan...

html 基礎標籤 簡要筆記

html hyper text markup language 超文字標記語言 web三大基石之一 html,http,url html,用於頁面的規範化展示,超文字含義 不僅僅是文字,還包含其他的樣式。標記語言 可以理解為一種標籤語言,以成對的標籤,開始標籤和結束標籤成對出現,結束標籤中包含 丟失...

HTML主要標籤的簡要描述

html hyper text markup language 即 超文字標記語言 是一種解釋性語言,用於製作網頁介面,使用該語言編寫的網頁最終被瀏覽器解釋執行。網頁正文 說明 1.與用來標記 html 文件的開始和結束 2.用來標記 html 文件的頭部 開始和結束 3.與 用來標記 html 文...