a标签
通常用作跳转或者链接一个地址,这个地址可以是外部页面、可以是页面内部的一个锚点,亦可以是一个邮箱地址或者电话号码。
href属性
- 可以是一个网址
- 如果网址为 //google.com,浏览器会自动为其添加上http协议发起请求,变为https再发起请求。
- 可以是一个文件路径。
- 可以是一个伪协议
- JavaScript伪协议:可以通过js的控制让网页做一些事情。
- mailto: 邮箱 : 通过点击这个链接向指定邮箱发送邮件。
- tel: 手机号码:手机访问点击后,可以跳转拨号。
可以指定id,例如href=”#+id”,可以实现点击链接跳转到指定的页面。
target属性
决定点击之后在哪个窗口打开。
_blank——在新窗口打开页面。
- _self——默认值,即为在本页面打开。
- _top——在最顶层页面打开。
- _parent——在本窗口的上层打开。
- 自命名——可以通过设置target=”id”来控制在一个名叫”id”的窗口打开,如果这个窗口不存在的话,那么就会新开一个窗口并且命名为”id”,若将多个连接的target均设置为”id”,就可以实现这些链接均在这个名为”id”的窗口打开。
img标签
属性
- src属性——可以是一个本地地址,也可以是一个网站链接。
- alt属性——在图片加载不出来的时候,用以替代图片显示。
- height——可以设置图片的高度。
- width——可以设置图片的宽度。
如果设定图片高度,那么宽度会自适应,相反亦然。不过不要同时设置图片的高度和宽度,这样容易导致图片变形。
事件
可以通过 js 的 onload 和 onerror 来取得图片是否加载成功,以及设定图片不能加载时候的预案。
响应式
为了方便手机用户的浏览,可以将图片的宽度设定为max-width: 100%
,即可让图片适应手机屏幕宽度。
table标签
属性
通常是由thead | tbody | tfoot
自上而下划分为三部分,其中的数据可以由tr | th | td
来表示。
tr表示一行元素,其内包含 th 和 td 。
th为表头,通常用于首行或者首列,其内的文字会加粗显示。
td为一般单元格存储数据。
样式
tablelayout:
auto 自适应宽高(默认);
fix 等宽;
border-collapse: collapse;
合并单元格边框,通常在开始的时候全局声明。border-spacing: 0;
令单元格之间的空隙为0。
标签的这么多属性,还是需要之后的多加练习才能够理解掌握,以后多多写代码。