相对路径_绝对路径相对路径引用图片同级body!-- ./ 为当前位置--imgsrc./(图片名)alt/body不同级比当前文件夹小一级body!-- / 为一级级深入直至找到图片 --imgsrc./a/(图片名)alt/body比当前文件大一级imgsrc../绝对路径本地绝对路径C.D盘图片地址网路绝对路径地址要为最纯粹的图片常见图片格式jpg有损压缩优点颜色丰富占用空间小缺点不支持透明背景、动图png无损压缩优点颜色丰富支持透明背景缺点占用空间略大不支持动图使用logo重要配图bmp不压缩优点颜色丰富细节更多缺点占用空间极大不支持透明背景、动图使用大型游戏gif优点支持简单透明背景支持动图缺点颜色256种使用网页中的动图webp专门用在网页中呈现图片以上效果全支持但兼容性不好base64通过浏览器打开传统看图软件无法打开进行base64编码形成一串文本超链接标签名1.跳转页面body!-- _blank 新建一个标签打开 _self在当前标签打开 href要跳转的具体位置--ahref(网址)target_self去秒杀/aahref(网址)target_blank去秒杀/a/body也可跳转本地网页a为行内元素但可包含除自身外的任何元素2.跳转文件与跳转页面相同1.1浏览器直接打开1.2浏览器不能直接打开会自动触发下载1.3强制触发下载!--download可不写属性值 download 属性值为下载的文件名--ahref(网址)download去秒杀/a3.跳转锚点!--第一种跳转方式--ahref#htl看灰太狼/a!--此标签在最前面--anamehtl/a!--此标签一般在目标代码前--ahref(网址)alt灰太狼!--第二种--pidatm一直很能打的奥特曼/p!--id不能数字开头--ahref(网址)alt奥特曼ahref#回到顶部/aahref刷新页面/aahrefjavascript:alert(666);点我弹窗/a有href属性的a标签为超链接有name属性的a标签为锚点name、id区分大小写4.唤起指定应用ahreftel:电话号码电话联系/aahrefmailto:邮箱邮箱联系/aahrefsms:电话号码短信联系/a超文本含义连接单个网站内或多个网站间的网页的链接列表有序列表ololli/li/ol无序列表ululli/lilispan!--嵌套有序列表类似--ul/ulli/lim/span/li/ul定义列表dldldt术语名称/dtdd对术语的描述/dd/dl注意事项1.ol、ul中的子元素一定为 li2.li 不要单独使用表格基本结构tableborder1t!--表格标题--caption学生信息/caption!--表格头部--thead!-- border1 边框 --trth姓名/thth性别/thth年龄/thth民族/thth政治面貌/th/tr/thead!--表格主体--tbodytrtd张三/tdtd男/tdtd18/tdtd汉族/tdtd团员/td/trtrtd李四/tdtd女/tdtd20/tdtd满族/tdtd群众/td/trtrtd王五/tdtd男/tdtd19/tdtd回族/tdtd党员/td/trtrtd赵六/tdtd女/tdtd21/tdtd壮族/tdtd团员/td/tr/tbody!--表格脚注--tfoottrtd/tdtd/tdtd/tdtd/tdtd共计4人/td/tr/tfoot/table表格头部的单元格为 th表格主体与表格脚注为 td每一行为 tr常用属性1.tableborder 表格边框 属性值大于1只能调节外边框width 表格宽度height 高度cellspacing 单元格间距2.theadheightalign(文字水平对齐方式)左对齐 left 右对齐 right 居中对齐 centervalign(垂直对齐)上 top 中 middle 下 bottom3.tbody / tfoot / tr与thead 一样4.th / tdwidth / height / 对齐方式跨行和跨列rowspan 要跨的行数colspan 要跨的列数先用-表示补充常用标签!-- 换行标签 --br!-- 分割线 --hr!-- 按原文显示 --pre/pre表单基本结构formactionhttps://www.baidu.com/sinputtypetextnamewdbutton搜索/button/form常用控件formactionhttps://search.jd.com/search!-- 文本输入框 常用属性 name:数据名称 value:输入框的默认值 maxlength:输入框的最大输入长度 --账户inputtypetextnameaccountvaluezhangsanbr!-- 密码输入框 常用属性 与文本输入框相同 --密码inputtypepasswordnamepwdvaluezhangsanbr!-- 单选框 checked:让单选框/复选框默认选中 单选框/复选框一点要写 value --性别inputtyperadionamegendervaluemale男inputtyperadionamegendervaluefemalechecked女br!-- 多选框 --爱好inputtypecheckboxnamehobbyvalueeat吃inputtypecheckboxnamehobbyvalueplaychecked玩br!-- 文本域 rows:默认显示行数影响文本域高度 cols:显示列数影响宽度 不能编写type属性 --其他textareanameothercols23rows3/textareabr!-- 下拉框 建议设置value值 option标签设置了selected属性默认选中 --籍贯selectnameplaceoptionvalue冀河北/optionoptionvalue鲁selected山东/optionoptionvalue川四川/option/select!-- 隐藏域 用户不可见的输入区提交表单时携带一些固定数据 value:提交的真正数据 --inputtypehiddennametagvaluetoutiaobr!-- 确认按钮_第一种--!-- button确认/button--!-- 确认按钮_第二种 确认按钮中不写name --inputtypesubmitvalue确认br!-- 重置按钮_第一种--!-- button typereset重置/button--!-- 第二种--inputtyperesetvalue点击重置br!-- 普通按钮 type值为button,如不写type值为submit会引起表单提交 --buttontypebutton检测账户是否注册/buttoninputtypebuttonvalue检测账户是否注册br/form禁用表单控件!-- disabled:可用在input / textarea / button / option--label 标签可与表单控件相关联关联之后点击文字与之对应的表单控件就会获取焦点按钮不需要关联两种方式1.让label标签的for值等于表单控件的idlabelforzhanghu账户/labelinputidzhanghutypetextnameaccountvaluezhangsanbr2.把表单控件嵌套在label标签里label账户inputtypetextnameaccountvaluezhangsan/labelbrfieldset与legendfieldsetlegend主要信息/legend账户inputtypetextnameaccountvaluezhangsanbr密码inputtypepasswordnamepwdvaluezhangsanbr性别inputtyperadionamegendervaluemale男inputtyperadionamegendervaluefemalechecked女/fieldsetfieldset可以为表单控件分组 、legend标签时分组标题框架标签!-- 利用iframe嵌入一个普通网页--iframesrchttps://www.toutiao.comwidth900height300frameborde1/iframe!-- 与超链接的target属性配合使用--ahrefhttps://www.toutiao.comtargettt点我看新闻/a!-- 与表单的target属性配合使用--formactionhttps://so.toutiao.com/searchtargetcontainerinputtypetextnamekeywordbutton搜索/button/formiframenamettframeborder0width900height300/iframeframeborder是否显示边框值值0 /1字符实体用特殊的形式来表示某个符号nbsp: ; 表示空格lt: /gt左右尖括号amp 为符yen 为copy 版权所有times*divide/