一、a标签的用法
1、a标签的作用:①跳转到外部页面;②跳转到内部锚点;③跳转到邮箱或电话等。
2、a标签的属性:
①href 引用/链接
取值:
a.网址(三种写法)
//google.com 无协议,链接继承原网页协议
b.路径
/a/b/c(首“/”不是根目录,是网页文件夹的目录)以及 a/b/c
index.html(会在当前目录寻找)以及./index.html
c.伪协议
javascript:可执行的代码;mailto:邮箱;tel:手机号
d.id
href=#xxx id="xxx"会跳转到对应ID一行
②target 在哪个页面打开
取值:
a.内置名字:_blank 新空白页打开;_top 同个网页两个页面的最顶层页面打开;_parent 同个网页多个页面的父级页面打开;_self 原页面打开
b.程序员命名:window的name;iframe的name
③download 下载页面(不是所有浏览器都支持,手机浏览器可能不支持)
二、img标签的用法
1、img标签的作用:发出get请求,展示一张照片
2、ing标签的属性:alt:加载失败时显示的文字提示;height高width宽,只写其中一个图片会自适应另外一个;src:图片地址
3、事件:onload/onerror,监听图片是否加载成功
4、响应式:max-width:100%,手机看满屏
5、可替换元素
三、table 标签的用法
1、相关的标签
table;thead表头;tbody;tfoot【顺序不影响实际效果】
tr(table row)表示表格里的一行
td(table data)表示表格里的数据
th(table head)表头
2、相关的样式
table-layout ①auto自动计算;②fixed等宽
border-collapse 表格格子合并
border-spacing 表格格子间隔
四、其他感想
翻开书:马冬梅
盖上书:马什么梅?