網頁的組成與HTML標籤簡介

2021-10-10 21:34:09 字數 3954 閱讀 9148

網頁的組成:

結構:網頁的組成部分(html、xhtml )

表現:網頁的樣式(css)

行為:網頁要實現的互動功能(js)

w3c標準:網頁製作的標準,由w3c協(全球資訊網)會制定

結構:網頁的組成部分(html、xhtml )

表現:網頁的樣式(css)

ecma(歐洲廠商聯盟)制定:

行為:網頁要實現的互動功能(js)

網頁元素:elements元素,style樣式

檔案的命名規範

小寫英文本母、數字、下劃線的組合,

其中不得包含漢字、空格和特殊字元;

必須以英文本母開頭。

html開始

1:html架構

​有三種:  strict(嚴格型)、 

trasitional(過渡型)、

frameset(框架型)

2:html5基本結構

3:html語言

html語言組成

標籤寫在尖角號<>裡的第乙個單詞,叫做標記,也叫做標籤,也稱作元素;

屬性標記和屬性用空格隔開,屬性和屬性值用等號連線,屬性值必須放在雙引號內乙個標記可以有多個屬性,屬性和屬性之間用空格隔開,屬性不分先後順序

html語法

常規標記(雙標記):

《標記名稱 屬性1名=「屬性1值」 屬性2名=「屬性2值」 ………… >

常用標籤

1 : 文字標題標籤

文字標題共有6個(h1-h6)

>

一級標題h1

>

(唯一性,放**logo)

>

二級標題h2

>

...>

六級標題h6

>

2:字型傾斜&加粗標記

文字傾斜:

>

i>

>

em>

文字加粗:

>

b>

>

strong

>

3:下劃線

>

u>

4 : 換行&水平線

>

>

5:上標&下標

>

sup>

>

sub>

6 : 段落標記

>

p>

7 : 字元 ( 小段文字 )

>

span

>

8 : 常用轉義字元

不換行空格

">> >右尖括號

<

《左尖括號

8 :列表

(1) 無序列表

>

>

列表項內容li

>

>

列表項內容li

>

>

列表項內容li

>

........

ul>

(2)有序列表
>

>

列表項內容li

>

>

列表項內容li

>

>

列表項內容li

>

........

ol>

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

語法:type

=「a"

>

ol>

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)。

​start 屬性規定有序列表的開始點。(start的屬性值必須是數字)

語法:start

="5"

>

ol>

(3)自定義列表

>

>

dt>

>

dd>

dl>

9 : 超連結

>

a>

屬性:href = 'url'

target = "_blank / _self";

title = '文字提示'

拓展:rel = 'nofollow';

10 :

>

屬性:src = 'url';

alt = ' 標籤 例項 帶有指定替代文字的影象'

title = '文字提示'

width = ''

height = ''

border = ''

11 : 相對路徑

(同級)

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

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

資料夾名/目標檔案全稱+副檔名; (下級找上級)

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

…/目標檔案檔名+副檔名;

12 : div

塊標籤,可以巢狀

>

div>

13 : html注釋

1 : **基本結構

>

>

>

td>

>

td>

tr>

table

>

​2:**的html屬性

1)width=「**的寬度」

2)height=「**的高度」

3)border=「**的邊框」

4)bordercolor=「邊框色」

5)cellspacing=「單元格與單元格之間的間距」

6)cellpadding=「單元格與內容之間的距離"

7)align=「**水平對齊方式」 取值:left、right、center、 valign=「垂直對齊」 top\bottom\middle

8)合併單元格屬性:(td) 合併列: colspan=「所要合併的單元格的列數" 合併行:rowspan=「所要合併單元格的行數」

網頁由標籤組成

標題title head 內容body html 以上可以發現標籤是成一對的,且標籤由尖括號保住,標籤結尾用 下面來幾個簡單實用的 塊狀標籤 段落標籤 額,div是個容器,比span大 href 超連結標籤 換行標籤 標題標籤 由大至小 分割線標籤 設定字型 title 提示的東西 abbr 縮略字...

HTML 標籤簡介

1 簡介 標籤定義有序列表。2 屬性 2.1 標準屬性 id,class,title,style,dir,lang,xml lang 2.2 可選屬性屬性值 描述dtd compact compact 不贊成使用。請使用樣式取代它。規定列表呈現的效果比正常情況更小巧。tf start number ...

HTML 標籤簡介

1 簡介 標籤在 html 頁面中建立一條水平線。水平分隔線 horizontal rule 可以在視覺上將文件分隔成各個部分。2 標準屬性 id,class,title,style,dir,lang,xml lang 3 可選的屬性屬性值 描述dtd align 不贊成使用。請使用樣式取代它。規定...