html知識點概要 一

2021-07-24 03:35:18 字數 3429 閱讀 9175

一.html介紹

1.什麼是html

html是用來描述網頁的一種語言,hyper text markup language即超文字標記語言,html不是一種程式語言,而是一種標記語言,標記語言是一套標記標籤,html使用標記來描述網頁。

2.html的作用

web瀏覽器的作用是讀取html文件,並以網頁的形式顯示它們。瀏覽器不會直接顯示html標籤,而是通過解析標籤來解釋頁面的內容。簡單的說,html就是用於展示資訊的。

3.html書寫規範

1).html標籤

html標籤是遊尖括號包圍的關鍵字,比如,html標籤通常是成對出現的,比如,標籤中的第乙個標籤是開始標籤,第二個是結束標籤,絕大多數標籤都具有屬性,屬性值建議使用引號引起。此外,大多數標籤是可以巢狀的。

2).html建立

html檔案可以直接使用文字編輯器來建立,儲存時,字尾名為html或htm,整個檔案是在標籤之間,包括body>

3).空的html標籤

沒有內容的標籤被稱為空元素,空元素是在開始標籤中關閉的。以

為例,在開始標籤中新增斜槓,才是關閉空元素的正確方法,html,xhtml,xml都接受這種方式。

4)html的大小寫不敏感

html標籤對大小寫不敏感,但全球資訊網(w3c)在html5中推介使用小寫,建議使用小寫。

二.檔案標籤介紹

1.html標籤

整個檔案都處於標籤中。用以宣告這是html檔案,讓瀏覽器認出並正確處理此html檔案。在html檔案有兩部分和.

2.head標籤

標籤用以載入一些重要的資訊,它的內容不會被顯示,只有的內容才會被顯示。

3.title標籤

只能出現在中,它代表的是標題。

4.body標籤

標籤中的內容會被顯示。

常用的屬性:

text:用於設定文字顏色

background:用於設定背景顏色

bgcolor:用於設定背景顏色

5.關於html中顏色取值

顏色由紅色,綠色,藍色混合而成。

有三種取值方式:

rgb(0,0,0):值是在0-255之間

#000000  #454545

red green blue

三.排版標籤

1.注釋

在html中注釋是

2.p標籤

標籤是段落標籤,可以將html文件分割為若干段落,瀏覽器會自動在段落前後新增空格。

常用屬性:

align:用於設定對齊方式,可選值:left right center 預設值是left

3.br標籤

標籤是換行標籤,因為瀏覽器會自動忽略空白與換行,因此

標籤成為了我們最常用的標籤。

4.hr標籤

標籤會生成一條水平線

常用屬性:

align:設定水平線對齊方式

size:設定水平線厚度,以畫素為單位,預設為2.

width:設定水平線長度,可以使絕對值或相對值。預設為100%

color:設定水平線顏色,預設為黑色。

5.關於html中數值單位

html的數值預設單位為畫素(px),在有些位置可以使用百分比來設定。

四.塊標籤

1.div標籤

用於在文件中定義一塊區域

常用屬性:align

2.span標籤

用於在行內設定一塊區域

html中絕大多數與元素被定義為塊級元素或內聯元素。

塊級元素在瀏覽器中顯示時,通常會以新行開始,例如div,p等

內聯元素在瀏覽器顯示時,通常不以新行來開始,例如span

五.字型標籤

1.font標籤

用於規定文字的字型,大小,顏色

常用屬性:

face:規定文字的字型

size:規定文字的大小

color:規定文字的顏色

2.h1-h6

用於定義標題

最大,最小

六.列表標籤

1.ul

表示的是乙個無序列表。

常用屬性:

type:規定列表的專案符號型別,可取值disc,square,circle,預設值為disc.

2.li

表示的是乙個列表項

常用的屬性:

type:這個屬性只適用於無序列表,用於設定專案符號,預設值為disc.

value:這個屬性只適用於有序列表,用於設定列表的專案數字

3.ol

表示的是乙個有序列表

常用的屬性:

type:這個屬性規定列表中使用的標記型別,可取值 1 a  a i i.

start:這個屬性規定列表的起始值。

六.標籤

img:用於在頁面中引入

常用屬性:

src:設定要引入的url

alt:設定影象的替代文字

width:設定影象的寬度

height:設定影象的高度

border:設定的邊框

align:設定的文字對齊方式

七.鏈結標籤

:用於定義超連結,從乙個頁面鏈結到另乙個頁面

常用屬性:

href:用於設定鏈結指向頁面的url

name:用於設定錨的名稱

target:用於設定在何處開啟鏈結的頁面(_self,_blank,_parent,_top)

八.**標籤

1.table

用於定義**

常用屬性:

align:對齊方式

bgcolor:設定**的背景顏色

border:設定**的邊框

width:規定**的寬度

2.tr

用於定義**的行,包含乙個或多個th或td元素

常用屬性:

align:行內的內容對齊方式

bgcolor:行內的背景顏色

3.td

用於定義**單元,文字一般顯示為正常字型且左對齊。

常用屬性:

align:單元格內容的對齊方式

bgcolor:單元格的背景顏色

height:單元格的高度

width:單元格的寬度

colspan:用於設定列合併

rowspan:用於設定行合併

4.caption

用於定義**標題,必須緊跟標籤之後,乙個**只能有乙個,通常會被居中於**之上。

5.th

用於定義**的表頭,內部的文字通常呈現為居中加粗文字。

html中有兩種型別的單元格:

表頭單元格:包含表頭資訊

標準單元格:包含資料

6.thead

用於定義**的頁首,組合html**的表頭內容,與,元素結合起來使用。內部必須有標籤

7.tbody

用於定義**的主體,組合html**的主體內容

8.tfoot

用於定義**的頁尾,組合html**的表注內容。

html知識點概要 三

一.其他標籤 1.meta標籤 元素可提供有關頁面的元資訊 meta information 比如針對搜尋引擎和更新頻度的描述和關鍵字,位於文件的頭部,不包含任何內容,其屬性定義了與文件相關聯的名稱 值對 常用屬性 content 定義與http equiv或name屬性相關的元資訊 http eq...

Python 知識點概要

一 字串 引號裡面的元素,線性結構 不可變 1 陣列 四個位元組 unicode 字元編碼 對照表 2 97 a 67 a 3 ord 查詢字元數字編碼 例 print ord 一 會輸出19986 4 gbk gb2312 utf 8 可變長度的unicode,字母數字標點符合 二進位制字串 文字...

html知識點(一)

文件的頭部好和主體內容 根標記 頭部標記 只能有一對 顯示在瀏覽器視窗的標題欄中 網頁名稱 位於 巢狀關係 父子 並列關係 兄弟姐妹 雙標記標記名 標記 等 單標記標記名 注釋 2.1 單標籤 注釋標籤 ctrl 換行標籤 水平線標籤 1.文字內容 特點 上下自動生成空白行。換行不會生成空白行。2....