HTML基礎入門

2022-07-26 08:09:06 字數 3472 閱讀 5644

一、html5 基本結構 (新建乙個html檔案時預設有那些**)

命名文件型別

說明我們寫的是標記語言檔案主體(所有要寫的內容)

1、檔案命名規則:用英文,不用中文

名稱全部用小寫英文本母、數字、下劃線的組合,其中不得包含漢字、空格和特殊字元;必須以英文本母開頭。

二、 html基本語法

1、《常規標記》

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

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

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

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

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

三、 xhtml常用標記

1)文字標題(h1-h6)

(header1~header6 )

...六級標題

四、正文有兩種形式(段落文字和文字列表)

2) 段落(p)(paragraph)

段落文字內容

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

3)空格 ( )

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

4)加粗

加粗有兩個標記

1.加粗內容

2.加粗內容

5)傾斜

傾斜標記

1.(emphasized )

2,( italic )

6) 換行(br) (break)

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

7)水平線

空標記(horizontal   rule)

8)列表(ul,ol,dl)

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

*無序列表

無序列表組成:

*有序列表

有序列表組成:

(ordered   list)

......

擴充套件內容

有序列表的屬性

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

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

語法:*自定義列表

(definition   list)

名詞解釋 (definition   description 定義描述)

......

9)插入

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

*相對路徑的寫法:

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

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

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

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

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

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

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

10)超連結的應用

語法:鏈結文字/

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

屬性值:_blank 新視窗開啟

新視窗開啟

11) 資料**的作用及組成

作用:顯示資料

**的組成:

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

*資料**的相關屬性

1)width="**的寬度"

2)height="**的高度"

3)border="**的邊框"

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

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

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

7)水平對齊方式:align="left/center/right";

8)合併單元格屬性:

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

一行一行 一行

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

一行 一行

一行12) 表單的應用

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

表單的組成:

表單域表單控制項

提示資訊

1、表單框

1)文字框

2)密碼框

3)提交按鈕

4)重置按鈕

5)單選框/單選按鈕

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

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

disabled="disabled"禁用

6)核取方塊

(disabled="disabled" :禁用)

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

7)下拉列表

選單內容

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

9)按鈕

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

10)表單字段集

功能:相當於乙個方框,在字段集中可以包含文字和其他元素。該元素用於對表單中的元素進行分組並在文件中區別標出文字。fieldset元素可以巢狀,在其內部可以在設定多個fieldset物件。

11)字段級標題

功能:legend元素可以在fieldset物件繪製的方框內插入乙個標題。legend元素必須是fieldset內的第乙個元素。

12)提示資訊標籤

功能:label元素用來定義標籤,為頁面上的其他元素指定提示資訊。要將label元素繫結到其他的控制項上,可以將label元素的for屬性設定為與該控制項的id屬性值相同。

13)表單元素

1)上傳檔案框

檔案域:

2)影象域

擴充套件知識點:post和get的區別

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

2. get是把引數資料佇列加到提交表單的action屬性所指的url中,在url中可以看到。post是通過http post機制,使用者看不到這個過程 。

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

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

13)div的用法

文件區域,文件布局物件

14) span的用法

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

html 基礎入門

html的基礎知識 1.html語言的遵循的規範 1 乙個html檔案開始標籤和結束標籤 2 html包含兩部分內容 顯示在頁面上的內容都寫在body裡面 3 html的標籤有開始標籤,也要有結束標籤 4 html的 不區分大小寫的 5 有些標籤是沒有結束標籤的 比如 換行 html的操作思想 網頁...

HTML基礎入門

可以使用專業的html編輯器來編輯html 這裡推薦幾款常用的編輯器 notepad 和 sublime text 還可以配合 emmet 外掛程式來提高編碼速度。emmet 官網 head標籤 作用 用於存放 title,meta,base,style,script,link 注意在head標籤中...

HTML 基礎入門

最近學習html5的知識,屬於入門級別。粗略接觸感覺並不是十分枯燥困難,不過據說html都是入門容易深入很難,但願以後不會被難倒吧。html是hypertext markup language 超文字標記語言 的簡寫,他不是一種程式語言,而是一種標記語言,用於告訴瀏覽器如何構造你的頁面。他可以由一系...