html總結

文章目錄

一、html概述

html基本結構

html標簽分類

html特殊字符

二、head標簽子標簽

三、body標簽子標簽

（一）常見標簽

（二）表格

（三）form表單

（四）其他標簽

一、html概述

html基本結構

html標簽分類

html特殊字符

二、head標簽子標簽

三、body標簽子標簽

（一）常見標簽

（二）表格

（三）form表單

（四）其他標簽

一、html概述

HTML（Hyper Text Markup Language，即“超文本標記語言”）是一種解釋性語言，用于制作網頁界面，使用該語言編寫的網頁最終被瀏覽器解釋執行。

html基本結構

html標簽分類

單標簽：標簽單獨出現，語法：<標簽名/>，比如。可以沒有標簽反斜線，即也可以，但是這樣不符合萬維網聯盟(World

Wide Web Consortium，簡稱W3C) 規范；

雙標簽：標簽成對出現，語法：<標簽名>內容，比如

注意：HTML標簽中的標簽名不區分大小寫，但為了符合W3C規范，推薦使用小寫。

html特殊字符

特殊字符 實體字符

空格  ；

" "；

& &

< <

二、head標簽子標簽

title標簽：設置頁面標題

在這里插入圖片描述

. img標簽：圖片標簽，常用屬性

src：設置圖片路徑；

alt：設置圖片不存在時替代文本，該屬性的顯示效果與瀏覽器以及瀏覽器版本有關；

height和width：設置圖片的高度和寬度，單位為像素或%；

title：設定鼠標移到元素上時顯示的信息；

a標簽：超鏈接標簽，雙標簽.

href：指定打開的頁面；錨點；

target：用于指定在哪個窗口打開href標簽屬性指定的頁面，常用屬性值有_self 、_blank 等；

百度一下

1

span標簽：常用于組合文檔中的行內元素，雙標簽

你好

1

hr標簽：水平線標簽，單標簽，常用標簽屬性：

color：設定水平線顏色；

noshade：設定水平線的顏色為純色，而不是有陰影的顏色；

size：設定水平線粗細，單位：像素；

width：設定水平線寬度，單位：像素或%；

align：設定水平線顯示位置，其屬性值如下：

p（paragraph單詞縮寫）標簽：段落標簽，雙標簽

段落標簽，文檔居中

div（division單詞縮寫）標簽：常用于文檔中分區，雙標簽.

長用于文檔中的分區

hn標簽：標題標簽，雙標簽，n的值為1~6，其中

定義最大的標題；

定義最小的標題，常用標簽屬性：

鄭州大學

鄭州大學

ol（ordered list）標簽：有序列表標簽，雙標簽，常用標簽屬性：

type：指定ol子標簽li的編號類型，其屬性值有：

1

值 描述

1 數字，默認值

A 大寫字母

a 小寫字母

I 大寫羅馬數字

i 小寫羅馬數字

start：指定ol子標簽li序號起始點，默認為1，必須為整形數字。

reversed：HTML5新增標簽屬性，用于設定列表順序為降序，其屬性值為reversed。

語文

數學

英語

ul（unordered list）標簽：無序列表標簽，雙標簽，常用標簽屬性：

type：指定ul子標簽li的編號類型，其屬性值有：

值 描述

disc 實心圓，默認值

square 實心方塊

circle 空心圓

I 大寫羅馬數字

i 小寫羅馬數字

語文

英語

數學

（二）表格

HTML表格由table標簽以及一個或多個tr、th或td標簽組成：

table標簽用來定義表格，整個表格包含在table標簽中；

tr標簽用來定義表格中一個行，它是單元格的容器，每行可以包含有多個單元格，由tr和/tr標簽表示；

td標簽和th標簽用來定義單元格，所有單元格都在tr標簽內，每個單元格由一對td和/td標簽或一對th和/th標簽表示，具體的表格內容放置在這一對td標簽或th標簽之中，其語法如下：

table標簽屬性

border標簽屬性：設定圍繞表格的邊框的寬度

width標簽屬性：設定表格的寬度

樣例：

在這里插入圖片描述

（三）form表單

form標簽用于為創建 HTML 表單，雙標簽，常用標簽屬性如下：

action：設定當提交表單時向何處（一般為Servlet）發送表單數據。

method：設定如何將表單中的數據傳送給服務器進行處理，屬性值可以為get（對應于Servlet 中的doGet方法）或post （對應于Servlet 中的doPost方法） ，默認值為get。

enctype ：設定在發送表單數據之前如何對其進行編碼，屬性值有三個：application/x-www-form-urlencoded（在發送前編碼所有字符，默認值）、multipart/form-data（不對字符編碼。在使用包含文件上傳控件的表單時，必須使用該值）、text/plain（空格轉換為 “+” 加號，但不對特殊字符編碼）。

get和post區別：

get提交數據時可以在地址欄中看到數據，數據安全性低；post在提交數據時看不到數據，提高了數據的安全性；

get方法提交的數據比post方式提交的數據少，即post方式提交的數據量大。

1

2

隱藏框

input標簽中type標簽屬性屬性值為hidden時即為隱藏框，input標簽為單標簽，其標簽屬性如下：

id：設定隱藏框唯一標識符；

name：設定隱藏框的名字以便于服務器端獲取隱藏框中的值；

value：設定隱藏框默認值；

name：設定文本框的名字以便于服務器端獲取文本框中的值；

id：設定文本框唯一標識符

placeholder：設置文本框提示信息；html5新增的屬性

readonly：設置文本框是否只讀，屬性值為readonly則文本框只讀，不可編輯，但數據可以傳遞到服務器端；

maxlength：設定輸入字段的最大長度，以字符個數計。

disabled：設定是否禁用文本框，屬性值為disabled則文本框被禁用，不可編輯，數據無法傳遞到服務器端。

value：設定文本框默認值；

注意：

type標簽屬性默認屬性值為text，即省略type標簽屬性的input標簽為文本框。

id：設定密碼框唯一標識符；

name：設定密碼框的名字以便于服務器端獲取密碼框中的值；

placeholder：設置密碼框提示信息；html5新增的屬性

readonly：設置密碼框是否只讀，屬性值為readonly則密碼框只讀，不可編輯，但數據可以傳遞到服務器端；

maxlength：設定輸入字段的最大長度，以字符個數計。

disabled：設定是否禁用密碼框，屬性值為disabled則密碼框被禁用，不可編輯，數據無法傳遞到服務器端。

value：設定密碼框默認值；

1

文件框

input標簽中type標簽屬性屬性值為file時即為文件框，input標簽為單標簽，其標簽屬性如下：

id：設定文件框唯一標識符；

name：設定文件框的名字以便于服務器端獲取文件框中的值；

multiple：設定是否可以選擇多個文件，屬性值為multiple則文件框可選擇多個文件，HTML5新增標簽屬性；

disabled：設定是否禁用文件框，屬性值為disabled則文件框被禁用，不可選擇文件，數據無法傳遞到服務器端。

不同瀏覽器顯示文本框按鈕效果不同，可以通過a標簽改變其樣式效果：

單選框

input標簽中type標簽屬性屬性值為radio時即為單選框，input標簽為單標簽，其標簽屬性如下：

id：設定單選框唯一標識符；

name：設定單選框的名字以便于服務器端獲取單選框中的值；name相同的radio為一組，只能選中其中一個；

disabled：設定是否禁用單選框，屬性值為disabled則單選框被禁用，不可選中，數據無法傳遞到服務器端。

value：設定單選項對應的值，該值是傳到服務器端的真正數據。

checked：設定默認選中的單選項，也可只寫checked。

復選框

input標簽中type標簽屬性屬性值為checkbox時即為復選框，input標簽為單標簽，其標簽屬性如下：

id：設定復選框唯一標識符；

name：設定單選框的名字以便于服務器端獲取復選框中的值；name相同的checkbox為一組；

disabled：設定是否禁用復選框，屬性值為disabled則復選框被禁用，不可選中，數據無法傳遞到服務器端。

value：設定復選項對應的值，該值是傳到服務器端的真正數據。

checked：設定默認選中的復選項，也可只寫checked。

籃球

乒乓球

足球

label標簽：雙標簽，點擊該標簽包裹內容（圖片或文字）時，瀏覽器將焦點轉到和label標簽相關的表單控件（通常為單選框或復選框）上。

性別：

男

女

下拉列表

下拉列表由一個select標簽和多個option子標簽組成：

select標簽為下拉列表的父標簽，select標簽為雙標簽，其標簽屬性如下：

id：設定select標簽唯一標識符；

name：設定select標簽的名字以便于服務器端獲取下拉項中的值；

disabled：設定是否禁用下拉列表，屬性值為disabled則下拉列表被禁用，即不可選擇下拉列表下拉項，默認選中的下拉項數據無法傳遞到服務器端。

multiple：設定下拉列表是否可選擇多個選項，也可只寫multiple ；

size：設定下拉列表中可見選項的數目；

option標簽為select標簽的子標簽， option標簽為雙標簽，其標簽屬性如下：

value：設定下拉項對應的值，該值是傳到服務器端的真正數據。

selected：設定默認選中的下拉項，也可只寫selected ；

文本域

textarea標簽：文本域標簽，雙標簽，標簽屬性如下：

id：設定文本域唯一標識符；

name：設定文本域的名字以便于服務器端獲取文件框中的值；

readonly：設置文本域是否只讀，屬性值為readonly則文本域只讀，不可編輯，但數據可以傳遞到服務器端；

disabled：設定是否禁用文本域，屬性值為disabled則文本域被禁用，不可編輯，數據無法傳遞到服務器端。

rows：設置文本域的高度；

cols：設置文本域的寬度；

鄭州大學

1

文本域與文本框區別：

文本域可以自動換行，而普通文本框不能換行；

通過設置resize: none;樣式可以禁止調整文本域大小

按鈕

input標簽中type標簽屬性屬性值為button時即為按鈕，input標簽為單標簽，其標簽屬性如下：

id：設按鈕唯一標識符；

value:設置按鈕上的顯示的文本；

disabled：設定是否禁用按鈕，屬性值為disabled則按鈕不可點擊。

id：設定提交按鈕唯一標識符；

value:設置提交按鈕上的顯示的文本；

disabled：設定是否禁用提交按鈕，屬性值為disabled則按鈕不可點擊。

id：設定提交按鈕唯一標識符；

value:設置提交按鈕上的顯示的文本；

disabled：設定是否禁用提交按鈕，屬性值為disabled則按鈕不可點擊。

1

在這里插入圖片描述

frameset標簽和frame標簽

frameset標簽：框架集標簽，用于規定框架集中有多少個框架窗口或框架集，該標簽有如下標簽屬性：

frame標簽：框架標簽，單標簽，用于在frameset 中定義一個框架窗口，該標簽有多個標簽屬性：

src標簽屬性：當前frame框架中顯示的文檔的地址；

name標簽屬性：定義當前frame框架的名稱，用于在 JavaScript 中引用元素或作為鏈接的目標 示例

noresize標簽屬性：取消用戶調整框架的大小 示例

scrolling標簽屬性：設定是否在框架中顯示滾動條，該標簽有多個標簽屬性值：

iframe標簽

iframe標簽：在頁面中嵌入另外一個頁面, 該標簽為雙標簽，它有多個標簽屬性：

src標簽屬性：指定iframe 中顯示的頁面URL

width標簽屬性：指定iframe 的寬度，可以是像素或%

height標簽屬性：指定iframe 的高度，可以是像素或%

scrolling標簽屬性：設定是否在 iframe 中顯示滾動條，其值可以是yes、no或auto

HTML

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。