HTML重点标签

 a标签的用法

1. a标签属性

1.  href超链接

2. target --blank、top、parent、self 四个窗口打开的属性

3. download用于下载该网页

4. rel=noopener

2. a标签作用

总体来说,有以下3个作用:链接到外部页面,发邮件或电话, 建立内部锚点

1. 连接到网址,包括http,https 以及无协议网址

2. 建立路径,如/a/b/c, a/b/c

3. 伪协议, 如javascript代码(javascript:;)

4. #xxx 建立内部锚点, 取到id的值

5. a的target的取值:blank,在新窗口打开页面;top,使文档载入包含这个超链接的窗口;self,对所有没有指定目标的a标签是默认目标;parent,使文档载入父窗口。

img标签用法

1. <img> 标签有两个必需的属性:src属性(规定显示图像的 URL) 和 alt属性(规定图像的替代文本),支持html中的全局属性。

2. 作用是发出get请求,展示一张图片

3. 响应式:在css里添加max-width:30%

4. 事件:onload/onerror


table用法

1. table相关的标签:table, thead, tbody, tfoot, tr, td, th

2. 相关的样式:border-collapse表格合并;border-spacing表格间距;table-layout


其他

1. input标签属性:button/checkbox/email/file/hidden/number/password/submit等等

input标签绑定事件:onfocus/onblur/onchange/等

其他输入型标签:textarea/label/select+option/radio

radio单选框使用时,需要在每个input里使用同样的name属性,如name=“gender”

2. 一些注意事项:(1)一般不监听input的click事件

(2)form里的input要有name属性 

(3)form里要有type=submit才会触发submit事件

3. form标签属性有:action/autocomplete/method/target, 绑定事件:onsubmit

4. 平常使用标签的时候最好多查看文档

5. input的submit和button的submit区别:input标签里不可以再有其他标签,但是button标签里可以有,比如img标签。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文的目的通过重点标签的学习前进 一、 iframe 的学习 iframe通俗的的理解就是,可以在页面里面嵌套新的...
    吴少在coding阅读 1,190评论 0 3
  • 最近两天看了饥人谷的HTML网课,结合mdn文档写了篇博客,分享给大家。如有错误之处,欢迎指正!(没有奖励😝) a...
    隋鑫渣渣阅读 263评论 0 0
  • 一:iframe 将另一个HTML页面嵌入当前HTML页面中 iframe里的src可以写相对路径 二:a标签 "...
    小時光_d326阅读 463评论 0 0
  • 序言 整理谷歌的小弟的笔记,版权归原作者所有,本文仅作整理,原文链接:http://blog.csdn.net/l...
    在代码下成长阅读 1,206评论 1 5
  • 1. iframe 标签 iframe 标签主要用途是嵌套页面,目前使用较少,只有一些遗留项目在用。具体可以参考 ...
    大喵chary阅读 479评论 0 0