下載本文檔
版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
《HTML》知識點學習筆記一、基本標簽——〉告訴瀏覽器,我得文檔類型是html>引入外部js文件、css文件,css——〉告訴瀏覽器,我得文檔類型是html>引入外部js文件、css文件,css樣式<head><metacharset=〃UTF-8〃>>設置頁面編碼格式<title>Document</title>>設置瀏覽器面板的名字</head><body>>頁面展示的內容頁面顯示的內容寫在body標簽內</body></html>標題標簽段落標簽加粗標簽斜體標簽5.hl~h6,在普通文本基礎上:文字大小、文字粗細、行間距標題標簽段落標簽加粗標簽斜體標簽5.P標簽,在普通文本基礎上:行間距strong、bem>i上下標標簽:subCH)>sup(上)例子:H〈sub>2〈/sub>。>H20大小標簽:big、small刪除標簽:del換行標簽:br分割線標簽:hr.沒有樣式的標簽:span.排版標簽:div.圖片標簽:<imgsrc="圖片的路徑"alt二”圖片丟失顯示文字”titles"鼠標懸停顯示名字”>圖片路徑分類:(1)絕對路徑:E:\img\l.png(2)相對路徑:相對與當前文件找另一個文件返回上一目錄:??/進入某個文件夾:文件夾名/E:\java2002\demo.htmlE:\java2002\img\l.jpg.鏈接標簽:<ahref="鏈接地址"target="”>名字</a>(1)如果a標簽不寫href,那么此標簽內容為純文本(2)超級鏈接:鏈接網址一》https:〃網址(3)錨鏈接:點擊錨鏈接,跳轉到綁定id的位置<ahref="#bottom”>跳轉到</a><pid二"bottom">我是錨鏈接目標位置</p>例:當點擊a標簽時,會自動跳轉到p標簽位置,p標簽的id名字要與a標簽的href一致,并且href要先加上#(4)target有兩個值:_self在當前窗口打開新頁面、blank在新窗口打開新頁面(5)錨鏈接跳轉頁面設置錨點用法:參考案例:a標簽所有用法.html、index.html二、行內元素與塊級元素的定義1、塊級元素:元素的寬度獨占一行,例:hl?h6、p2、行內元素:寬度有內容撐開,兩個行內元素可以在同一行排列3、判別方法:在瀏覽器中F12,檢查Elements,鼠標滑到想要檢驗的標簽上,看此標簽是否內容占領一行三、列表、表格.無序列表:<ul><HX/li><li></li></ul>描述:每一個li前默認有一個實心小圓點修改li前樣式方法:<ultype二"值”>值分別有:none去掉樣式、square實心方塊、circle空心圓.有序列表:<ol><li></li><li></li></ol>描述:每一個li前默認排序方式123???.修改li前樣式方法:<ultype二"值”>值分別有:a、A、i、I、1.定義列表:<dl>〈dt〉一級目錄</dt><dd>內容〈/dd><dt〉一級目錄</dt><dd>內容</dd></dl>.表格:<table><tr>控制行<td></td>控制列</tr></table>四、表單1.表單整體結構:<formaction二”請求地址"method=”請求方式"></form>(1)method默認請求方式為:get(2)當method二"get”的時候:在瀏覽器url地址顯示參數(3)當method="post”的時候:url隱藏參數數百度一下,你就知道x+Cft...劃紅線的就是ur].表單元素:<input>type默認值type二"text",修改type的值,會改變表單樣式:text:可以寫任何文本password:輸入內容不可見date:時間選擇器file:選擇本地文件radio:單選按鈕綁定name值一樣,只選擇一個,默認選中:checkedcheckbox:復選框,默認選中:checkedrange:滑塊color:取色器reset:重置按鈕,必須結合form標簽使用submit:提交按鈕,必須結合form標簽使用.下拉菜單:<select><optionvalue=””>內容Koption>????<optionvalue=”"selected>內容2<option></select>備注:如果在某個option標簽內寫:selected,那么此選項會被默認選中.文本域:<textareacols="“rows=""></textarea>備注:cols控制列、rows控制行.拓展知識點:placeholder二”默認文字效果”可以寫在text、password、textarea五、frame框架:在一個頁面中內嵌另一個頁面iframe用法:內嵌頁面可進行跳轉<ahref二"car.html”target=”iframe”>汽車頁面〈/a><ahref="girl.html”target="iframe”>美女頁面</a><iframesrc="car.html“name二"iframe></iframe>(Da標簽的target的值與iframe標簽的name值綁定,點擊相應a標簽會跳轉相應頁面(2)iframe標簽的src含義是跳轉頁面的路徑frameset用法:內嵌頁面進行顯示<frameset><framesrc二"美女.html”></frame><fra
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年度整棟倉庫出租承包及倉儲服務合同4篇
- 2024版技術開發(fā)與轉讓合同具體內容
- 2025年度無人機航空拍攝服務合同3篇
- 2024版農業(yè)蔬菜大棚承包合同
- 2025年度體育健身充值卡銷售與合作推廣合同4篇
- 2025年度水電工程招投標代理服務承包合同集錦4篇
- 2025年度新型建筑材料代售合同協議范本4篇
- 2025年度商業(yè)地產資產保值增值顧問服務合同4篇
- 2025年度新能源企業(yè)代理記賬與綠色金融合作合同4篇
- 2025年度智能窗簾系統(tǒng)承包安裝與維護合同范本4篇
- 金蓉顆粒-臨床用藥解讀
- 社區(qū)健康服務與管理教案
- 2023-2024年家政服務員職業(yè)技能培訓考試題庫(含答案)
- 2023年(中級)電工職業(yè)技能鑒定考試題庫(必刷500題)
- 藏歷新年文化活動的工作方案
- 果酒釀造完整
- 第4章-理想氣體的熱力過程
- 生涯發(fā)展展示
- 法治副校長專題培訓課件
- 手術室應對突發(fā)事件、批量傷員應急預案及處理流程
- 動機-行為背后的原因課件
評論
0/150
提交評論