HTML學(xué)習(xí)筆記

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市乌助,隨后出現(xiàn)的幾起案子溜在,更是在濱河造成了極大的恐慌他托,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件赏参,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡登刺,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)皇耗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)揍很,“玉大人郎楼,你說(shuō)我怎么就攤上這事窒悔。” “怎么了简珠?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)聋庵。 經(jīng)常有香客問(wèn)我,道長(zhǎng)祭玉,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任岛都,我火速辦了婚禮,結(jié)果婚禮上臼疫,老公的妹妹穿的比我還像新娘。我一直安慰自己烫堤,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布塔逃。 她就那樣靜靜地躺著料仗,像睡著了一般湾盗。 火紅的嫁衣襯著肌膚如雪立轧。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 48,970評(píng)論 1 284
  • 那天氛改,我揣著相機(jī)與錄音,去河邊找鬼胜卤。 笑死,一個(gè)胖子當(dāng)著我的面吹牛葛躏,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播舰攒,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼兽叮!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起鹦聪,我...
    開(kāi)封第一講書(shū)人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤匪蟀,失蹤者是張志新(化名)和其女友劉穎椎麦,沒(méi)想到半個(gè)月后材彪,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡段化,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了雄嚣。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡缓升,死狀恐怖鼓鲁,靈堂內(nèi)的尸體忽然破棺而出港谊,到底是詐尸還是另有隱情,我是刑警寧澤歧寺,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布,位于F島的核電站斜筐,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏顷链。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一嗤练、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧潭苞,春花似錦、人聲如沸此疹。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至蹦骑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間眠菇,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工笑窜, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人登疗。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓嫌蚤,卻偏偏與公主長(zhǎng)得像断傲,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子认罩,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容