HTML學習筆記

2021-08-20 10:28:07 字數 3865 閱讀 6740

-:表示列表的範圍

**在dl裡面:上層內容

**在dl裡面:下層內容

**:傳智播客

財務部財務部

財務部:有序列表範圍

-屬性type:設定排序方式1(預設)   a     i

**在ol標籤裡面具體內容

**:傳智播客

財務部財務部

財務部-想要在頁面上顯示這樣的效果

特殊符號(方塊)   財務部

特殊符號(方框)

學工部**:表示無序列表的範圍

屬性:type     空心圓circle 實心圓disc 實心方塊square,預設disc

在ul裡面

-***

-src:的路徑

-width:的寬度

-height:的高度

-alt:上顯示的文字,把滑鼠放到上,停留顯示的內容

**某些瀏覽器下不顯示

**絕對路徑

**相對路徑

-乙個檔案相對另外乙個檔案的位置

1)html檔案和在乙個路徑下,可以直接寫檔名稱

2)在html的下層目錄

3)在html檔案的上層目錄

**   ../  表示上層路徑

**   ../../   表示上層的上層

*鏈結資源

-顯示的內容

**target:開啟方式   預設是當前頁面開啟

--_blank:在乙個新視窗開啟

--_self:在當前視窗開啟

這是乙個超連結

*定位資源

**如果想要定位資源:定義乙個位置

頂部**回到這個位置

回到頂部

**引入乙個標籤pre:  原樣輸出

*可以對資料進行格式化

*:表示**的範圍

-border:**線

-bordercolor:**線的顏色

-cellspacing:單元格之間距離

-wigth:**的寬度

-height:**的高度

**在table裡面一行

-設定對齊方式 align=left center right

**在tr裡面

-設定對齊方式 align=left center right

***使用th也可以表示單元格

-表示可以實現居中和加粗

****畫圖分析**的寫法

-首先定義乙個**的範圍使用table

-定義一行使用tr

-定義乙個單元格使用td

**操作技巧

-首先數多少行,數每列裡面多少個單元格

****的標題

**合併單元格

-rowspan:跨行

-colspan:跨列

**人員資訊

*可以提交資料到某網的伺服器,這個過程可以使用表單標籤實現 

*:定義乙個表單的範圍

-屬性**action:提交到位址,預設提交到當前的頁面

**method:表單提交方式

-常用的有兩種  get和post,預設是get請求

面試題目:get和post區別

1.get請求位址列會攜帶提交的資料,post不會攜帶

2.get請求安全級別低,post高

3.get請求資料大小的限制,post沒有限制

**enctype:一般請求不需要這個屬性,做檔案上傳時候需要設定

**輸入項:可以輸入內容或者選擇內容的部分

-大部分的輸入項使用

********在輸入項裡面需要有乙個name屬性

***普通輸入項:

***密碼輸入項:

***單選輸入項:

-在裡面需要屬性name

-name的屬性值必須相同

-必須有乙個value值

****實現預設選中的屬性

checked="checked"

***複選輸入項:

-在裡面需要屬性name

-name的屬性值必須相同

-必須有乙個value值

****實現預設選中的屬性

checked="checked"

***檔案輸入項

-***下拉輸入項

請選擇1997

2003

-預設選中

selected="selected"

***文字域

***隱藏項

***提交項

***使用提交

***重置按鈕:回到輸入項初始狀態

***普通按鈕

你可以使用賬號註冊或者使用用手機號註冊

建立密碼:

真實姓名:

性別:女男 生日:

1935

1931

1949

年 12

1110

月 123

我現在:

正在上學

正在工作

驗證碼:

b:s:

u:i:

sub:下標

sup:上標

pre:原樣輸出

p:段標籤

div:自動換行

span:在一行顯示

*html兩部分組成head和body

**在head裡面標籤就是頭標籤

**title標籤:表示在標籤上顯示的內容

-base標籤:  設定超連結的基本設定

-可以統一設定超連結的開啟方式

-link標籤:引入外部檔案

*-rows:按照行進行劃分

**-cols:按照列進行劃分***

-具體顯示的頁面

-*使用框架標籤的時候,不能寫在body裡面,使用框架標籤,需要把body去掉

*//把頁面劃分成上下兩部分

//上面頁面

//把下面頁面劃分成左右兩部分

//左邊頁面

//右邊頁面

*如果在左邊的頁面超連結,想讓內容顯示在右邊的頁面中

-設定超連結的裡面屬性target值設定為名稱

-超連結1

0.html操作思想

*使用標籤把要操作的資料報起來,通過修改標籤屬性值,來實現標籤內資料樣式變化

1.font標籤   屬性:size取值範圍1-7    color:

2.標題標籤  :從1-6越來越小,自動換行

3.注釋

4.列表標籤

****有序:

**無序:

5.影象標籤

6.路徑

**同一級目錄:直接寫

**在下層路徑:images/1.jpg

**在上層路徑:../

8.超連結標籤

內容-開啟方式target="_self   _blank"

9.**標籤

//加粗居中

10.表單標籤

*:-action:提交到位址

-method:提交方式   (get和post)

-get和post區別

-enctype屬性:上傳的時候使用

*輸入項

*輸入項裡面寫name屬性

*普通輸入項

*密碼:password

*單選框:radio

*核取方塊:checkbox

*下拉框:

*文字域

*檔案file

*提交按鈕submit

*重置teset

*使用提交

*隱藏項hidden

*普通按鈕button

11.div和span

12.框架標籤

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...