學習HTML 第一章HTML基礎

2022-05-12 20:56:00 字數 3958 閱讀 2899

w3c制定的結構和表現的標準;

結構:(xhtml ,xml)

表現:(css)

ecma制定的行為的標準;

行為:(dom ,ecmascript)

結構和表現標準:

1.w3c( world wide web consortium )全球資訊網聯盟,建立於2023年是web技術領域最具權威和影響力的國際中立性技術標準機構。(制定了結構和表現的標準,非贏利性的。)

2.行為標準:dom,ecmascript(ecma制定的)歐洲電腦場商聯合會。

1、新建,開啟,儲存        (ctrl+s)

2、預覽頁面 (f12快捷鍵)

3、建立站點

ctrl+u(首先引數)裡可以更改**裡的**文字大小

f4隱藏顯示所有面版

1)pc端除錯工具的使用 -測試瀏覽器(chrome,ie,firefox)

2)移動端除錯工具chrome可以測試移動端頁面(有很多模擬器)

html 指的是超文字標記語言 (hyper text markup language)

xhtml指可擴充套件超文字標記語言(標識語言)(extensible hypertext markup language)。

html5指的是html的第五次重大修改(第5個版本)(html5 是 w3c 與 whatwg 合作的結果)

whatwg網頁超文字應用技術工作小組是乙個以推動網路html 5 標準為目的而成立的組織。在2023年,由opera、mozilla**會和蘋果這些瀏覽器廠商組成。

命名文件型別

說明我們寫的是標記語言

檔案頭部

檔案標題(顯示在狀態列上的內容)

編碼格式

檔案主體(所有要寫的內容)名稱全部用小寫英文本母、數字、下劃線的組合,其中不得包含漢字、空格和特殊字元;必須以英文本母開頭。

1、《常規標記》

《標記  屬性=「屬性值」   屬性=「屬性值」>2.空標記

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

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

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

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

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

### 八、 xhtml常用標記

1)文字標題(h1-h6)

...

六級標題

```* 正文有兩種形式(段落文字和文字列表)

2) 段落(p)

```段落文字內容

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

3)空格 ( )

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

4) 換行(br)

``````

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

5)加粗

加粗有兩個標記

```1.加粗內容2.加粗內容```

6)傾斜

傾斜標記

```1.

2,```

7)水平線

```空標記

```8)列表(ul,ol,dl)

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

* 無序列表

無序列表組成:

``````

......

名詞

解釋......

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

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

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

*相對路徑的寫法:

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

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

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

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

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

語法:空鏈結

屬性:target:頁面開啟方式

屬性值:_blank 新視窗開啟

屬性值:_self 本視窗開啟

新頁面開啟

作用:顯示資料

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

*資料**的相關屬性

1)width="**的寬度"

2)height="**的高度"

3)border="**的邊框"

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

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

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

7)對齊方式:align="left/center/right"; valign=」top/middle/bottom」;

8)合併單元格屬性:

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

一行一行 一行

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

一行 一行

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

1、表單框

1)文字框

2)密碼框

3)提交按鈕

4)重置按鈕

5)單選框/單選按鈕

(預設選中;)
6)核取方塊

(disabled="disabled" :禁用)

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

7)下拉列表

選單內容

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

9)按鈕

注:(button和submit的區別是 ,submit是提交按鈕 起到提交資訊的作用,button只起到跳轉的作用,不進行提交。)

13)div的用法

文件區域,文件布局物件

14) span的用法

文字結點(某一小段文字,或是某乙個字)

15)post和get的區別?

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

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

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

get傳送的資料量較小,不能大於2kb。post傳送的資料量較大,一般被預設為不受限制。但理論上,iis4中最大量為80kb,iis5中為100kb。

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

iframe 元素會建立包含另外乙個文件的內聯框架(即行內框架)

第一章 HTML 基礎學習

html語義表達能力強大 xml extensible markup language 標籤可以自己定製,只要能夠配平就可以了 html hyper text markup language 標籤是由w3c選定好的,賦予特殊含義的封閉的標籤群落 w3c world wide web ide myec...

HTML語言 第一章 HTML基礎

1.html是用來描述網頁的一種語言,它是一種超強文字標記語言,html不是一種程式語言,僅是一種標記語言.2.基本結構 3.html標籤以 開始,以 結束.4.段落和換行標籤 段落標籤 換行標籤 直接使用 表示標籤的開始和結束 表示強制換行顯示.5.水平標籤 水平標籤表示一條水平線,注意該標籤與 ...

HTML第一章總結

如果你要做網頁,那你寫了html文件就要上傳到 web server 上 在客戶使用 web browser 的時候,當你點選乙個鏈結,web browser請求得到 web server 的資訊,然後 web server 返回 browser 資訊 html files告訴 browser 如何...