1.絕對路徑_相對路徑相對路徑相當于當前位置./同級 /下一級 ../上一級絕對路徑本地和網(wǎng)絡(luò)以根位置作為參考點本地例如E:/demo1/demo2不常用 網(wǎng)絡(luò)例如http://www.atguigu.com........2.圖片格式1.jpg.jpg或jpeg有損壓縮 占用空間小2.png: 無損壓縮 支持透明背景3.bmp: 不壓縮 最精細4.gif: 顏色簡單 支持動態(tài)圖5.webp: 兼容性差6.base64:要通過瀏覽器打開觀看 不受文件位置影響3.超鏈接常用屬性 href 指定要跳轉(zhuǎn)到的具體目標。target 控制跳轉(zhuǎn)時如何打開頁面常用值如下_ self 在本窗口打開。(不寫默認)_ blank 在新窗口打開。id 元素的唯一標識可用于設(shè)置錨點。name :元素的名字寫在 a 標簽中也能設(shè)置錨點清除瀏覽數(shù)據(jù)ctrlshiftdelete注意點具有 href 屬性的 a 標簽是超鏈接具有 name 屬性的 a 標簽是錨點。name 和 id 都是區(qū)分大小寫的且 id 最好別是數(shù)字開頭。超文本是指連接單個網(wǎng)站內(nèi)或多個網(wǎng)站間的網(wǎng)頁的鏈接。有序列表ol無序列表ul自定義列表dldt:術(shù)語名稱 dd術(shù)語描述表格表格一般含有表格標題表格頭部表格主體和表格腳注。它們分別用caption,thead,tbody和tfoot表示。行則用tr表示頭部單元格用th表示其他部位單元格用td表示 例如!DOCTYPE html html langzh-CN head meta charsetUTF-8 title個人信息/title /head body table border1 caption個人信息/caption thead tr th姓名/th th年齡/th th民族/th th性別/th /tr /thead tbody tr td張三/td /tr /tbody tfoot /tfoot /table /body /html注意點 table 元素的 border 屬性可以控制表格邊框但 border 值的大小并不控制單元格邊框的寬度只能控制表格最外側(cè)邊框的寬度2給某個 th 或 td 設(shè)置了寬度之后他們所在的那一列的寬度就確定了。3給某個 th 或 td 設(shè)置了高度之后他們所在的那一行的高度就確定了。關(guān)于補充有些常用的標簽可以適當補充如br可以執(zhí)行換行hr可以進行分割pre可以使內(nèi)容按原文顯示即不自動省略空格和換行。但有一點必須強調(diào)不能為了使用這些標簽的效果就去使用要更看重它們所富含的語義。表單表單常使用的標簽有三個forminput和button。關(guān)于form的target屬性與前文超鏈接處使用方法和效果類似action用于指定提交地址一般是網(wǎng)址。input用于建立輸入框type屬性可以修改輸入框的類型name用于指定數(shù)據(jù)名稱。form actionhttps://www.baidu.com/s input typetext namewd button搜索/button /form/s----搜索結(jié)果常見表單控件禁用表單控件表單控件的標簽設(shè)置 disabled 既可禁用表單控件。input、textarea、button、select、option都可以設(shè)置disabled屬性關(guān)于label標簽label標簽用于與表單控件相關(guān)聯(lián)關(guān)聯(lián)后點擊對應(yīng)文字就會選擇相應(yīng)選項。兩種方法一種是用id屬性讓label標簽的for屬性值等于表單控件的id第二種方法則是直接用label把這些東西套起來。fieldset與legendfieldset表單分組容器自帶邊框legend分組標題利用iframe嵌入普通網(wǎng)頁/廣告網(wǎng)頁/其他內(nèi)容與超鏈接的target屬性配合使用與表單的target屬性配合使用iframe srchttps://www.baidu.com width900 height300/iframe a hrefhttp://www.toutiao.com targettt點我看新聞/a iframe namett frameborder0 width900 height300/iframe form action https://so.toutiao.com/search target container input type text name keyword input type submit Ivalue 搜索 / form iframe name container frameborder 0 width 900 height 300/ iframe 邊框frameborder:他的值只有0或1即有與沒有常用屬性src內(nèi)嵌頁面的網(wǎng)址width / height寬高像素frameborder0去掉邊框HTML 舊屬性name框架名字可以作為 a 標簽 target 目標常用字符實體 nbsp ; 空格或#160 lt ; gt ; amp ; yen ; copy ; ? times ; × divide ; ÷!DOCTYPE html html langzh-CN head meta charsetUTF-8 title個人信息/title /head body table border5 cellspacing0 caption個人信息/caption thead/thead tbody tr td colspan7 aligncenter個人信息/td /tr tr td rowspan3img src./通達?；?jpg title這是通達校徽 width100 height100 /td td width65 bgcolorskyblue姓名/td tdinput typetext placeholder請輸入姓名 /td td width65 bgcolorskyblue年齡/td tdselect option18/option option19/option option20/option /select /td td rowspan3 width130a hrefhttp://jwxt.nytdc.edu.cn/jwglxt/xtgl/login_slogin.html target_blank 前往查詢個人課表 /a /td td rowspan3 width110h4學習目標:/h4 ol li勤學善思/li li篤學力行/li li慎思篤行/li /ol /td /tr tr td bgcolorskyblue aligncenter性別/td tdinput typeradio namegender checked男 input typeradio namegender女 /td td bgcolorskyblue專業(yè)/td tdselect option計算機科學與技術(shù)/option option軟件工程/option option物聯(lián)網(wǎng)工程/option /select /td /tr tr td bgcolorskyblue alignright愛好/td tdinput typecheckbox namehobby閱讀 input typecheckbox namehobby聽歌 input typecheckbox namehobby跑步 input typecheckbox namehobby checked敲代碼 /td td bgcolorskyblue valignbottom自我介紹/td tdtextarea cols20 rows5 placeholder我喜歡敲代碼希望認識很多朋友/textarea /td /tr /tbody tfoot tr td colspan7 aligncenterbutton typebutton提交個人信息/button /td /tr /tfoot /table /body /html