1.绝对路径_相对路径相对路径相当于当前位置./同级 /下一级 ../上一级绝对路径本地和网络以根位置作为参考点本地例如E:/demo1/demo2不常用 网络例如http://www.atguigu.com........2.图片格式1.jpg.jpg或jpeg有损压缩 占用空间小2.png: 无损压缩 支持透明背景3.bmp: 不压缩 最精细4.gif: 颜色简单 支持动态图5.webp: 兼容性差6.base64:要通过浏览器打开观看 不受文件位置影响3.超链接常用属性 href 指定要跳转到的具体目标。target 控制跳转时如何打开页面常用值如下_ self 在本窗口打开。(不写默认)_ blank 在新窗口打开。id 元素的唯一标识可用于设置锚点。name :元素的名字写在 a 标签中也能设置锚点清除浏览数据ctrlshiftdelete注意点具有 href 属性的 a 标签是超链接具有 name 属性的 a 标签是锚点。name 和 id 都是区分大小写的且 id 最好别是数字开头。超文本是指连接单个网站内或多个网站间的网页的链接。有序列表ol无序列表ul自定义列表dldt:术语名称 dd术语描述表格表格一般含有表格标题表格头部表格主体和表格脚注。它们分别用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 值的大小并不控制单元格边框的宽度只能控制表格最外侧边框的宽度2给某个 th 或 td 设置了宽度之后他们所在的那一列的宽度就确定了。3给某个 th 或 td 设置了高度之后他们所在的那一行的高度就确定了。关于补充有些常用的标签可以适当补充如br可以执行换行hr可以进行分割pre可以使内容按原文显示即不自动省略空格和换行。但有一点必须强调不能为了使用这些标签的效果就去使用要更看重它们所富含的语义。表单表单常使用的标签有三个forminput和button。关于form的target属性与前文超链接处使用方法和效果类似action用于指定提交地址一般是网址。input用于建立输入框type属性可以修改输入框的类型name用于指定数据名称。form actionhttps://www.baidu.com/s input typetext namewd button搜索/button /form/s----搜索结果常见表单控件禁用表单控件表单控件的标签设置 disabled 既可禁用表单控件。input、textarea、button、select、option都可以设置disabled属性关于label标签label标签用于与表单控件相关联关联后点击对应文字就会选择相应选项。两种方法一种是用id属性让label标签的for属性值等于表单控件的id第二种方法则是直接用label把这些东西套起来。fieldset与legendfieldset表单分组容器自带边框legend分组标题利用iframe嵌入普通网页/广告网页/其他内容与超链接的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内嵌页面的网址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专业/td tdselect option计算机科学与技术/option option软件工程/option option物联网工程/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