HTML文字結構及常用標籤

2022-01-09 22:19:55 字數 4374 閱讀 5256

一、什麼是html?

html:超文字標籤語言 (hyper text markup language) www全球資訊網的描述性語言。

xhtml指可擴充套件超文字標記語言(標識語言)(extensible hypertext markup language)是一種置標語言,表現方式與超文字標記語言(html)類似,不過語法上更加嚴格。

瀏覽器:「解釋和執行」html原始碼的工具

二、html文件的結構

html文件主要包括三大部分:文件宣告部分、

2.空標記

《標記 屬性=「屬性值」 />

例如:

說明:1.寫在<>中的第乙個單詞叫做標記,標籤,元素。

2.標記和屬性用空格隔開,屬性和屬性值用等號連線,屬性值必須放在「」號內。

3.乙個標記可以沒有屬性也可以有多個屬性,屬性和屬性之間不分先後順序。

4.空標記沒有結束標籤,用「/」代替。

四、基礎標籤

1、文字標題(h1-h6)  

文中分類小標題h4

二級標題

六級標題

html標題標籤使用原則

h1在乙個網頁中最好只使用一次,如對乙個網頁logo使用。

2、段落文字(p)  

段落文字內容

標識乙個段落(段落與段落之間有段間距)

3、空格  

所佔位置沒有乙個確定的值,這與當前字型字型大小都有關係.

4、換行(br)

換行是乙個空標記(強制換行)

5、加粗 加粗有兩個標記

a、加粗內容b、加粗內容

6、傾斜

,
7、水平線

空標記
8、列表(ul,ol,dl)

html中有三種列表分別是:無序列表,有序列表,自定義列表

*無序列表

無序列表組成:

*有序列表

有序列表組成:

(ordered list)

......

*自定義列表

(definition list)

名詞解釋

(definition description)

......

知識擴充套件2----有序列表的屬性

1)、type:規定列表中的列表專案的專案符號的型別

語法:1 數字順序的有序列表(預設值)(1, 2, 3, 4)。

a 字母順序的有序列表,小寫(a, b, c, d)。

a 字母順序的有序列表,大寫(a,b,c,d)

i 羅馬數字,小寫(i, ii, iii, iv)。

i 羅馬數字,大寫(i, ii, iii, iv)。

2)、start 屬性規定有序列表的開始點。

語法:

9、插入

注:所要插入的必須放在站點下

title的作用: 在你滑鼠懸停在該上時顯示乙個小提示,滑鼠離開就沒有了,html的絕大多數標籤都支援title屬性,title屬性就是專門做提示資訊的

alt的作用:alt屬性是在你的因為某種原因不能載入時在頁面顯示的提示資訊,它會直接輸出在原本載入的地方。

*相對路徑的寫法:

1)當當前檔案與目標檔案在同一目錄下,直接書寫目標檔案檔名+副檔名;

2)當當前檔案與目標檔案所處的資料夾在同一目錄下,寫法如下:

資料夾名/目標檔案全稱+副檔名;

3)當當前檔案所處的資料夾和目標檔案所處的資料夾在同一目錄下,寫法如下:

../目標檔案所處資料夾名/目標檔案檔名+副檔名;

10、超連結的應用

空鏈結屬性:target:頁面開啟方式,預設屬性值_self。

屬性值:_blank 新視窗開啟

新頁面開啟

11、div和span的用法

沒有具體含義,統稱為塊標籤,

用來設定文件區域,是文件布局常用物件

文字結點標籤

可以是某一小段文字,或是某乙個字。 

12、資料**的作用及組成

作用:顯示資料

**組成

注:乙個tr表示一行;乙個td表示一列(乙個單元格)

*資料**的相關屬性

1)width="**的寬度"

2)height="**的高度"

3)border="**的邊框"

4)bgcolor="**的背景色" bg=background

5)bordercolor="**的邊框顏色"

6)cellspacing="單元格與單元格之間的間距"

7)cellpadding="單元格與內容之間的空隙"

8)對齊方式:align="left/center/right";

9)合併單元格屬性:

colspan=「所要合併的單元格的列數"合併列;

rowspan=「所要合併單元格的行數」合併行;

13、表單的作用及組成

表單的作用:用來收集使用者的資訊的;

1)、表單框

2)文字框

3)密碼框

4)重置按鈕

5)單選框/單選按鈕

單選按鈕裡的name屬性必須寫,同一組單選按鈕的name屬性值必須一樣。

checked="checked"(預設選中;) disabled="disabled"禁用

6)核取方塊

(disabled="disabled" :禁用)

(checked="checked" :預設選中)

7)下拉列表

選單內容

8)多行文字框(文字域)

9)按鈕

button和submit的區別是:

submit是提交按鈕起到提交資訊的作用,type型別是button只起到跳轉的作用,不進行提交。
擴充套件知識點3:對於不同的輸入型別,value 屬性的用法的意義

value 屬性為 input 元素設定值。

對於不同的輸入型別,value 屬性的用法也不同:

type="button", "reset", "submit" - 定義按鈕上的顯示的文字

type="text", "password" - 定義輸入欄位的初始值

type="checkbox", "radio" - 定義與輸入相關聯的值

注釋:和 中必須設定 value 屬性。

擴充套件知識點4:

form中的獲取資料的兩個方式get和post的區別?

1. get是從伺服器上獲取資料,post是向伺服器傳送資料。

2. get是把引數資料佇列加到提交表單的action屬性所指的url中,值和表單內各個字段一一對應,在url中可以看到。post是通過http post機制,將表單內各個字段與其內容放置在html header內一起傳送到action屬性所指的url位址。使用者看不到這個過程。

3. 對於get方式,伺服器端用request.querystring獲取變數的值,對於post方式,伺服器端用request.form獲取提交的資料。

4. get傳送的資料量較小,不能大於2kb。post傳送的資料量較大,一般被預設為不受限制。

5. get安全性非常低,post安全性較高。但是執行效率卻比post方法好。

建議:1、get方式的安全性較post方式要差些,包含機密資訊的話,建議用post資料提交方式;

2、在做資料查詢時,建議用get方式;而在做資料新增、修改或刪除時,建議用post方式;

html常用文字標籤

1.表強調 表示強調標籤裡面的內容,以加粗的格式顯現。2.表示語氣強調以傾斜的方式顯現 例如 敲掉澳大利亞草原上有食肉動物出沒,非常危險 非洲大草原上有肉食動物出沒。非常危險 今天天氣真好啊 3 表傾斜 沒有任何語義 4.b 加粗 沒有任何語義 6.表示引用 7.讓字型變小 顯示在下方 h2o8.讓...

html常用文字標籤

html常用文字標籤 id標籤功能1 強制讓文字換行2段落 段落標籤 3內容加粗標籤 4內容加粗標籤5內容 設定字型的顏色和大小6內容 刪除樣式7內容 表示強調語氣,以斜體方式展現8內容 文字斜體,沒有任何語意9內容 錨文字 超連結 10標題標籤 1112 讓字型變小,顯示在下方 1212 讓字型變...

html常用標籤及屬性

由於markdown將文字轉換為 html,因此在書寫html標籤時在標籤前面加了空格為了正常顯示。doctype html 文件宣告標籤,告訴瀏覽器這個頁面採取html5版本顯示頁面 html lang zh cn 告訴瀏覽器頁面採用中文顯示 meta charset utf 8 必須寫,採取ut...