HTML總結 頁面內容的表現

2021-08-29 00:02:33 字數 2475 閱讀 2980

一、html的基本結構

//內含:等結構

二、文字標籤

1、結構化標記

~標題、段落、

換行符、水平線

粗體、斜體、上標、下標、大字型大小標籤、小字號標籤、特殊符號等

2、語義化標記

加粗、強調、長引用、短引用、縮寫字、首字母縮寫詞

引用、定義術語、設計者聯絡詳情、用來顯示已經插入到文件中的內容(有下劃線)

帶有刪除線(已經應該刪除的文字、詞語)、帶有刪除線(**)、下劃線標籤

三、列表

有序列表:、//type屬性:1,a,a,i,i

無序列表:、//type屬性:disc、circle、square

定義列表:、術語、定義

應用:可巢狀列表

四、鏈結

五、影象

src:影象路徑;alt:對影象的文字說明;title:影象的附加資訊;width、height:影象的寬度和高度   

舊**中:align:left影象置左;right:影象置右;top\middle\bottom:將影象與它周圍文字的對齊方式

影象格式:jpeg、gif動畫、png

html5中的影象:影象標籤、影象說明

exp:

六、**

1、**       

**標題

標題1標題2

內容1內容2

跨列:內容1

2、長**     

列標題

行標題       

寬度和間隔:

邊框和背景:

七、表單

1、表單的結構

常用控制項:

單行文字框:

size在舊表單中使用,用於制定文字寬度(可見字元數量)、maxlength限制使用者在文字區域輸入字元的數量

密碼框:

文字域:

cols用於指定文字域有多寬,rows指定文字域在縱向上佔據的行數

單選按鈕:

核取方塊:

下拉列表:

ipad

radio

下拉列表也有selected選項             

多選框:

guitar

drums

multiple可允許使用者從列表中方選擇多個選項             

檔案上傳域:

表單按鈕:

提交按鈕:

影象作為提交按鈕:

按鈕:

隱藏控制項:

標籤表單控制項:

age:

gender:female

male

for屬性用來說明標籤控制項用來標註的是哪個表單控制項             

組合表單元素:

html5表單驗證:required屬性值

html5日期控制項:type="date"

html5電子郵件和url控制項:type="email",type="url"                                         

html5搜尋輸入控制項:type="search",placeholder

其他標記:

內聯框架:

html4:scrolling、frameborder

html5:seamless應用在不需要滾動條的地方             

頁面資訊 

author:定義網頁設計者,pragma:防止瀏覽器對頁面的快取,expries:制定頁面過期時間

1、音訊:

3、flash動畫:

九、浮動框架iframe

HTML 內容總結

w3c school mdn html 語法規範 html基本結構標籤 開發工具 html常用標籤 html中的注釋和特殊字元 標籤 列表標籤 用於布局 表單標籤 1.html 語法規範 1.2 標籤關係 2.html 基本結構標籤 3.開發工具 安裝外掛程式 chinese 中文簡體 instal...

Html頁面內容的執行順序

在沒有呼叫 function 或者是window.nl ad function 時 html文件時按照從上到下執行 的,所以有時候你會發現當你放在 標籤裡的 時候,會得不到你想要的,解決方法是 將指令碼放在body標籤結束之前,其實js 可以放在html 的任何地方 然而我們如果想不要放在body標...

html頁面清空標籤裡的內容

一 背景 由於頁面展示東西太多,而且可能相似的內容太多,肉眼一眼分清有點小難度,所以為了更好的展示需要看到的內容,我們要清理標籤中的內容 二 舉例 清除內容 function clearwindow 以上是乙個比較好的清除標籤內容的方法,是由jquery的empty 方法實現的。當然還有其他的方法,...