HTML常用标签

63 阅读1分钟

一、a标签的用法

1、a标签的作用:①跳转到外部页面;②跳转到内部锚点;③跳转到邮箱或电话等。

2、a标签的属性:

①href 引用/链接

   取值:

a.网址(三种写法)

google.com

google.com

//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 表格格子间隔

四、其他感想

翻开书:马冬梅

盖上书:马什么梅?