《html筆記》
1.屬性值應(yīng)該始終被包括在引號(hào)內(nèi)。雙引號(hào)是最常用的蝌麸,不過(guò)使用單引號(hào)也沒(méi)有問(wèn)題点寥。
比如屬性值本身就含有雙引號(hào),那么您必須使用單引號(hào)来吩,例如:
name='Bill "HelloWorld" Gates'
2.水平分割線(xiàn): <hr/>
3.html的注釋?zhuān)?lt;!--文本說(shuō)明-->
4.<p> 標(biāo)簽:瀏覽器會(huì)自動(dòng)地在段落的前后添加空行敢辩。(<p> 是塊級(jí)元素)
5.換行標(biāo)準(zhǔn)寫(xiě)法:<br/>
6.html中所有的 連續(xù) 的空行和空格都只視作一個(gè) 空格
7.<pre>標(biāo)簽保留了空格和換行
8.<q>標(biāo)簽添加引號(hào)
9.<blockquote>標(biāo)簽內(nèi)的內(nèi)容每一行縮進(jìn)兩個(gè)字節(jié)
10.<a> 標(biāo)簽定義超鏈接,用于從一張頁(yè)面鏈接到另一張頁(yè)面弟疆。
在空白頁(yè)打開(kāi)添加 target="_blank" 在本頁(yè)打開(kāi) "_self"
11.可以使用 id 屬性來(lái)替代 name 屬性戚长,命名錨同樣有效
12.請(qǐng)始終將正斜杠添加到子文件夾。假如這樣書(shū)寫(xiě)鏈接:
怠苔,就會(huì)向服務(wù)器產(chǎn)生兩次 HTTP 請(qǐng)求同廉。
這是因?yàn)榉?wù)器會(huì)添加正斜杠到這個(gè)地址,然后創(chuàng)建一個(gè)新的請(qǐng)求迫肖,
就像這樣:
13.調(diào)到本頁(yè)面的制定位置攒驰,例如:
<a href="#la">調(diào)到 la </a>
<a name="la"> text </a>
14.![](boat.gif)
alt 表示圖片丟失時(shí)用文本替換 顯示在圖片空白上
15.添加背景圖 <body background="./"> 圖像小于頁(yè)面蟆湖,就會(huì)重復(fù)
16.讓圖片和文字顯示在一行 <p>文本![]( )文本</p>
align=" " bottom middle top為文本和圖片對(duì)齊方式 bottom為默認(rèn)對(duì)齊方式
align=" " left right 為浮動(dòng)方式
17.html中的表格 標(biāo)題用 <caption> 自動(dòng)居中(相對(duì)于表格)
表頭用 <th> 標(biāo)記 表頭有時(shí)包含多個(gè)單元格使用 <th colspan="包含單元格數(shù)" > </th>
18. ol:有序列表玻粪,有序號(hào) 可用 start=" "表示從幾開(kāi)始
ul:無(wú)序列表,默認(rèn)序號(hào)由圓點(diǎn)代替
二者的子標(biāo)簽都是 <li>
19. dl:自定義列表
20. 塊級(jí)元素在瀏覽器顯示時(shí)通常都會(huì)以新行來(lái)開(kāi)始(結(jié)束)
例如:<h1>, <p>, <ul>, <ol>, <table>,<div>瀏覽器通常會(huì)在 div 元素前后放置一個(gè)換行符
21. 內(nèi)聯(lián)元素在顯示時(shí)都不會(huì)以新行開(kāi)始
例如:<b>, <td>, <a>, <img>, <span>:行內(nèi)元素
22. <div>關(guān)于邊距的屬性 margin:10px 外邊距 padding:10px 上下內(nèi)邊距
21. 外部樣式表使用 <link rel="stylesheet" type="text/css" href="mystyle.css">
22. 內(nèi)部樣式表:在 head 部分通過(guò) <style> 標(biāo)簽定義內(nèi)部樣式表。
例如:p {margin-left: 20px}
23. 內(nèi)聯(lián)樣式:在標(biāo)簽里使用 例如:<p style="color: red; margin-left: 20px">
24. <frameset>將頁(yè)面分成不同的框架
不能將 <body></body> 標(biāo)簽與 <frameset></frameset> 同時(shí)使用
<frameset cols="25%,75%"> :列
<frameset rows="25%,75%"> :行
子標(biāo)簽<frame src="frame_a.htm"> 可以嵌套使用
假如一個(gè)框架有可見(jiàn)邊框剥纷,用戶(hù)可以拖動(dòng)邊框來(lái)改變它的大小。為了避免這種情況發(fā)生晦鞋,
可以在 <frame> 標(biāo)簽中加入:noresize="noresize"棺克。
25. <head> 元素是所有頭部元素的容器线定。<head> 內(nèi)的元素可包含腳本娜谊,
指示瀏覽器在何處可以找到樣式表斤讥,提供元信息,等等芭商。
以下標(biāo)簽都可以添加到 head 部分:<title>、<base>铛楣、<link>、<meta>簸州、<script> 以及 <style>
<link> 最常用于連接樣式表
26. <select> 下拉列表 <option> 元素定義待選擇的選項(xiàng)。
列表通常會(huì)把首個(gè)選項(xiàng)顯示為被選選項(xiàng)搏存。您能夠通過(guò)添加 selected 屬性來(lái)定義預(yù)定義選項(xiàng)。
實(shí)例: <option value="fiat" selected>Fiat</option> fiat為默認(rèn)選項(xiàng)
27. 表單中的 radio (單選框)添加 checked 設(shè)為默認(rèn)
例如:<input type="radio" name="sex" value="male" checked>
28. 表單中的 checkbox (復(fù)選框) 注意:相同類(lèi)型的 name 屬性填一樣
29. 表單中的一些按鈕可以使用 onclick="alert('表單已提交')" 彈出提示信息
30. 表單中的 輸入框?qū)傩? number 只能夠輸入數(shù)字 用 min max 限制輸入的范圍
31. 表單中的 date 輸入時(shí)間
32. multiple 屬性是布爾屬性祭埂。
如果設(shè)置兵钮,則規(guī)定允許用戶(hù)在 <input> 元素中輸入一個(gè)以上的值蛆橡。
multiple 屬性適用于以下輸入類(lèi)型:email 和 file掘譬。
33. placeholder 屬性placeholder 屬性規(guī)定用以描述輸入字段預(yù)期值的提示
(樣本值或有關(guān)格式的簡(jiǎn)短描述)。該提示會(huì)在用戶(hù)輸入值之前顯示在輸入字段中葱轩。可以占位
34. required 屬性是布爾屬性靴拱。如果設(shè)置,則規(guī)定在提交表單之前必須填寫(xiě)輸入字段袜炕。
例如:<input type="text" name="usrname" required>
HTML學(xué)習(xí)筆記
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門(mén)皇耗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)揍很,“玉大人郎楼,你說(shuō)我怎么就攤上這事窒悔。” “怎么了简珠?”我有些...
- 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)聋庵。 經(jīng)常有香客問(wèn)我,道長(zhǎng)祭玉,這世上最難降的妖魔是什么? 我笑而不...
- 正文 為了忘掉前任岛都,我火速辦了婚禮,結(jié)果婚禮上臼疫,老公的妹妹穿的比我還像新娘。我一直安慰自己烫堤,他們只是感情好,可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布塔逃。 她就那樣靜靜地躺著料仗,像睡著了一般湾盗。 火紅的嫁衣襯著肌膚如雪立轧。 梳的紋絲不亂的頭發(fā)上,一...
- 那天氛改,我揣著相機(jī)與錄音,去河邊找鬼胜卤。 笑死,一個(gè)胖子當(dāng)著我的面吹牛葛躏,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播舰攒,決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼兽叮!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起鹦聪,我...
- 序言:老撾萬(wàn)榮一對(duì)情侶失蹤匪蟀,失蹤者是張志新(化名)和其女友劉穎椎麦,沒(méi)想到半個(gè)月后材彪,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡段化,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了雄嚣。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布,位于F島的核電站斜筐,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏顷链。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒙蒙 一嗤练、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧潭苞,春花似錦、人聲如沸此疹。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至蹦骑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間眠菇,已是汗流浹背。 一陣腳步聲響...
- 正文 我出身青樓嫌蚤,卻偏偏與公主長(zhǎng)得像断傲,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子认罩,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 說(shuō)明:谷歌地圖的API好像沒(méi)法用,所以以下操作均使用百度地圖API猜年。教程來(lái)自于百度地圖開(kāi)放平臺(tái)疾忍。 1. 以下代碼創(chuàng)...
- 1. HTML5 畫(huà)布Canvas canvas 元素用于在網(wǎng)頁(yè)上繪制圖形。canvas 元素使用 JavaScr...
- 一一罩、什么是WEB前端 1.1 什么是WEB頁(yè)面(Web page) 解釋?zhuān)篧EB頁(yè)面是萬(wàn)維網(wǎng)上的一個(gè)按照HTM...
- HTML對(duì)象object 的作用是支持 HTML 助手(插件)。輔助應(yīng)用程序(helper application...
- Table 元素學(xué)習(xí) 雖然今天用幾乎用不到table元素差购,現(xiàn)在也不推薦(禁止)使用table元素進(jìn)行布局汉嗽,不過(guò)還是...