HTML超文字標記語言

2021-09-14 05:30:06 字數 4477 閱讀 2333

html (hyper text markup language)基本標籤

(1) 基本結構標籤

注釋標誌,在"

"之間的內容將不在瀏覽器中顯示(指定了html文件遵循的文件型別定義) 表示該檔案為html檔案 包含檔案的標題,使用指令碼,樣式定義等。

包含檔案的標題,標題出現在瀏覽器標題欄中

最大的標題

最小的標題

下劃線黑體字(指定文字應以粗體渲染)

斜體字 字型加大 字型縮小 打字機風格的字型; 引用,通常是斜體 強調文字(通常是斜體加黑體)加重文字(通常是斜體加黑體) 以粗體渲染文字

預先格式化文字 放置瀏覽器中顯示的所有標誌和屬性,其中內容在瀏覽器中顯示 指定乙個顯示url用於解析對外部源的鏈結和引用,如影象和樣式表 

引起目錄列表 document:代表給定瀏覽器視窗中的html文件 event:代表事件狀態,如事件發生的元素,鍵盤狀態,滑鼠狀態和滑鼠按鈕狀態 fieldest:在字段集包含的文字和其它元素外面繪製乙個方框 isindex:使瀏覽器顯示乙個對話方塊,提示使用者輸入單行文字

下所有標籤用在中:

:鏈結標誌, "…"為鏈結的檔案位址(建立超文字鏈結)(標明超連結的起始或目的的位置)

建立位於文件內部的書籤

建立指向文件內部書籤的鏈結

文件中不能被該站點辨識的其它所有鏈結源的url 定義乙個鏈結和源之間的相互關係

換行標誌(換行,插入乙個回車換行符)

(段落標籤)分段標誌

採用斜體字

(2) 基本屬性:(屬性是用來修飾標誌的,屬性放在開始標誌內)

cellpadding=數值單位是畫素,定義表元內距

cellspacting=數值單位是畫素,定義表元間距

border=數值單位是畫素,定義**背景圖

width=數值單位是畫素或視窗百分比,定義**背景圖

background=鏈結位址,定義**背景圖

(對齊屬性)

align=left,左對齊(預設值),width=畫素值或百分比,物件寬度

align=center,居中,height=畫素或百分比,物件高度

aling=right,右對齊

(色彩屬性)

color=#rrggbb,前景色

bgcolor=#rrggbb,背景色

表示絕對居中

,分割槽標識的開始和結束(用來排版大塊的html段落,也用於格式化表) 屬性:align=|center|left|right|水平對齊方式

表單標籤:**標識的開始和結束,表單的內容都放在這裡

下面的標籤都放在表單內:下拉選擇框

multiple,多選

大量文字輸入的編輯塊.

屬性:cols="",行; rows="",列

建立各種表單輸入控制項

文字框密碼框

提交按鈕(建立乙個按鈕,該按鈕單擊後將提交表單)

核取方塊單選框

重置按鈕(建立乙個按鈕,該按鈕單擊後將重置表單控制項為其預設值)

按鈕(建立乙個影象控制項,該控制項單擊後將導致表單立即被提交)

隱藏域(傳輸關於客戶/伺服器互動的狀態資訊)

按鈕(指定其中所含的html要被渲染為乙個按鈕)

瀏覽檔案

公共屬性:name="", value="", size=""

框架標籤:定義框架

,放在框架標籤內,定義每個框架的內容 屬性:cols="", rows="", frameborder="", framespacing="", src="", scrolling="",滾動條(no,yes) noresize,框架大小不可變 marginhigh="",高度空餘空間 marginwidth="",高度空餘空間 target="",目標框架

列表標籤,定義列表

定義列表標題

定義列表內容 例如:

標題

內容a內容b

列表標籤,定義乙個標有數字的列表(有序列表)

列表標籤,定義乙個標有圓點的列表(無序列表)

(4) 標籤註解

target="…",決定鏈結源在什麼地方顯示(使用者自定義的名字,blank,parent,self,top)

ref="…「傳送鏈結的型別

rev=」…「儲存鏈結的型別

accesskey=」…「指定該元素的熱鍵

shape=」…",允許我們使用已定義的形狀定義客戶端的圖形映象(default,rect,circle,poly)

coord="…「使用畫素或者長度百分比來定義形狀的尺寸;

tabindex=」…"

使用定義過的tabindex元素設定在各個元素之間的焦點獲取順序(使用tab鍵使元素獲得)

(5) **標籤

屬性:

定義**,html中的重要標誌(**標識的開始和結束標籤)

定義**的行,**中的乙個**行的開始和結束,用在

中 定義**的單元格,**中行內的乙個單元格的開始和結束, 用在中 設定**頭:通常是黑體居中文字 ,設定**格仔邊框與其內部內容之間空間的大小

,設定**格仔之間空間的大小 cellpadding=數值單位是畫素,定義表元內距(內容與邊框的距離 預設為2) cellspacing=數值單位是畫素,定義表元間距(內容與邊框的距離 預設為2) border=數值單位是畫素,定義**邊框寬度 width=數值單位是畫素或百分比,定義**寬度 height=定義**的高度 background=鏈結位址,定義**背景圖 colspan="…",單元格跨越多列, rowspan="…",單元格跨越多行 設計**格仔的水平對齊方式(left,center,right,justify) 設定**格仔的水平對齊方式(baseline,bottom,middle,top) 定義多個列為一組列 定義乙個列組中的列,以便對它們能夠同時設定有關屬性. 定義乙個**的實體 定義乙個**的頁尾 bordercolorlight="",邊框明亮面的顏色; bordercolordark="",邊框暗淡面的顏色;

設定乙個**字跨佔的列數(預設值為1)

設定乙個**格仔跨佔的行數(預設值為1)

禁止格仔內的內容自動斷行

(6) 表單標籤

建立表單 action="…",接收資料的伺服器url method="…"http的方法(get,post),其中get是被反對使用的 enctype="…"指定mime(internet**型別) onsubmit="…"當提交表單時發生的內部事件 noreset="…"在重新設定表單時發生的內部事件 target="…"決定把內容顯示在什麼地方(blank parent self top)

表單標籤注釋:

type= 「…」,用於輸入控制項的型別

(text,password,checkbox,radio,submit,reset,file,hidden,image,button)

name="…「控制項的控制名(要求是除了submit和reset之外的任何名字)

value=」…「控制項的初始值

checked=」…",把乙個單選鈕設定為選中的狀態

disabled="…「把控制項的密碼狀態設定為不能使用

readonly=」…「只對輸入密碼的文字框使用

size=」…"表示以畫素為單位的除了文字框和密碼框控制項之外的其它控制項的寬度,它是用來指定字元的

(7) 字型效果

標題字(最大)

標題字(最小)粗體粗體字(強調)

斜體字

斜體字(表示強調)

斜體字(表示定義)

底線 底線(表示插入文字)

橫線 刪除線

刪除線(表示刪除)

底線 底線(表示插入文字)

橫線 刪除線

刪除線(表示刪除)

鍵盤文字

打字型 固定寬度字型(在檔案中空白 換行 定位功能有效) 固定寬度字型(不執行標記符號) 固定寬度小字型

字型顏色

最小字型

無限增大

(8)區段標記

水平線

水平線(設定大小)

水平線(設定寬度)

水平線(設定顏色)

換行 水域(不換行)

水域(段落)

居中 (9) 鏈結格式

(預設好鏈結路徑)

外部鏈結

外部鏈結(另開新視窗)

外部鏈結(全視窗鏈結)

外部鏈結(在指定頁框鏈結) (10) **語法

**位置,置左

**位置,置中

設定**的背景顏色

設定**邊框的顏色

設定**亮邊框的顏色

指定內容與格線之間的間距(使用數字)

指定格線與格線之間的距離(使用數字)

指定**的欄數

指定**邊框線的顯示方式

指定**的寬度大小(使用數字)

指定**的高度大小(使用數字) 指定儲存格合併欄的欄數(使用數字) 指定儲存格合併列的列數(使用數字)

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 鏈結 html 鏈結是通過標籤 來定義的.這是乙個鏈結html 鏈結 target 屬性 target blank rel noopener noreferrer 訪問影象標籤 img 和源屬性src 在 html 中,影象由 標籤定義。img 是空標籤,意思是說,它只包含屬性,並且沒有閉...