(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 文...