HTML基礎學習總結

2022-05-27 14:57:11 字數 2717 閱讀 2347

一、html的一些基本描述

全稱:hyper text markup language

定義:超文字標記語言,是標記語言而不是程式語言,使用標記標籤來描述網頁,所以也被稱為網頁

格式:標籤對裡面放純文字,網頁顯示時對這些標記解釋,然後顯示文字

二、html的標籤

標題(heading)

通過、…來描述,類似於大標題,中標題,小標題,如(省略了頭和尾)

瀏覽器會自動在標題的前後新增乙個空行,不要為了產生粗體和大號的文字而用標題

2.段落(paragraph)

通過來描述,如

just for test

瀏覽器會自動在段落的前後新增乙個空行,可以通過

來換行,而不用重起乙個段落

3.鏈結

通過來描述,如

this is a link

target屬性,將其設定為_blank,那麼鏈結會在新視窗開啟

檢視 test

just for test

4.影象

通過來描述,如

替換文字屬性alt是在瀏覽器無法載入時顯示替換文字

屬性align是對的排布

ps:標籤對大小寫不敏感,標籤應該關閉,雖然瀏覽器會顯示出來。

5.**

先來乙個**例項,

跨三行row,cell

row,cell

row 1,cell 1

row 1,cell 2

row 1,cell 3

row 2,cell 1

row 2,cell 2

row 2,cell 3

**標籤是,行的標籤是,單元格的標籤是,標籤是將單元格中的文字作為標題(加粗,放大)

**可以設定很多屬性:border設定邊框的粗細(0就是沒有邊框),cellspacing是設定單元格之間的間隔,cellspadding是設定單元格內容和邊框之間的空白大小,bgcolor可以設定背景顏色(也可以給單元格設定),background可以設定背景(也可以給單元格設定),align可以設定單元格中內容的排布位置

**還可以用來設計一定的格式排版

6.列表

1)         無序列表----

列表項標籤,type有disc(圓形黑點)、circle(空心圓點)、square(矩形黑點)

2)         有序列表----

列表項標籤,type有1、a、a、i(羅馬數字大寫)、i(羅馬數字小寫)

3)         自定義列表----

列表項標籤,標籤是對的注釋,會縮排

7.表單

一般格式如下:

1)         文字域(text fields)

type欄位為text

2)         單選按鈕(radio buttons)

type欄位為radio,name值相同的項只能選擇乙個

3)         核取方塊(checkboxes)

type欄位為checkbox

4)         表單的動作屬性

type欄位為submit,增加form標籤的屬性action,action指向表達提交的目的檔案檔名

5)         下拉列表

其中option就是下拉選項,可以設定option的屬性selectde=」selected」將該option設定為預選項

6)         文字域

7)         按鈕

type欄位為button

8.框架

標籤作用是將乙個瀏覽器頁面拆分,顯示多個htm網頁

內聯框架是將網頁嵌到另乙個網頁中,即是在乙個網頁中顯示另乙個網頁

三、html的元素

開始標籤和結束標籤之間的內容稱為元素;空元素的結束標籤一般用這種形式

四、html的屬性

屬性是對元素的更多的描述,比如

其中的align屬性就是對h1的對齊方式進行描述,此處是居中

其中的bgcolor屬性就是對body的背景顏色進行描述

ps:屬性的value要放在引號裡面,單雙引號都可以

五、html的注釋

格式如下:

六、html的樣式

外部樣式表

利用css樣式表來改變(類似於渲染吧)網頁的外觀

2.內部樣式表

通過style標籤來改變樣式,其中還可以使用div標籤

3.內聯樣式

使用標籤的屬性,這裡的屬性包含css的所有屬性

七、html的頭部

新增html的標題,在瀏覽器的名稱處顯示,內容中不顯示

2.為瀏覽器新增預設的鏈結位址和預設的target

3.定義文件與外部資源的關係,常用於鏈結樣式表(css)

4.定義html在瀏覽器中的呈現的樣式

5.元資料,不會顯示出來,但是瀏覽器可以讀取這些資訊

6.其中的注釋是為了避免低版本的瀏覽器不支援指令碼語言,支援指令碼語言的瀏覽器會忽略注釋,此處的注釋必須換行

標籤是為了在瀏覽器不支援指令碼語言時顯示提示資訊

HTML基礎學習總結

html即超文字標記語言,簡單的說,就是一堆可以用來包圍文字的標記。通過這些標記來告訴瀏覽器文字的結構是怎樣的 哪些是標題,哪些是段落,哪些是引用等。有了這些資訊,瀏覽器會按照內建的預設規則顯示各自元素 對 於某些詞語或句子還可以通過元素新增鏈結,其中涉及到href屬性,有了屬性,就可以用各種資訊定...

HTML基礎總結

1.稱為根標籤,所有的網頁標籤都在中。2.標籤用於定義文件的頭部,它是所有頭部元素的容器。頭部元素有 等標籤,頭部標籤在下一小節中會有詳細介紹。3.在和標籤之間的內容是網頁的主要內容,如 等網頁內容標籤,在這裡的標籤中的內容會在瀏覽器中顯示出來。1.傾斜和加粗標籤是為了強調一段話中的關鍵字時使用,它...

HTML基礎總結

title charset utf 8 head body html p h 1 2 3 4 5 6 color 顏色 size 大小1 7 face 字型樣式 font span b strong i em src 路徑 width 寬度 height 高度 alt 載入錯誤時的提示資訊 type...