a 标签的用法
HTML <a> 元素(或称锚元素)可以创建通向其他网页、文件、同一页面内的
位置、电子邮件地址或任何其他 URL 的超链接。
a标签的属性有哪些
- href
- target
- download
- rel=noopener
分别看看这些属性的用法
- href
- href=“google.com”,作用是在当前页面,跳转到这个网址。可通过target属性来指定该网址在哪个窗口打开。
- target
- 可通过target属性来指定该网址在哪个窗口打开。
- download
- 可通过download属性来下载URL 而不是导航到它,因此将提示用户将其保存为本地文件。
- rel=noopener
- XXXXXXXXXXXXXXXXXXXXXXXX
href属性的取值
- href=“google.com”,作用是在当前页面,跳转到这个网址。
- href=“google.com”,作用是在当前页面,跳转到这个网址。
- href="//google.com",无协议的网址,该写法可以自动匹配选用Http协议还是选用Https协议,以后写网址就用这种方式。
- /a/b/c ,用来访问当前c目录下的文件,/代表在哪里开启的http服务,哪里就是根目录。
- a/b/c ,相对路径,链接到当前目录下的文件。
- index.html或者./index.html,链接到当前目录下的index.html文件。
- javascript:代码; ,伪协议,点击这个超链接JavaScript代码会直接执行,当你不想刷新页面或者跳转到页面的某个地方将javascript:; ,写成空即可。
- #id 点击该链接,页面可以定位到该id的占位置
- mailto:邮箱地址,发邮件给这个邮箱地址。
- tel:手机号,跳转到拨号界面,并输入好改手机号码。
href属性的取值
-
_blank
在新窗口打开目标页面。
-
_top
在顶级窗口中打开目标页面。
-
_parent
在当前页面的上一级中打开目标页面。
-
_self
在当前页面中打开目标页面。
-
程序员命名
如果target属性取值为XXX,就在新窗口打开该页面,并把新窗口命名为XXX,如果两个链接的网址target属性都是XXX的话,两个链接都会在同一个窗口被打开。
table 标签的用法
相关标签
- table 表格
- thead 表头
- tbody 内容(数据)
- tfoot 页脚
- tr 一行
- td 一竖
- th 表头
table 标签的用法
-
作用 发出get请求,展示一张图片。
-
属性
- alt属性:当图片加载失败是,显示一段提示来代替。
- height / width属性:定义图片的高和宽,建议只只选一个,否则图片会变形。
- src属性: 图片的路径地址。
- 事件
- onload / onerror ,判断图片是否加载成功。
- 响应式
- max-width:100% ,响应式图片