HTML常用标签

130 阅读2分钟

标签

定义超链接,用于从一个页面链接到另一个页面

  • href取值:

                     1.网址:www.google.com

                                  www.google.com

                                  //google.com

                     2.路径

                     3.伪协议:javascript:代码;

                                     mailto:邮箱;

                                     tel:手机号

          __balnk:点击一次打开一个新的窗口

          __new:打开一个新的窗口

         __self:默认,在当前窗口打开

        __parent:在父级窗口打开

        __top:在顶级窗口打开

HTML5新增属性,可以使用进行下载

img标签

用于在网页当中插入图片

  • src

插入图片的存储地址,可以是网络存储,也可以是本地存储

  • alt属性/title属性

    图片加载失败

当图片无法加载时,则出现“图片加载失败”的文字,如果图片正常显示,则alt属性中的文字或者图片不会生效

title属性是使鼠标悬停在图片上显示的文字

  • onload和onerror事件

onerror事件会在图片加载发生错误后触发

 <img src="ccc.jpg"  onerror="alert('加载失败')">

onload会在图片加载完成之后触发

  • 响应式:max-width:100%

table标签

表格标签,在网页中绘制表格为行,为列

  • table-layout:用来显示表格的单元格、行、列的算法。

取值:automatic:默认,列宽度由单元格内容决定

          fixed:列宽由表格宽度和列宽度设定

          inherit:从父元素继承

  • border-collapse/border-spacing

border-collapsese设置表格单元格边和行是否合并

border-spacing调节单元格的距离

form表单标签

发送get/post请求,然后刷新页面;收集并提交用户数据给服务器

  • action:决定提交的位置,向何处发送数据,值为URL
  • name:给表单命名
  • type:    radio:单选框

                  checkbox:复选框

                  submit:提交

                  reset:重置

只要我投入时间和精力,从长期来看,没有什么是我学不会的;我学会的东西越多,我再学新东西的速度就会越快。起步之路艰难,坚持下去!