day02(张益瑄)上

1.相对路径与绝对路径相对路径 以当前路径作为参考点去建立路径绝对路径 以根位置作为参考点去建立路径2.常见的图片格式jpg格式png格式bmp格式gif格式webp格式base64格式3.超链接主要作用进行页面跳转可以实现①跳转到指定页面、②跳转到指定文件也可触发下载、③跳转到锚点位置、④唤起指定应用。跳转页面!-- 跳转其他网页 -- a hrefhttps://www.jd.com/ target_blank去京东/a !-- 跳转本地网页 -- a href./10_HTML排版标签.html target_self去看排版标签/a注意点代码中的多个空格、多个回车都会被浏览器解析成一个空格虽然 a 是行内元素但 a 元素可以包裹除它自身外的任何元素跳转文件!-- 浏览器能直接打开的文件 -- a href./resource/自拍.jpg看自拍/a a href./resource/小电影.mp4看小电影/a a href./resource/小姐姐.gif看小姐姐/a a href./resource/如何一夜暴富.pdf点我一夜暴富/a !-- 浏览器不能打开的文件会自动触发下载 -- a href./resource/内部资源.zip内部资源/a !-- 强制触发下载 -- a href./resource/小电影.mp4 download电影片段.mp4下载电影/a注意1若浏览器无法打开文件则会引导用户下载。注意2若想强制触发下载请使用 download 属性属性值即为下载文件的名称。跳转到锚点1.设置锚点!-- 第一种方式a标签配合name属性 -- a nametest1/a !-- 第二种方式其他标签配合id属性 -- h2 idtest2我是一个位置/h2注意点具有 href 属性的 a 标签是超链接具有 name 属性的 a 标签是锚点。name 和 id 都是区分大小写的且 id 最好别是数字开头。2.跳转锚点!-- 跳转到test1锚点-- a href#test1去test1锚点/a !-- 跳到本页面顶部 -- a href#回到顶部/a !-- 跳转到其他页面锚点 -- a hrefdemo.html#test1去demo.html页面的test1锚点/a !-- 刷新本页面 -- a href刷新本页面/a !-- 执行一段js,如果还不知道执行什么可以留空javascript:; -- a hrefjavascript:alert(1);点我弹窗/a唤起指定应用!-- 唤起设备拨号 -- a hreftel:10010电话联系/a !-- 唤起设备发送邮件 -- a hrefmailto:10010qq.com邮件联系/a !-- 唤起设备发送短信 -- a hrefsms:10086短信联系/a列表1.有序列表2.无序列表3.列表嵌套4.自定义列表表格基本结构一个完整的表格由表格标题、表格头部、表格主体、表格脚注四部分组成。表格涉及到的标签常用属性跨行跨列rowspan 指定要跨的行数。colspan 指定要跨的列数。常用标签补充