02-html基礎(chǔ)第2天列表、表格表單1教學(xué)知識點

1、第二天內(nèi)容的補充一. A作用：a.頁面之間的跳轉(zhuǎn)a) 跳轉(zhuǎn)b.在當(dāng)前頁面跳轉(zhuǎn)a) 跳轉(zhuǎn)c.在當(dāng)前頁面定位a) 跳轉(zhuǎn)d.在跳轉(zhuǎn)的頁面進(jìn)行定位：跳轉(zhuǎn)注意：使用時必須保證在目標(biāo)頁面有中的 id 名跟 a中的 id名保持一致。f.可以用來(強烈建議不要使用，如果使用這玩意，將來的源碼。)很有可能被直接Base:作用：用來指定跳轉(zhuǎn)方式：屬性：:將來跳轉(zhuǎn)到目標(biāo)頁面的方式_self:直接在當(dāng)前頁面進(jìn)行跳轉(zhuǎn)_bl:在新的頁面進(jìn)行跳轉(zhuǎn)，當(dāng)前頁面會保留。：1）如果既設(shè)置了 base 的又設(shè)置了 a的那么將來在跳轉(zhuǎn)的時候會以 a的為主。2）Base寫在 title之下二. Sublime 的快捷鍵:三. 結(jié)構(gòu)中的每

2、個的含義：快捷鍵效果Ctrl+shift +D選中代碼 DOCTYPE:文檔類型DTD:文檔類型定義.1 當(dāng)前的主流文檔類型：Html:xHtml(html2.0 版本（是一種相對 html 語法更加嚴(yán)謹(jǐn)?shù)?hmtl）):具體分類同 html:三種規(guī)范HTML Strict DTD請求比較嚴(yán)格的 html 類型（在這種規(guī)范中不提倡使用已經(jīng)被淘汰的）HTML Transitional DTD相對而言比較規(guī)范不太嚴(yán)禁Frameset DTD在使用框架時用到注意：將來在使用 DOCTYPE 的時候把 html 后面的所有的內(nèi)容全部去掉，因為如果不去掉使用的 html，xhtml 中的規(guī)范但是現(xiàn)在這些

3、規(guī)范都過時了，因為h5 問世。Html：作用所有 html 中的一個根節(jié)點。Head：作用：用于存在：title,meta,base,style,script,linkBody：作用：用于存放所有的 html 的結(jié)構(gòu)：p,h,a,b,u,i,s,em,del,ins,strong.Title：作用：讓頁面擁有一個屬于自己的標(biāo)題。meta：常用用法：1.Description：可以描述頁面，可以用來使用程序（網(wǎng)絡(luò)爬蟲）來收錄關(guān)鍵信息，以此提高頁面的排名。2.Keywords：，可以用來提高頁。面的詞的（前升排名的式。）3.字符集（編碼格式）：Charset（字符集的格式）：UTF-8.注意：字符

4、集（文字在電腦是的字典）：電腦是不能直接文字的，一般情況下電腦的是這個文字在“字典”里對應(yīng)的位置。gb2313gbk;國標(biāo) 2313國標(biāo)擴(kuò)所有一般看到亂碼的原因是因為查找的字典不對：做了一個小的例子：文檔的內(nèi)容用的是 utf-8 格式，而的存放文檔的這個文件的格式是 gbk, Gbk,utf-8 之間的區(qū)別：相同點：都是字符的編碼格式。區(qū)別：Utf-8:收錄是全世界所有的語言中的文字。Gbk:收錄了漢字，片假名。大?。篣tf-8gbk性能：Uft-8gbk在整個學(xué)習(xí)過程中都用 utf-8;約定：將來Utf-8一個漢字占 3 個字節(jié)，Gbk一個漢字上 2 個字節(jié)四.SEO 優(yōu)化-搜索引擎優(yōu)化作用

5、：用來優(yōu)化，使用在搜索引擎上的排名先前。是如何收錄一個的信息的呢？自己寫的一個程序來收錄每個的信息。五.之間的關(guān)系以及的分類：并列：兩個處于同一級別。嵌套：子元素：后代元素：可以分為兩類：單：hr,br,meta雙：p,h,a特點：雙之間一般要放內(nèi)容，單不需要六. 被遺棄的：特點：如果自己帶有樣式，那么標(biāo)準(zhǔn)一般情況下是不建議使用。被遺棄的：b,u,i,s(自己帶有樣式)br,hr(破壞了頁面的結(jié)構(gòu))作業(yè) ：上網(wǎng)（淘寶，京東，新浪）七. 列表：作用：頁面有一些數(shù)據(jù)需要顯示。無序列表：作用：顯示一列沒有排列順序的數(shù)據(jù)。代碼：注意：1.0 無序列表中的數(shù)據(jù)沒有先后順序之分。2.0ul最好不要單獨出現(xiàn)

6、。3.0ul是用來管理 li。4.0ul中最好只放 li。5.0li中可以放其它。6.0li是一個容器。有序列表：作用：顯示一段有順序的數(shù)據(jù)。代碼：注意：有序列表中的所有數(shù)據(jù)都是順序的?，F(xiàn)在一般情況下 ul用的比較多，ol用的比較少。自定義列表：作用：顯示一段數(shù)據(jù)，格式自己定義代碼：處理兼容性：將所有的設(shè)置一個的樣式。八. 表格作用：用來將數(shù)據(jù)以表格形式顯示出來。代碼：表格中的其它：作用特點起到表頭的作用其中的文字加粗，居中給表格設(shè)置標(biāo)題在表格的最上面顯示標(biāo)題屬性作用border給表格加上了邊框width給表格設(shè)置寬height給表格設(shè)置高用來存放當(dāng)前列的表頭如果沒有加 css 頁面默認(rèn)將表頭

7、中的高度設(shè)置變小一般用來存放頁面中的主體數(shù)據(jù)如果不寫會自動加上一般情況不會出現(xiàn)九. 表單：表單元素頁面上能夠填寫的內(nèi)容都是的表單元素。作用：用來收集用戶的信息，將來提交到服務(wù)器。屬性作用inputtypetext:文本框password：框：如果想要多個 radio 或者 checkbox 組成一個選擇集合，那么必須給每個 radio 以及 checkbox 都設(shè)置相同 name 屬性。如何給 radion,checkbox 設(shè)置默認(rèn)值呢？設(shè)置另外一個屬性：checked=”checked”我需要給下拉框設(shè)置默認(rèn)值？selected=selectedhidden:隱藏域 radio:單選框 checkbox:多選框 button:按鈕 reset:重置 image:按鈕submit:提交value用于設(shè)置默認(rèn)值 (text,password,button)selectoption下拉框textarea文本域 Form：為什么占擊 reset 沒有效果??？因為 type=resrt 的按鈕只能在 Form 之