目錄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:
③datedata:
④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檔案 包含檔案的標題,使用指令碼,樣式定義等。包含檔案的標題,標題出現在瀏覽器標題欄中 最大的標題 最小的...