html基礎語法和常用標籤

2021-10-21 14:41:25 字數 3334 閱讀 6112

​ 一段html**中包括,head,body這幾個主要部分。

​ 「」:文件宣告|doctype文件宣告|html文件生命,告訴瀏覽器當前html是什麼版本,而且它不是一種標籤,只是一種宣告格式。

​ 「title」是標題標籤,主要是當前文件的主要標題,是head中必有的標籤。

​ 「head」構成html文件的開頭部分。head和head標誌對之間的內容是不會在瀏覽器的框內顯示出來的,兩個標誌必須一塊使用。

​ body之間是html文件的主體部分,在此標誌對之間可包含div、a、p、h1、hr等眾多的標誌。它們所定義的文字、影象等將會在瀏覽器的框內顯示出來。

lang

="en"

>

>

charset

="utf-8"

>

>

html第一節課title

>

head

>

>

hahahahahahha

body

>

html

>

雙標籤|閉合標籤:成對出現,又開始有結束

單標籤|自閉合標籤:不需要在標籤對中新增內容的標籤,定義為單標籤

標籤的屬性:可以幫助更完整的展示標籤功能。

href:必有屬性,可以連線路徑,路徑分為相對路徑和絕對路徑。

​ 顯示樣式:鏈結未訪問——字型藍色有下劃線

​ 鏈結已訪問——字型紫色有下劃線

title:滑鼠懸停在標籤上顯示的提示字

target:路徑的開啟方式

​ _blank新頁面開啟

​ _self本頁面開啟

lang

="en"

>

>

charset

="utf-8"

>

>

003title

>

head

>

>

href

="001.html"

title

="歡迎來到003"

target

="_blank"

>

001a

>

href

="002.html"

title

="歡迎來到003"

target

="_blank"

>

002a

>

body

>

html

>

​ 在頁面中設定乙個點,通過a標籤的href的id屬性回到該點。

​ 語法:< a href="#id屬性值" >

href

="#521"

>

回到錨點a

>

​ img影象標籤在html頁面中用來引入一張影象,主要屬性包含:

title:滑鼠懸停時顯示的提示字

alt:無法正常載入時,顯示的提示字

wigth:寬度屬性 px

heigth:高度屬性 px 如果寬高只設定乙個,另乙個等比縮放

border:邊框屬性 px 預設是黑色

lang

="en"

>

>

charset

="utf-8"

>

>

imagetitle

>

head

>

>

src=

alt="

" >

src=

"iamge/123.jfif"

alt="無法顯示"

>

href

=""target

="_blank"

>

src=

"iamge/123.jfif"

alt="無法顯示"

>

a>

href

="">

aaaaaaaaa

>

body

>

html

>

​ div標籤屬於塊元素,獨佔一行且前後換行,可以巢狀其他元素,統一管理元素標籤,同一設定樣式。塊元素共有的屬性:

align:設定塊元素中的內容在當前塊元素中的對其方式

​ 行內元素:可以與其他元素同行顯示,寬度由內容撐起來,不設定寬高,巢狀其他行內元素或者普通文字。

lang

="en"

>

>

charset

="utf-8"

>

>

div使用title

>

head

>

>

前面中間

href="

">

asdasa

>

align

="left"

>

左對齊div

>

align

="center"

>

中間對齊div

>

align

="right"

>

右對齊div

>

align

="center"

>

href

=""title

= target

="_blank"

>

>

div>

後面href="

">

asdasda

>

body

>

html

>

​ 段落標籤屬於塊元素,上下留白16px,一般巢狀其他行內元素或者普通文字。

​ 標題標籤,從h1-h6根據權重不同,字型大小依次減小。

align

="center"

>

我是p標籤

href

="#"

>

aa>

src=""

alt="

">

p>

>

>

壞蛋是怎樣煉成的h1

>

>

二h2>

align

="center"

>

三h3>

>

六h6>

HTML常用基礎標籤

強調 比em強調級別高 定義縮寫,與title屬性相互搭配使用 定義位址元素 定義塊引用,通常情況下會產生縮排 通常情況下,某段話引用自某本書,可以使用cite進行說明 定義被插入文字 定義被刪除文字 定義斜體文字 定義斜體文字 定義大號字型文字 定義小號字型文字 下標文字 上標文字 定義文字顯示方...

一 HTML基礎 常用標籤

一.開發工具及概念簡介 html hyper text markup language 超文字標記語言 html 文件是由 html標籤及 內容組成的文字檔案 標籤 元素 標識標籤 屬性 描述標籤 值 分配給屬性的內容 html 文件是由 html標籤及 內容組成的文字檔案 hbuilder hbu...

前端之HTML語法及常用標籤

html語法 1.常規標記 標記 屬性 屬性值 屬性 屬性值 2.空標記 標記 屬性 屬性值 屬性 屬性值 注意事項 和 都是必須加的,同時兩個屬性之間用空格 隔開 html常用標籤 2.段落標記 p 3.空格 html轉義字元 4.換行 5.加粗 strong b 6.傾斜 i em 7.水平分隔...