HTML 基礎學習筆記

2022-07-03 20:51:11 字數 2730 閱讀 5117

html 指超文字標記語言(hyper text markup language),一種標記語言,用來描述網頁的一種語言。

一、html 基本結構示意圖

2、html 標題(heading)是通過- 標籤來定義的。

3、html 段落是通過標籤 來定義的。

這是乙個鏈結
5、html 影象是通過標籤

來定義的。如:

注意:影象的名稱和尺寸是以屬性的形式提供的。

二、基礎內容

1、html 空元素:沒有內容的 html 元素被稱為空元素。空元素是在開始標籤中關閉的。

就是沒有關閉標籤的空元素(

標籤定義換行)。

2、html屬性:

①常用的標籤屬性:

②通用屬性:

①標題(heading)通過 - 標籤進行定義的,定義最大的標題。 定義最小的標題。(瀏覽器會自動地在標題的前後新增空行。)

②html水平線:標籤在 html 頁面中建立水平線。hr 元素可用於分隔內容。

③html注釋格式示例:;瀏覽器會忽略注釋,也不會顯示它們。

4、html段落

①段落是通過 標籤定義的。如:

這是乙個段落 

注意:瀏覽器會自動地在段落的前後新增空行。(

是塊級元素)

②html 折線

在不產生乙個新段落的情況下進行換行(新行),使用

標籤。

這個

段落演示了分行的效果

5、html

⑤html 元素

⑥html 元素

⑦html 元素

6、html 文字格式化

標籤描述

定義粗體文字

定義著重文字

定義斜體字

定義小號字

定義加重語氣

定義下標字

定義上標字

定義插入字

定義刪除字

7、html樣式

①標籤:

②屬性:

③三種樣式表插入方法:

8、html鏈結

②屬性:

③img標籤屬性:

1 

2 37 8 點選我

9 10 11

12

13

14 hello

15

16

17 跳轉到hello

18 19

9、html**

標籤描述

定義**

定義**的表頭

定義**的行

定義**單元

定義**標題

定義**列的組

定義用於**列的屬性

定義**的頁首

定義**的主體

定義**的頁尾

10、html列表

標籤描述

定義有序列表

19

20

21

22

23 24 >這是底部

25

26 27

28 顯示效果:

13、 html表單

①表單用於獲取不同型別的使用者輸入

②常用的表單標籤:

標籤描述

定義供使用者輸入的表單

定義輸入域

34 35

14、html框架

①框架標籤(frame):框架對於頁面的設計有著很大的作用。

②框架標籤()(已被替代):

框架及標籤定義如何將視窗分割為框架

每乙個frameset定義一系列行或列

rows/colsde 值規定了每行或每列佔據螢幕的面積

③常用標籤:

④內聯框架(較為有用)

iframe

15、html背景

①背景標籤:background

②背景顏色:bgcolor

③顏色:

顏色是由乙個十六進製制符號來定義,這個符號由紅色、綠色、藍色的值組成(rgb)

顏色值最小值:0(#00)

顏色值最大值:255(#ff)

紅色:#ff0000

綠色:#00ff00

藍色:#0000ff

16、html實體

在 html 中,某些字元是預留的,必須被替換為字元實體。在 html 中不能使用小於號(),這是因為瀏覽器會誤認為它們是標籤。

如果希望正確地顯示預留字元,我們必須在 html 源**中使用字元實體(character entities)。 字元實體類似這樣:

&entity_name;或entity_number;

如需顯示小於號,我們必須這樣寫:或<<

html 基礎學習筆記

1.target parent target self 本身視窗開啟 target top 頂部開啟 測試 2.測試1 測試2測試3 3.測試1 測試2測試3 4.首頁 產品5.首頁產品 測試 body體內文字的顏色 6.樣式 7.8.邊距屬性 9.設定縮圖 另一種顯示的方式 10.div 是層 c...

HTML基礎學習筆記(中)

html文字格式化 this text is bold this text is strong this text is big this text is emphasized this text is italic this text is small this text contains sub...

HTML基礎學習筆記2

html之鏈結與影象 鏈結1.使用href屬性,建立指向另乙個文件的鏈結。csdn 把影象作為鏈結 鏈結標籤裡巢狀影象標籤 2.使用name屬性,name屬性規定錨的名稱,建立文件內標籤。建立乙個命名錨 錨的名稱 不寫不顯示 回到頂部 也可以在其他頁面建立指向該錨的鏈結。去到3.target屬性用法...