html常用标签

a标签的用法

作用
a元素又称为锚元素,一般用来创建一个可以跳转到其他网页、同一页面内部锚点、文件、邮箱地址、电话或者其他URL的超链接

href属性:创建超链接

  • 网址:无协议网址,前面加或不加http:,浏览器会自动匹配,这是建议的用法。

  • 文件路径:路径最前面的/代表的是启动http服务的根目录,并非系统文件的根目录。

  • 伪协议:
    javascript伪协议
    空操作
    发邮件给我
    打电话给我

  • id:滚动到本页id值为xxx部分,即内部锚点

target:设定加载页面

  • _self:本页面打开链接,为target默认值
  • _blank:新窗口打开链接
  • _top:在顶层frame加载
  • _parent:在父级frame加载,如果没有父级frame,则等同于_self
  • window.name:在指定页面加载

table标签的用法

作用
创建表格

科目 小红 小明
语文 89 90
数学 80 70
合计 169 160

img标签的用法

作用
发出一个GET请求,然后展示一张图片。

  • src:图像的 URL,这个属性对  元素来说是必需的。
  • alt:定义了图像的备用文本描述。当图像加载失败时,显示该内容。
  • width与height:定义图像的宽度和高度,只需要指定其中的一个,另外一个会自动适配。永远不要让图片变形
  • onload/onerror:监听图片是否加载成功,如果失败,可以对图片进行挽救
  • max-width:100%:在任何屏幕下适配页面宽度(响应式)

form标签的用法

作用
发送get/post请求,然后刷新页面

  • action:处理表单提交的 URL
  • required: 请填写此字段
  • autocomplete: 用于指示input是否拥有一个默认值,此默认值是由浏览器自动补全的,可能的指有off/on
  • mmethod:浏览器使用这种 HTTP 方式来提交 表单. 可能的值有post/get
  • target:表示在提交表单之后,在哪里显示响应信息
    请问如下代码区别


    前者只能有文本,后者可以设置标签
  • type: 输入类型,值有text/password/color/radio/checkbox/file等
  • select:选择

你可能感兴趣的:(html常用标签)