html基礎標籤

2021-10-01 02:12:11 字數 3653 閱讀 8227

html標籤

路徑

>

>

>

title

>

head

>

>

body

>

html

>

在html頁面中,帶有「< >」符號的元素被稱為html標籤,如上面提到的 、、都是html標籤。所謂標籤就是放在「< >」 標籤符中表示某個功能的編碼命令,也稱為html標籤或 html元素

雙標籤

標籤名

>

內容標籤名

>

該語法中「《標籤名》」表示該標籤的作用開始,一般稱為「開始標籤(start tag)」,「標籤名

/>

單標籤也稱空標籤,是指用乙個標籤符號即可完整地描述某個功能的標籤。

比如

巢狀關係

>

>

title

>

head

>

並列關係

>

head

>

>

body

>

首先是關於語義(semantics)和預設樣式的區別,預設樣式是瀏覽器設定的一些常用tag的表現形式,語義化的主要目的就是讓大家直觀的認識標籤(markup)和屬性(attribute)的用途和作用,很明顯hx系列看起來很像標題,因為擁有粗體和較大的字型大小。,用來區別於其他文字,起到了強調的作用。至於列表和**很明顯的告訴你他們是做什麼的。

方便**的閱讀和維護

同時讓瀏覽器或是網路爬蟲可以很好地解析,從而更好分析其中的內容

使用語義化標籤會具有更好地搜尋引擎優化

核心:合適的地方給乙個最為合理的標籤。

語義是否良好: 當我們去掉css之後,網頁結構依然組織有序,並且有良好的可讀性。

不管是誰都能看懂這塊內容是什麼。

遵循的原則:先確定語義的html ,再選合適的css。

h1~h6,其中h1標籤字型最大,h6最小

基本語法格式

>

標題文字 hn

>

單詞縮寫: paragraph 段落

在網頁中要把文字有條理地顯示出來,離不開段落標籤,就如同我們平常寫文章一樣,整個網頁也可以分為若干個段落,而段落的標籤就是

文字內容  

在網頁中常常看到一些水平線將段落與段落之間隔開,使得文件結構清晰,層次分明。這些水平線可以通過插入實現,也可以簡單地通過標籤來完成,就是建立橫跨網頁水平線的標籤。其基本語法格式如下:

是單標籤
在html中,乙個段落中的文字會從左到右依次排列,直到瀏覽器視窗的右端,然後自動換行。如果希望某段文字強制換行顯示,就需要使用換行標籤

換行標籤

這是div標籤

這是span標籤

語法格式:

字型加粗字型加粗斜體斜體刪除線刪除線下劃線下劃線
單詞縮寫: image 影象

該語法中src屬性用於指定影象檔案的路徑和檔名,他是img標籤的必需屬性。

單詞縮寫: anchor 的縮寫 。基本解釋 錨, 鐵錨 的

href

="跳轉目標"

target

="目標視窗的彈出方式"

>

文字或影象a

>

注意:

1.外部鏈結 需要新增 http:// www.baidu.com

2.內部鏈結 直接鏈結內部頁面名稱即可 比如 < a href=「index.html」> 首頁

3.如果當時沒有確定鏈結目標時,通常將鏈結標籤的href屬性值定義為「#」(即href="#"),表示該鏈結暫時為乙個空鏈結。

容器裡面裝載著文字或圖表的一種形式,叫列表。

列表最大的特點就是 整齊 、整潔、 有序

無序列表 ul

無序列表的各個列表項之間沒有順序級別之分,是並列的。其基本語法格式如下:

>

>

列表項1li

>

>

列表項2li

>

>

列表項3li

>

......

ul>

比如下面這些,新聞是沒有順序的,不用排隊,先到先得,後發布先顯示。

腳下留心:

中只能巢狀,直接在標籤中輸入其他標籤或者文字的做法是不被允許的。

與之間相當於乙個容器,可以容納所有元素。

無序列表會帶有自己樣式屬性,放下那個樣式,一會讓css來!

有序列表 ol

有序列錶即為有排列順序的列表,其各個列表項按照一定的順序排列定義,有序列表的基本語法格式如下:

>

>

列表項1li

>

>

列表項2li

>

>

列表項3li

>

......

ol>

所有特性基本與ul 一致。

定義列表

定義列表常用於對術語或名詞進行解釋和描述,定義列表的列表項前沒有任何專案符號。其基本語法如下:

>

>

名詞1dt

>

>

名詞1解釋1dd

>

>

名詞1解釋2dd

>

...>

名詞2dt

>

>

名詞2解釋1dd

>

>

名詞2解釋2dd

>

...dl>

標籤屬性

屬性就是特性 比如 手機的顏色 手機的尺寸 ,總結就是手機的。。

標籤名

屬性1=

"屬性值1"

屬性2="屬性值2"

…>

內容 標籤名

>

在上面的語法中,

1.標籤可以擁有多個屬性,必須寫在開始標籤中,位於標籤名後面。

2.屬性之間不分先後順序,標籤名與屬性、屬性與屬性之間均以空格分開。

3.任何標籤的屬性都有預設值,省略該屬性則取預設值。

採取 鍵值對 的格式 key=「value」 的格式

比如:

width

="400"

/>

屬性 是 寬度

值 是 400

提倡: 盡量不使用 樣式屬性。

影象檔案和html檔案位於同一資料夾:只需輸入影象檔案的名稱即可,如

「d:\web\img\logo.gif」,或完整的網路位址,例如「

html 標籤基礎

xhml的基本語法 1 在xhtml中雙用,屬性值必須引號括起來。2 在xhtml中標記名稱必須小寫 3 在xhtml中屬性值必須小寫 4 在xhtml中標記必須正確巢狀 5 在xhtml中標記必須關閉 6 在xhtml中即使是空元素也必須關閉 定義文字標題 xhml中定義了六個元素 h1 h2 h...

HTML基礎標籤

html 是一種超文字標記語言。可用於 控制頁面和內容的外觀 發布和檢索聯機文件 建立聯機表單 什麼是 html 標籤 1.html的基礎格式 在網頁中具體要顯示的內容 2.html的基礎標籤及其常用屬性 標題標籤顯示過程會將後半部分變成普通形式。段落標籤 內部的內容自成一段,也可以起到換行作用。換...

HTML基礎標籤

文字與段落排版,超連結,影象,列表標籤 標題標籤強制 換行標籤 指向本頁中的鏈結四級標題標籤 五級標題標籤 六級標題標籤 超連結標籤 指向電子郵件的鏈結 段落標籤 段落標籤 段落標籤 段落標籤 段落標籤 段落標籤 段落標籤 段落標籤 段落標籤 段落標籤 段落標籤 段落標籤 段落標籤 段落標籤 段落標...