HTML基礎標籤

2021-10-01 02:14:14 字數 3626 閱讀 1036

html骨架格式

1 html標籤:

作用所有html中標籤的乙個根節點。

2 head標籤:

作用:用於存放:

title,meta,base,style,script,link

注意在head標籤中我們必須要設定的標籤是title

3.title標籤:

作用:讓頁面擁有乙個屬於自己的標題。

4.body標籤:

作用:頁面在的主體部分,用於存放所有的html標籤:

p,h,a,b,u,i,s,em,del,ins,strong,img

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

1.雙標籤

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

《標籤名 />

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

html標籤關係

標籤的相互關係就分為兩種:

1.巢狀關係

2.並列關係

首先 html和css是兩種完全不同的語言,我們學的是結構,就只寫html標籤,認識標籤就可以了。 不會再給結構標籤指定樣式了。

html標籤有很多,這裡我們學習最為常用的,後面有些較少用的,我們可以查下手冊就可以了。

排版標籤主要和css搭配使用,顯示網頁結構的標籤,是網頁布局最常用的標籤。

單詞縮寫: head 頭部. 標題

單詞縮寫: paragraph 段落

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

>

文字內容 p

>

是html文件中最常見的標籤,預設情況下,文字在乙個段落中會根據瀏覽器視窗的大小自動換行。

單詞縮寫: horizontal 橫線

在網頁中常常看到一些水平線將段落與段落之間隔開,使得文件結構清晰,層次分明。這些水平線可以通過插入實現,也可以簡單地通過標籤來完成,

就是建立橫跨網頁水平線的標籤。其基本語法格式如下:

/>

是單標籤

在網頁中顯示預設樣式的水平線。

單詞縮寫: break 打斷 ,換行

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

/>

這時如果還像在word中直接敲回車鍵換行就不起作用了。

div span 是沒有語義的 是我們網頁布局主要的2個盒子

div 就是 division 的縮寫 分割, 分割槽的意思 其實有很多div 來組合網頁。

span, 跨度,跨距;範圍

語法格式:

>

這是頭部 div

>

>

今日**span

>

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

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

標籤名

屬性1=

"屬性值1"

屬性2="屬性值2"

…>

內容 標籤名

>

在上面的語法中,

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

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

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

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

比如:

width

="400"

/>

屬性 是 寬度

值 是 400

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

單詞縮寫: image 影象

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

src=

"影象url"

/>

href

="跳轉目標"

target

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

>

文字或影象a

>

注意:

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

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

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

什麼是列表?

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

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

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

>

>

列表項1li

>

>

列表項2li

>

>

列表項3li

>

......

ul>

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

腳下留心:

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

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

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

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

>

>

列表項1li

>

>

列表項2li

>

>

列表項3li

>

......

ol>

所有特性基本與ul 一致。

但是實際工作中, 較少用 ol ,因此我們用一句話來總結下 ol:

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

>

>

名詞1dt

>

>

名詞1解釋1dd

>

>

名詞1解釋2dd

>

...>

名詞2dt

>

>

名詞2解釋1dd

>

>

名詞2解釋2dd

>

...dl>

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基礎標籤

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