HTML學習筆記

2021-10-08 22:07:54 字數 1626 閱讀 6374

meta:描述文件型別、字元編碼

設定網頁描述資訊(搜尋引擎顯示)

設定搜尋關鍵字(通過搜尋引擎輸入這些內容找到網頁)

塊級標籤

ordered list

描述標籤

分割槽標籤

行級標籤

超連結

錨鏈結

href

="mailto:[email protected]"

>

>

表單

核取方塊:

下拉框:

多行文字框:

表單內提交按鈕

以上按鈕必須在form表單中使用

全域性可用按鈕

上傳檔案:

隱藏域(提交使用者不可見的資訊)

唯讀:readonly;不可用;disabled  用js實現再可用

特殊符號

**結構

td的屬性

td是顯示內容的容器

**的合併(放在td裡)

**的分割槽

**布局原則:非字形

iframe框架

行內樣式

內部樣式

類選擇器

id選擇器:

組合選擇器

外部樣式

樣式的優先順序

樣式的繼承

常用樣式

列表樣式

list-style:用於設定li標籤前面的圖示

td內居中 textalign

元素的隱藏和顯示

背景樣式

其他設定方式

全屏背景

按百分比社會之div的高度與寬度

注:!!!!所有的父元素height和width必須設定百分比,包括html標籤

html,body

div

位置樣式

relative:

absolute:

超連結樣式

盒子模型

margin:控制div和他的父級或者同級標籤的距離,即控制div在頁面中的顯示位置

- 四個方向分開設定

- margin-top: 50px;

- margin-left: 30px;

- margin-right: 10px;

- margin-bottom: 10px;

- 通常只有left和top生效

- div高度會隨內容擴充套件

- 一起設定

- margin: 50px 50px 30px 50px;

- 上右下左設定,通常只有左邊和上面生效

- 設定上左

- margin: 50px 30px;

- 上50 左30

- 設定上邊距,左右居中

- margin: 50px auto;

padding內填充:div和其中內容的距離

padding: 100px 200px 100px 200px;

padding: 100px 200px;

浮動屬性

float特點

浮動後的元素強制換行

預設情況下body有乙個外邊距8px

HTML學習筆記

2004 9 9 星期四 陰 hello world 整個頁面分成三部分 1 一行包括html版本資訊的內容 2 報頭申明區域 3 頁面主要部分,包括頁面的實際內容。2.基本的html標記 答 1 headings 標題 2 paragraphs 段落 this is a paragraph 3 l...

HTML學習筆記

html 是一種超文字標記語言,它是由標籤組成的。html 中的資料都封裝在標籤中,通過對標籤中的屬性值的改變來實現對封裝內資料進行操作。html規範格式 首先要確定html 的 範圍 在該範圍中可以定義兩個部分,乙個是頭乙個是體。這中間寫網頁顯示的資料 標籤對資料進行封裝那麼就有開始標籤和結束標籤...

學習html筆記

簡介 基礎 1 html鏈結是通過標籤 來定義的.這是乙個鏈結 href是屬性 2 html 影象是通過標籤 屬性 html 元素可以設定 屬性 屬性可以在元素中新增 附加資訊about an element 屬性一般描述於 開始標籤 屬性總是以名稱 值對的形式出現,比如 name value th...