HTML 學習筆記 day three

2022-05-16 21:41:19 字數 3402 閱讀 8404

html學習筆記

day three

7.2插入多**元素

插入**

語法結構:

屬性:插入flash

語法結構:

這是object標籤的固定格式,classid和codebase都是不能改變的,是固定的,但是如果只是單純的寫出這個標籤flash是不能夠使用的,必須還有把一下的兩個標籤巢狀在object標籤之中

1,標籤

語法結構:

2.標籤

有src,quality,pluginspage,type,width,height這六個屬性,其中的第三個和第四個屬性值是固定的

總結起來的語法結構如下:

7.3背景**

語法結構:

bgsound標籤使用的時候要放在body的最前面。

注意:這個標籤goole chorm 已經不能用了,但是在ie裡面還可以用

綜合來說要想在goole chorm裡面設定背景聲只能夠用embed

chapter eight 框架

框架就是把乙個頁面分成了幾個部分這幾個部分之間相互不干擾

8.2基本結構

語法結構:

frameset的屬性:

cols:把乙個視窗進行水平的劃分,

,這是他的基本結構,其中的值col1等既可以是數字(此時表示畫素),也可以用百分比(如果使用這種是要注意他的總和一定要等於100%),也可以直接用 *  表示把剩餘的值進行等分(例如:(*,*,*)表示把框架進行三等分

rows:把乙個視窗進行豎直的劃分,

他的用法和cols是一樣的

border:用來設定框架邊框的大小

bordercolor:用來設定框架邊框的顏色

frameboder:它的值為1/0,當值為1的時候表示要顯示出邊框,為0 的時候表示不要顯示出邊框

framespacing:用來設定框架與框架之間的間隔

noframes:當瀏覽器不支援frame時顯示出的內容

他的結構如下:

警告此瀏覽器不支援框架

注意:frameset在html中的位置是在body的前面,基本body就可以不用了但是如果要寫body的話裡面的內容是iframe

8.4框架

屬性:noresize:屬性值只有noresize;

作用:讓框架的大小不可調節;

怎麼實現既有行框架又有列框架:

進行框架集巢狀,語法結構如下:

這樣就形成了乙個左邊乙個框架,右邊兩個框架的框架

8.5框架鏈結

語法結構:

在框架鏈結的html

顯示的內容

8.6嵌入式框架

嵌入式框架是在網頁中嵌入乙個框架視窗,把乙個網頁顯示在框架之中,這種方法最常用於製作在多個網頁中共有的模組;

標籤是放在標籤裡面的,他擁有frameset,frame 標籤的所有屬性,他特有的屬性是scrolling 和 allowtransparency

scrolling:滾動條 ,屬性值只有yes/no;選用前者的話表示需要顯示滾動條,選用後者的話表示不需要顯示滾動條

allowtransparency:設定視窗在頁面中顯示為透明狀態,他只有乙個屬性值true;

注意:在現在版本的goole chorm和ie已經沒有scrolling這個功能了無論怎麼都是顯示不出滾動條的

chapter nine 列表元素

9.1無序列表元素:

語法結構:

<ul>

<li>列表選項</li>

屬性只有type:屬性值有:disc表示實心圓點;circle表示空心圓點;square表示小方塊;

9.2有序列表元素

10.語法結構:

<ol>

<li>列表選項</li>

</ol>

屬性只有type:屬性值有:1表示數字;a表示大寫字母;a表示小寫字母;i表示大寫的羅馬數字;i表示小寫的羅馬數字

有序列表和無序列表可以實現巢狀;

9.4定義列表元素

語法結構:

<dl>

<dt>需要被定義的名稱</dt><dd>對該詞的解釋</dd>

注意:一般定義列表元素不用巢狀結構因為本身他就有類似於巢狀的形式

chapter ten 表單元素

表單是使用者和**交流的乙個渠道,通過表單,可以將使用者在網頁上輸入的資訊提交到後台資料庫,從而獲得使用者資訊,使網頁具有互動功能

語法結構:

<form action="" method=>

<input type="" name=" " id=" " value=""/>

</form>

9.1表單屬性

method:設定跳轉時所使用的方法,屬性值只有兩種,get/post;通常要用第二種因為第二種比較安全;

這兩種是form必須有的屬性

10.2input標籤

屬性:name:用來命名

id:用來設定id

value:用來設定value值便於搜尋

type:表示框的形式

屬性值有:

1.text:文字框

2.password:密碼輸入框

3.radio:單選框

4.checkbook:核取方塊

5.submit:提交按鈕

6.reset:重置按鈕

7.image:按鈕

注意;radio和checkbox屬性要想幾個選項之間相互關聯那麼他們的name屬性的值必須要相同;並且他們還有乙個特有的屬性checked表示預選值

id和value屬性不能相同

對於submit和reset屬性,value屬性是顯示在按鈕上面的東西

10.3下拉列表

語法結構

<form>

<select name=""id=」」>

作用:產生乙個帶有滾動條的列表在同乙個select中的value必須要相同,selected只能設定乙個表示預設值

10.4文字區域

語法結構:

作用:當輸入的文字過多,不能夠用文字框實現,此時就用這個標籤

注意:value屬性在type的屬性值不同的時候,略有差別:當type=submit和reset的時候那麼,value的值會顯示在按鈕之上;並且在form裡面value的值和id的值是不能夠重複的

chapter elven**布局

11.1標籤

網頁布局的三種方式:**框架,框架和div標籤

語法結構:

具體內容

div可以使用巢狀結構

style有很多的屬性在css中可以學到

定義浮動框架:

定義左右結構的框架:

定義橫向結構的框架:

這樣就會產生橫向的三個框架,總言之就是他們的float的值要一樣

定義縱向結構的框架:

這樣就會產生橫向的三個框架,總言之就是他們的float的值要一樣,並且最後要有乙個clear:both 的屬性。

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