html基礎 html標籤說明

2021-08-18 12:39:20 字數 3002 閱讀 9239

一.  首先來解一下web的組成,web就是我們通常所說的網頁,它還有乙個名字叫做html文件,為什麼叫html文件呢?因為網頁的結構就是由乙個個html標籤組成的,第乙個知識點:

a)    web(網頁,html文件) =  網頁結構(由乙個個html標籤組成)+網頁樣式(由css編寫)+ 網頁行為(由dom + bom+ecmascript組合編寫)。

二.  既然網頁就是html文件,那麼html是什麼?

a)    html(全稱hypertext markup language)即超文字標記語言,是一種標記語言,即用標記(也可以稱做標籤)來定義html文件結構和描述其內容,現在由w3c(全球資訊網聯盟)推薦制定標準。

三.  html標籤竟然如此重要,現在我們就來看看html標籤的格式以及常用的html標籤:

a)    html標籤一般分為雙標記標籤和單標記標籤,:《開始標籤》

b)    組成網頁結構最基本的html標籤:

ii.         :html標籤是html文件的根標籤,它定義了該文件是乙個html文件,並且限定了文件的開始和結束,除了doctype,其他的標籤都在它裡面。

iii.:head標籤定義了html文件的頭部,在html文件的頭部可以定義文件標題標題名,文件所採用的字符集等等資訊。

iv.         :body標籤定義了html文件的主體,文件的主體包括了我們所能看到所有網頁內容,如:文字,超連結,影象,列表,**,表單等等,組成網頁結構的最基本的標籤差不多了,下面是組成網頁主體部分的主要標籤。

i.         h1~h6表示文章的一級標題到六級標題,h1一般只用一次,因為搜尋引擎比較重視h1,所以h1要謹慎使用。

1.對於一般的品牌、精細化(側重於**知名度)的**,h1可以用於**的標題或者logo,可以提高**的權重(**的權重越高在搜尋引擎的排名就越高),例如:京東,**等通常會在logo部分裡嵌入了h1。

3.搜尋引擎對於h1~h6的重視程度是依次降低的,所以,一般會優先選用h1,h2,h3來做文章標題

我是四級標題

我是五級標題

我是六級標題

1.p標籤的巢狀規則:p標籤不能巢狀任何 塊級元素 ,會導致網頁的結構錯誤。

我是一段文章我是一段文章我是一段文章我是一段文章

我是一段文章我是一段文章我是一段文章我是一段文章

我是一段文章我是一段文章我是一段文章我是一段文章

1.    href屬性指定了要跳轉的網頁的位址。

2.    target屬性指定了是在本視窗開啟新網頁還是在新視窗開啟,常用的屬性有兩個,_self表示本視窗,_blank表示新視窗。

<

a href

="" 

target

="_blank"

>

a>

iv.         img標籤用來顯示:

2.     alt為img的替換文字屬性,當瀏覽器無法載入不出來該時,有alt中的文本來替換顯示。

"當顯示不出來,由

alt裡的文字替代顯示。

">

v.    ul表示乙個無序列表:

<

ul>

<

li>

我是無序列表的一項

li>

<

li>

我是無序列表的一項

li> ul

>

2.    列表項裡可以巢狀任何其他元素,文字,影象,**等。

3.    ul的type屬性可以設定它左邊的樣式,對應有三個值:disc,square,circle。(html4.0開始不贊成使用該屬性,該屬性在xhtml中不被支援,僅做了解。)

vi.         ol表示乙個有序列表:

<

ol>

<

li>

我是有序列表的第一項

li>

<

li>

我是有序列表的第二項

li> ol

>

2.    列表項裡可以巢狀任何其他元素,文字,影象,**等。

3.    有序列表有3個可用屬性:

i.         type屬性規定列表標記型別,有1,a,a,i,i等值。

ii.         start屬性表示有序列表的起始值,只針對於數字1。

iii.         reversed規定列表順序降序(html5規範,只適用於chrome和ri)

vii.         dl,dt,dd組合表示自定義列表:

1.     dl定義列表,dt定義列表項,dd描述列表項。

2.自定義列表常用於**混排列的網頁模組

mysql關係型資料庫

viii.         form用來定義html表單:

1.    action屬性用來定義要提交表單資料的後台位址,method屬性定義了要提交資料的方法。

2.    常用的表單元素:輸入框input(text文字框,password密碼框),文字域textarea,下拉列表select,單選框radio,核取方塊checkbox

ix.         table用來定義html**:

1.    tr**行,th表頭單元格,td單元格。

HTML 標籤說明

文件的內容.親自試一試 ie firefox chrome safari opera 所有瀏覽器都支援 宣告。宣告必須是 html 文件的第一行,位於 標籤之前。宣告不是 html 標籤 它是指示 web 瀏覽器關於頁面使用哪個 html 版本進行編寫的指令。在 html 4.01 中,宣告引用 d...

HTML 標籤說明

標籤 描述定義注釋。定義文件型別。定義錨。定義縮寫。定義只取首字母的縮寫。定義文件作者或擁有者的聯絡資訊。定義影象對映內部的區域。定義文章。定義頁面內容之外的內容。定義聲音內容。定義粗體字。不贊成使用。定義頁面中文字的預設字型 顏色或尺寸。定義文字的文字方向,使其脫離其周圍文字的方向設定。定義文字方...

HTML標籤屬性說明

1 跑馬燈 標籤 功能 普通捲動 滑動 預設捲動 來回捲動 向下捲動 向上捲動 向右捲動 向左捲動 捲動次數 設定寬度 設定高度 設定背景顏色 設定捲動距離 設定捲動時間 2.字型效果 標籤 功能 標題字 最大 標題字 最小 粗體字 粗體字 強調 斜體字 斜體字 強調 斜體字 表示定義 底線 底線 ...