html筆記1模板

1、Html 筆記Html 介紹Html 是一種描述網(wǎng)頁語言。HTML 指的是超文本標記語言 ( Hyper Text Markup Language) 什么是超文本 ?超文本指的是網(wǎng)頁上可以包含圖片，視頻，連接信息。什么是標記標記也叫做標簽，所以我們所說的標簽書寫是 .什么語言語言就是一種交流工具， html 是我們用戶與瀏覽器之間交互工具。 簡單說， html 是由瀏覽器解析執(zhí)行的，它不會將 html 標簽展示出來， 而是會解析 html 標簽，以特定效果展示出來。關(guān)于 html 書寫規(guī)范1. html 可以直接使用文本編輯器來編寫2. html 文件它的后綴名是 .htm 或 .html3.

2、 一個標準的 html 頁面它的標準格式 標簽它代表當前頁面是一個 html標簽中可以聲明 html 頁面的相關(guān)信息標簽中它主要是用于顯示頁面信息 標簽要有開始，有結(jié)束。4. 開始標簽與結(jié)束標簽中的內(nèi)容是標簽的內(nèi)容，如果沒有標簽內(nèi)容，可以讓標簽自關(guān)閉 5. 大多數(shù)標簽它具有屬性 ,屬性值要使用引號引起來。6. html 它本身是不區(qū)分大小寫的。文件標簽 代表當前書寫的是一個 html 文檔 存儲的本頁面的一些重要的信息，它不會顯示 標簽下有一個子標簽 它是用于定義頁面的標題的。 書寫的內(nèi)容會顯示出來Body 標簽的屬性1. text 用于設(shè)置文字顏色2. bgcolor 用于設(shè)置頁面的背景色3

3、. background 用于設(shè)置頁面的背景圖片關(guān)于 html 顏色取值Html 中的 顏色由紅色、綠色、藍色混合而成。在 html 中書寫顏色的方式有三種 :1. 直接書寫顏色單詞red green yellow blue 等2. 通過 16 進制描述#FFFFFF 白色 #FF0000 紅色 #00FF00 綠色3. 可以通過 rgb(0,0,0) 這樣方式排版標簽Html 注釋 標簽Br 標簽就是一個換行功能標簽標簽在 p 標簽中的內(nèi)容 ,會在開始與結(jié)束之間產(chǎn)生一個空白行，并且它會自動換行.常用屬性 align 它的作用是設(shè)置段落中的內(nèi)容對齊方式 可取值有 left right cent

4、er 標簽Hr 標簽會在頁面上產(chǎn)生一個水平線對于 hr 標簽它有常用屬性 :align: 可取值有 left right center 代表水平線位置 size 代表水平線寬度width:代表水平線和長度color: 水平線的顏色關(guān)于 html 中數(shù)值取值有兩種方式 :1. 直接設(shè)置值，默認單位是 px （像素） 2. 可以設(shè)置百分比 標簽Div 是一 個塊標簽Div 與 css 結(jié)合，會更好對頁面進行排版。標簽Span標簽也是一個塊標簽Div 與 span區(qū)別 :Div 會自動換行 ,我們也叫這樣的標簽為行級元素Span 標簽它不會自動換行 ，我們也叫它為行內(nèi)元素字體標簽標簽Font 標簽可

5、以設(shè)置字體，字的大小及顏色。 常用屬性Face:用于設(shè)置字體，例如宋體 隸書 楷體Size:用于設(shè)置字的大小Color:用于設(shè)置字的顏色標題標記H1 最大 h6 最小，它們代表的是標題 可以使用 對文字設(shè)置加粗或傾斜。注意:在html 中允許標簽進行嵌套的，但是一般都包裹嵌套，而不可以進行交叉嵌套清單標記 （ 列表標記 ）有序清單ol 常用屬性start屬性 : 代表開始的數(shù)目type屬性: 代表序號方式可以取值有 1 a A i I 無序清單ul 常用屬性type：代表清單符號效果，可以取值有disc（默認 ） circle squareLi 標簽是指清單項Li 標簽也具有屬性 type v

6、alueType 屬性是用于設(shè)置無序清單Value 屬性是用于設(shè)置有序清單。圖形標簽它可以讓我們在網(wǎng)頁引入一張圖片 常用屬性1. src 代表的圖片的路徑2. width 圖片的寬度3. height 圖片的高度4. border 用于設(shè)置圖片的邊框5. alt 如果圖片不可以顯示時，默認顯示的文本信息6. align 圖片附件文字的對齊方式 可取值有 top bottom left right middle 默認是 bottom超連接標簽標簽 ,可以實現(xiàn)跳轉(zhuǎn)到其它頁面操作 . 超鏈接內(nèi)容不僅可以是文本，也可以是圖片等信息 常用屬性 :1. href 代表的我們要跳轉(zhuǎn)的路徑2. name 屬性

7、 可以讓我們在本頁面設(shè)置一個錨點注意 :通過超鏈接要想跳轉(zhuǎn)到本頁面指定的錨點位置，必須在前面加上#號。#號其實代表的就是本頁面 。取消超鏈接的點擊效果取消超鏈接的點擊效果3. target 這個屬性我們現(xiàn)在不介紹，后續(xù)講框架標簽在介紹 .補充一點,可以用下面這種方式來提交一個頁面中的表單表格標簽標簽代表一個表格常用屬性 :border 代表的表格的邊框width 代表的表格的寬度align 代表表格的對齊方式 標簽代表行常用屬性align 當前行的內(nèi)容對齊方式 標簽代表單元格常用屬性colspan 指示列的合并rowspan 指示行的合并 標簽th 標簽也是一個單元格標簽，與 td 標簽類似。

8、Th 默認是居中對齊，并且文字加粗顯示，它比較適合表頭。標簽給表格添加標題列如果使用 caption 標簽，它必須是 標簽下的第一行 .我們在開發(fā)中，可以使用表格標簽來展示信息，并且可以使用表格標簽來對頁面進行布 局展示。在現(xiàn)在的開發(fā)中，使用表格來進行布局，應(yīng)用比較少， 現(xiàn)在開發(fā)中應(yīng)用比較多 的是使用 css+div.表單標簽表單是什么 ?表單可以讓我們將錄入信息攜帶到服務(wù)器端。 簡單說，通過表單可以將要提交的數(shù)據(jù)提交到指定的位置。 用戶名 密碼 性別 男 女地址- 請選擇省份 - 黑龍江 吉林 遼寧 省- 請選擇城市 -xxx市愛好 籃球 足球 排球照片介紹 注意事項 :1. 所有表單中的元

9、素都要具有名稱 .2. 單選框要想可以一次只選擇一個，要具有相同的 name 值，如果要設(shè)置默認值，可 以通過 checked= ”checked”來設(shè)置。3. 可以給 來設(shè)置 rows cols 來控制行數(shù)與列數(shù)4. 多選框要想設(shè)置默認選中與單選框設(shè)置一樣， 都可以通過 checked=”checked”來設(shè)置5. 如果要設(shè)置下拉框被選中可以在 標簽上設(shè)置 selected=”selected”. 問題：關(guān)于表單中的標簽為什么要添加name 屬性 ?表單怎樣提交數(shù)據(jù) ? 標簽它的屬性 :name 屬性 : 代表表單的名稱 action:它其實就是代表表單提交的位置 method：代表的是表單

10、提交的方式 .常用的提交方式 get/post 默認是 get表單提交時， action 代表的是表單提交的路徑，在表單的所有標簽上如果添加了 name 屬性，這時，提交表單信息時，會以路徑 ?name=value&name=value&name=value;對于我們的 radio,checkbox,option 也需要設(shè)置它們的 value 值。問題 :method 代表的是表單提交的方式， get/post 它們有什么區(qū)別 ?（筆試題 ）1. 如果使用 get 方式提交，它不安全，會在瀏覽器上顯示提交的請求參數(shù) 如果使用 post方式提交 ,它比較安全，不會在瀏覽器地址欄上顯示請求參數(shù)2.

11、 get 請求方式，只能提交少量數(shù)據(jù)， 1kb 以下。post 請求是可以提交大數(shù)據(jù)。文本框常用屬性 value:文本框中默認值 size:文本框的長度 maxlength：文本框中最大輸入字符個數(shù)密碼框常用屬性 value:文本框中默認值 size:文本框的長度 maxlength：文本框中最大輸入字符個數(shù) 單選框常用屬性 Name:多個單選框要想只選擇一個，必須具有相同name 值Value：單選框提交時的值Checked 設(shè)置單選框默認選中多選框常用屬性 Name:代表多選框的名稱 Value：單選框提交時的值 Checked 設(shè)置單選框默認選中下拉框 Name 下拉框名稱Size 顯示

12、時的行數(shù)Multiple 是否一次可以選擇多個 （按住 shift 鍵選擇 ） 可以有一個屬性 value,它代表的是提交到服務(wù)器時的值 .文本域 rows 設(shè)置行數(shù) cols 設(shè)置列數(shù) 如果要想在文本域中顯示默認值，我們需要在標簽中間去設(shè)置按鈕 這就是一個無功能的按鈕，它會與我們在后面學(xué)習(xí)的 javascript 結(jié)合使用 通過 value 屬性來設(shè)置我們的按鈕上的文字隱藏文本框 隱藏文本框它在頁面上是看不到的， 但是它可以攜帶值， 在后面的修改操作時會使 用到。具有 submit 功能的圖片。 它是一個可以讓表單提交的按鈕。 這個就是一個具有提交功能的圖片?？蚣軜撕炌ㄟ^ html 中框架標

13、簽可以 html 頁面布局。注意：當我們在 html 頁面上去描述框架信息時， 不可以將 寫在 標簽中。 關(guān)于在框架中指定位置顯示我們的指定頁面顯示。需要使用到標簽的 target 屬性通過測試， 標簽的 target 屬性值可以是 框架的 name 值，代表鏈接所指向的 文件是在我們指定的框架位置上顯示。Menu.html框架頁面對于 標簽的 target 屬性，它還可以取值 _blank 或 _self 代表是重新打開一個窗口來 顯示頁面信息。Html 其它標簽與特殊字符標簽標簽必須寫在 標簽之間 .1. 它可以對頁面進行描述及熱詞設(shè)置，可以方便搜索引擎查找頁面。2. 通過 meta 標簽設(shè)置 http 響應(yīng)信息3. 通過 meta 標簽可以設(shè)置頁