一.相对路径与绝对路径1.相对路径:以当前位置作为参考点,去建立路径。2. 绝对路径:以根位置作为参考点,去建立路径。1. 本地绝对路径:E:/a/b/c/奥特曼.jpg。(很少使用)2. 网络绝对路径:http://www.atguigu.com/images/index_new/logo.png。3.常见图片格式1jpg格式2png格式3bmp格式4gif格式5webp格式6base64格式二.超链接主要作用从当前页面进行跳转1.跳转页面2.跳转文件!-- 浏览器能直接打开的文件 --a href./图片看图片/aa href./图片看图片/aa href./图片看图片/aa href./图片看图片/a!-- 浏览器不能打开的文件,会自动触发下载 -- a href./内部资源.zip内部资源/a!-- 强制触发下载 -- a href./resource/小电影.mp4download电影片段.mp4下载电影/a3.跳转锚点什么是锚点 ?-- 网页中的一个标记点。具体使用方式:1· 第一步:设置锚点!- - 第一种方式:a标签配合name属性 - - aname test1/a!- - 第二种方式 : 其他标签配合id属性 - - h2idtest2 我是一个位置/h22·第二步跳转锚点!-- 跳转到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);点我弹窗/a4.唤起指定应用通过a标签,可以唤起设备应用程序。!-- 唤起设备拨号 -- a hreftel:10010电话联系/a!-- 唤起设备发送邮件 -- a hrefmailto:10010qq.com邮件联系/a!-- 唤起设备发送短信 -- a hrefsms:10086短信联系/a5.超文本含义三.列表1.有序列表概念:有顺序或侧重顺序的列表。2.无序列表概念:无顺序或不侧重顺序的列表。3.列表嵌套概念:列表中的某项内容,又包含一个列表(注意:嵌套时,请务必把解构写完整)注意:li标签最好写在u1或o1中,不要单独使用。4.自定义列表1. 概念:所谓自定义列表,就是一个包含术语名称以及术语描述的列表。2. 一个dl就是一个自定义列表,一个dt就是一个术语名称,一个dd就是术语描述(可以有多个)。shifttab左滑tab右滑5.表格基本结构1. 一个完整的表格由:表格标题、表格头部、表格主体、表格脚注,四部分组成。2. 表格涉及到的标签:table:表格caption:表格标题thead :表格头部tbody:表格主体tfoot:表格注脚tr:每一行th、td:每一个单元格(备注:表格头部中用th,表格主体、表格脚注中用:td)3.具体代码6.表格的常用属性7.表格的跨行与跨列shiftalt鼠标下滑一列快速删减rowspan:指定要跨的行数。colspan:指定要跨的列数。课程表效果:编写思路8.常用标签补充四.表单1.基本结构示范代码2.常用表单控件1文本输入框inputtypetext2密码输入框input typepassword3单选框inputtyperadionamesexvaluefemale女inputtyperadionamesexvaluemale男4多选框inputtypecheckboxnamehobbyvaluesmoke抽烟inputtypecheckboxnamehobbyvaluedrink喝酒inputtypecheckboxnamehobbyvalueperm烫头5隐藏域inputtypehiddennametagvalue1006提交按钮inputtypesubmitvalue点我提交表单”button点我提交表单/button7重置按钮inputtyperesetvalue点我重置”buttontypereset点我重置/button8.普通按钮inputtypebuttonvalue普通按钮buttontypebutton普通按钮/button(9.文本域textareanamemsgrows22cols3我是文本域/textarea(10.下拉框selectnamefromoptionvalue黑黑龙江/optionoptionvalue[/optionoptionvalue吉吉林/optionoptionvalue粤”selected广东/option/select3.禁用表单控件给表单控件的标签设置disabled既可禁用表单控件。input、textarea、button、select、option都可以设置disabled属性4.label标签label标签可与表单控件相关联,关联之后点击文字,与之对应的表单控件就会获取焦点。两种与label关联方式如下:1. 让label标签的for属性的值等于表单控件的id。2. 把表单控件套在label标签的里面。5. fieldset与legend的使用(了解)fieldset可以为表单控件分组、legend标签是分组的标题。示例:6.表单总结五.框架标签1.Winv剪切栏快捷键2.ctrlkc或者ctrl/快速注释iframe标签的实际应用:1. 在网页中嵌入广告。2. 与超链接或表单的target配合,展示不同的内容。2.HTML字符实体在HTML中我们可以用一种特殊的形式的内容,来表示某个符号这种特殊形式的内容就是HTML实体。比如小于号用于定义HTML标签的开始。如果我们希望浏览器正确地显示这些字符,我们必须在HTML源码中插入字符实体。字符实体由三部分组成:一个和一个实体名称(或者一个#和一个实体编号),最后加上一个分号;。常见字符实体总结:完整实体列表请参考: HTML Standard(whatwg.org)