本片文章将介绍几个常用标签的用法
a标签(a标签定义超链接,用于从一张页面链接到另一张页面。)
- href属性的取值:
①网址:http://baidu.com 、 https://xiaomi.com 、//google.com
②路径:/a/b/c以及a/b/c index.html以及./index.html
③伪协议: javascript:; mailto:跳转到相关邮箱 tel:跳转到拨打手机页面
④ID:#xxx,跳转到对应的ID元素处 - target属性的取值:
- _blank:点击之后,另开一个页面打开网址
- _top:在整个窗口中打开被链接文档
- _parent: 将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件。
- _self: 在同一框架或窗口中打开所链接的文档,此参数为默认值。
table标签
table
: 通常包括<thead><tbody><tfoot>
三个标签。
- tr表示一行,th表示表头,td表示一行中的数据。通常是tr包含着td,表示这一行中的数据。
table-layout
属性:auto fixed autu是根据内容来调整宽度,而fixed是平均宽度,宽度一样。border-collapse
: 控制表格是否合并,值等于collapse表示合并。border-spacing
: 设置表格之间宽度大小。
img标签
- 作用:发出get请求,展示一张图片。
- alt(当图片无法显示时,以文字形式提示图片内容)
- img图片宽和高设置其中一个,另一个就会按比例跟着变化,不要两个同时设置导致图片变形。
- max-width:100% 响应式布局用的技巧,手机端和PC端图片宽度会自动随着出窗口大小变化。
感想
学习HTML比想象中要简单一些,但是要记的东西比想象中要多一点,需要更多的耐心!路漫漫其修远兮,吾将上下而求索。