html複習筆記

2021-06-18 05:22:24 字數 4553 閱讀 6778

2,html的標籤,又開始有結束,但是當標籤中沒有內容的話,可以

快捷方式

3,html標籤是由 屬性和值來組成的

1,標題標籤:

h1----h6,,以後做搜尋引擎優化的時候需要

h1 權重最高、h6最低,建議使用乙個h1標籤

2,html元素,指的是標籤之間的內容

例如 body元素:

這是h4標籤

這是h5標籤

這是h6標籤

這就是乙個段落paragraph縮寫

p元素:

這就是乙個段落paragraph縮寫

注意:html所有的標籤,都會有title、class、name、id、style屬性

和段落相關的標籤p

strong標籤和 b標籤:

strong 加強語氣的,所以對搜尋引擎來說更重要

3,style屬性

將所有的樣式包含,不同的樣式之間使用 ; 隔開

style屬性淘汰了,bgcolor  align  font

使用background-color  text-align   font-family font-size 等來代替

4,a標籤

href屬性  指向目標連線

target屬性   _blank 彈出乙個新的視窗  _self (替換當前視窗)  _parent 在父視窗基礎上開啟(火狐的話)

name屬性

使用命名錨(namedanchors)時,我們可以建立直接跳至頁面中某個節的鏈       接,這樣使用者就無需不停的滾動頁面來尋找他們需要的資訊。

useful tips section

visit the useful tips section

5,table**:

1、**邊框:border屬性

2、**中的表頭:

3、帶有標題的**:

4、跨行、跨列的單元格  colspan    rowspan

5、單元格邊距:cellpadding

6、單元格間距:cellspacing

單元格邊距:cellpadding單元格內容和邊框之間的距離

單元格間距:cellspacing  單元格與單元格之間的距離

6,有序列表、無序列表

ordered line

無序列表

unordered

1、有序列表

有序列表型別:a、a、i、i

2、無序列表

無序列表型別通過type屬性:circle、disc、square

7,表單的重要性:

瀏覽器 和 php(伺服器)進行互動,可以通過位址列傳遞引數,也可以通過表單提交資料

但是,在位址列傳遞資料 安全性低,所以通常使用 表單來提交 post方式

表單由 form標籤,有哪些屬性呢?

name屬性,用來找到某個表單的

action 屬性,表單提交的位址

method屬性,表弟那提交的方式,get   post

enctype屬性,如果需要上傳,enctype屬性的值,必須是 multipart/form-data

文字域:

text

value屬性,控制預設值

size 屬性,控制表單顯示多少個字元

maxlength屬性,限制表單最多輸入幾個字元

readonly屬性,控制表單的內容為唯讀的

密碼name屬性和 id屬性通常都是用來定位到某個表單的

單選框:

注意:單選框,必須分組,

上傳檔案

type=file

必須保證表單的編碼是ectype=」multipart/form-data」

下拉列表是通過 select標籤實現的

每乙個列表項是 option

option有 value 屬性,當表單提交過去之後能夠根據value屬性獲得他的值

多行文字域

textarea用於提交多行的文字

重置 按鈕

將表單恢復到預設的狀態

隱藏域:

type=hidden

在瀏覽器端,是看不到的,為了資料更安全,偷偷的提交過去的

8,影象對映

和影象相關的屬性

影象對映

2,html的標籤,又開始有結束,但是當標籤中沒有內容的話,可以

快捷方式

3,html標籤是由 屬性和值來組成的

1,標題標籤:

h1----h6,,以後做搜尋引擎優化的時候需要

h1 權重最高、h6最低,建議使用乙個h1標籤

2,html元素,指的是標籤之間的內容

例如 body元素:

這是h4標籤

這是h5標籤

這是h6標籤

這就是乙個段落paragraph縮寫

p元素:

這就是乙個段落paragraph縮寫

注意:html所有的標籤,都會有title、class、name、id、style屬性

和段落相關的標籤p

strong標籤和 b標籤:

strong 加強語氣的,所以對搜尋引擎來說更重要

3,style屬性

將所有的樣式包含,不同的樣式之間使用 ; 隔開

style屬性淘汰了,bgcolor  align  font

使用background-color  text-align   font-family font-size 等來代替

4,a標籤

href屬性  指向目標連線

target屬性   _blank 彈出乙個新的視窗  _self (替換當前視窗)  _parent 在父視窗基礎上開啟(火狐的話)

name屬性

使用命名錨(namedanchors)時,我們可以建立直接跳至頁面中某個節的鏈       接,這樣使用者就無需不停的滾動頁面來尋找他們需要的資訊。

useful tips section

visit the useful tips section

5,table**:

1、**邊框:border屬性

2、**中的表頭:

3、帶有標題的**:

4、跨行、跨列的單元格  colspan    rowspan

5、單元格邊距:cellpadding

6、單元格間距:cellspacing

單元格邊距:cellpadding單元格內容和邊框之間的距離

單元格間距:cellspacing  單元格與單元格之間的距離

6,有序列表、無序列表

ordered line

無序列表

unordered

1、有序列表

有序列表型別:a、a、i、i

2、無序列表

無序列表型別通過type屬性:circle、disc、square

7,表單的重要性:

瀏覽器 和 php(伺服器)進行互動,可以通過位址列傳遞引數,也可以通過表單提交資料

但是,在位址列傳遞資料 安全性低,所以通常使用 表單來提交 post方式

表單由 form標籤,有哪些屬性呢?

name屬性,用來找到某個表單的

action 屬性,表單提交的位址

method屬性,表弟那提交的方式,get   post

enctype屬性,如果需要上傳,enctype屬性的值,必須是 multipart/form-data

文字域:

text

value屬性,控制預設值

size 屬性,控制表單顯示多少個字元

maxlength屬性,限制表單最多輸入幾個字元

readonly屬性,控制表單的內容為唯讀的

密碼name屬性和 id屬性通常都是用來定位到某個表單的

單選框:

注意:單選框,必須分組,

上傳檔案

type=file

必須保證表單的編碼是ectype=」multipart/form-data」

下拉列表是通過 select標籤實現的

每乙個列表項是 option

option有 value 屬性,當表單提交過去之後能夠根據value屬性獲得他的值

多行文字域

textarea用於提交多行的文字

重置 按鈕

將表單恢復到預設的狀態

隱藏域:

type=hidden

在瀏覽器端,是看不到的,為了資料更安全,偷偷的提交過去的

8,影象對映

和影象相關的屬性

影象對映

HTML 複習筆記 1

html格式化 html 樣式 外部樣式表 當瀏覽器讀到乙個樣式表,它就會按照這個樣式表來對文件進行格式化。有以下三種方式來插入樣式表 當樣式需要被應用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改乙個檔案來改變整個站點的外觀。當單個檔案需要特別樣式時,就可以使用內部樣...

html基礎知識複習筆記

html 是用來描述網頁的一種語言。html 標記標籤通常被稱為 html 標籤 html tag html 標籤通常是成對出現的,比如和 標籤對中的第乙個標籤是開始標籤,第二個標籤是結束標籤 開始和結束標籤也被稱為開放標籤和閉合標籤 沒有內容的 html 元素被稱為空元素。空元素是在開始標籤中關閉...

HTML複習筆記 CSS樣式表

css 用於設計網頁的排版 建立css樣式表 css樣式表由選擇器與樣式規則組成。所謂選擇器,可以是html中的標記 最常用 class屬性,或者id屬性,例如 h1乙個選擇器中可以設定多種不同的規則,中間用分號分隔。範例 應用css樣式表 三種方式 1 行內宣告,即直接將css樣式寫在html標記...