HTML超文字標記語言

2022-09-16 21:09:20 字數 3747 閱讀 3179

目錄2.文件結構

3.標籤

4. 標籤的分類

5.常用標籤

6.特殊符號

7.列表標籤

8.**標籤

9.form表單

9.1.2 輸入屬性

9.2 select 元素

9.3 textarea 元素

9.4 button 元素

1.注釋

注釋是**之母!

在搭建頁面時,通常會利用注釋來劃分區域。

其實直接在單行注釋裡面換行就可以了

head頭不是給人看的,是給瀏覽器看的

body內的**才是給人看的

html 標記標籤通常被稱為 html 標籤 (html tag)。

html 標籤大部分是成對出現的,比如

標籤對中的第乙個標籤是開始標籤,第二個標籤是結束標籤

開始和結束標籤也被稱為開放標籤和閉合標籤

id:就類似於是身份證號,每乙個標籤,都應該有id值,並且在同乙個html文件中,標籤的id不能重複

class:類屬性,有點類似於物件導向的繼承,class = 'c1 c2 c3',你這個標籤就會擁有c1 c2 c3的所有樣式

雙標籤即為有頭有尾的標籤,如

自閉合標籤即為只有乙個箭頭括號的標籤,如

塊級標籤指在瀏覽器顯示中獨佔一行的標籤,是塊級元素

特點:

1. 塊級標籤內可以巢狀其他塊級標籤和行內標籤

2. p標籤雖然是塊級標籤,但是他的內部不能巢狀任何塊級標籤,只能巢狀行內標籤。

舉例:這是p標籤的效果這是s標籤效果

這裡是div

行內標籤,是內聯元素

特點:

1. 內部文字多大,標籤的位置就佔多大

2. 行內不能巢狀行內和塊級標籤

舉例:這是s標籤效果

這是i標籤的效果

這是u標籤的效果這是b標籤的效果

title:定義網頁標題

style:內部支援寫css**

link:引入外部css樣式檔案

script:內部可以直接寫js** 也可以引入外部js檔案

meta:定義網頁源資訊

我的第乙個html檔案
h1~h6:標題標籤

p:段落標籤 乙個p就是一行內容

u:下劃線

i:斜體

s:刪除線

b:加粗

br:換行

hr:一條分割線

這是p段落標籤標籤的效果這是s標籤效果

這是u標籤的效果下劃線

這是i標籤的效果斜體

這是s標籤效果刪除線這是b標籤的效果加粗

div:一塊區域,可用於組合其他html元素的容器

span:文字的容器,內聯元素

a:連線標籤

這裡是id=1的標籤的位置
這裡可以連線到標籤id為1的標籤的位置

img:標籤

1.  	空格

2. & &

3. ¥ ¥

4. > >

5. < <

7. ® ®

ul+li

type引數:

disc(實心圓點,預設值)

circle(空心圓圈)

square(實心方塊)

none(無樣式)

ol+li

type引數:

1(數字列表,預設值)

a(大寫字母)

a(小寫字母)

i(大寫羅馬)

i(小寫羅馬)

what1?

what2?

dl+dt(小標題)+dd(小章節)

table 常用於展示資料

屬性:border:**邊框

cellspadding:內邊距

cellspacing:外邊距

width:畫素 百分比(最好通過css來設定長寬)

rowspan:單元格豎跨多少行

colspan:單元格橫跨多少列(即合併單元格)

number

name

age 乙個tr就表示一行

1tbw

22

form表單用於蒐集不同型別的使用者輸入資料,然後打包發給伺服器,伺服器處理輸入資料,返回反饋資訊。

設定乙個單行文字框,用來讓使用者輸入資訊。

使用者名稱:

密碼:

input元素可以通過的方式來約束在input文字框內輸入資訊的格式。

①text

輸入普通文字資訊,任何輸入都可以

②password

輸入的資訊會變成小點點,讓別人看不到

password:
③date
data:
④radio

設定幾個選擇按鈕,且只能選擇乙個

radio1:radio2:
⑤checkbox

設定多個按鈕,可以多選

checkbox1:checkbox2:checkbox3:
⑥file

設定乙個按鈕,點選這個按鈕可以選擇檔案上傳

file:
⑦hidden

隱藏文字框,讓文字框看不見

hidden:
⑧button

設定乙個按鈕,點了不出發任何操作

button:
⑨reset

設定乙個重置按鈕,點選該按鈕會將其他文字框內的資訊重置

reset:
⑩submit

設定乙個提交按鈕,可以將本頁面的資訊提交到伺服器

submit:
name:表單提交時的「key」,注意和id的區別

value:表單提交時對應項的值

checked:radio和checkbox預設被選中的項

readonly:text和password設定唯讀

disabled:所有input均適用,規定該字段是禁用的,不可點選,不會被提交

設定乙個下拉列表,可以讓使用者選擇,比如你註冊賬戶,人家讓你選擇你的省份,是不是就是乙個下拉列表?

想要去哪旅遊?

泰國新加坡印度尼西亞

設定乙個多行文字框,可以讓使用者輸入多行資訊。

請輸入身份資訊:

設定乙個按鈕,可以點選,並且將點選這個操作獲得的資訊提交服務端。

點一下,你的朋友長胖20斤!

html超文字標記語言

文件的標題title head body html 有序,表項 定義詞定義描述 顏色及背景 bgcolor 背景色 ff0000 rgb 255,0,0 red屬性值 具體 百分比flash classid clsid d27cdb6e ae6d 11cf 96b8 444553540000 wid...

超文字標記語言 HTML

雙標記由 始標記 和 尾標記 兩部分構成,必須成對使用,始標記 和 尾標記 之間被稱為內容。語法 標記 內容 區塊 用的最多的區塊元素 文字 用的最多的 行內 內聯 元素 標記屬性 屬性名 屬性值 如 標記名字 屬性1 屬性2 屬性3 各屬性之間無先後次序,屬性也可以省略。另外所有標籤都具有id 唯...

HTML超文字標記語言

html hyper text markup language 基本標籤 1 基本結構標籤 注釋標誌,在 之間的內容將不在瀏覽器中顯示 指定了html文件遵循的文件型別定義 表示該檔案為html檔案 包含檔案的標題,使用指令碼,樣式定義等。包含檔案的標題,標題出現在瀏覽器標題欄中 最大的標題 最小的...