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