常用的HTML标签

最近学习了HTML的相关知识,HTML有很多的标签,下面介绍的是一些常用的标签,一些不常用的标签在用到时在MDN上查询

一、标签及其用法

  1. <a>标签
  • a(anchor锚点):创建超链接
    • 示例:<a href="www.baidu.com" >百度</a>
    • 常用属性 :href、 target、 download
      href:链接地址
      target:指定在何处显示链接的资源
      • _self: 当前页面加载
      • _blank: 新窗口打开
      • _parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文,此选项的行为方式相同_self。
      • _top: HTML4中:加载的响应成完整的,原来的窗口,取消所有其它frame。HTML5中:加载响应进入顶层浏览上下文(即,浏览上下文,它是当前的一个的祖先,并且没有parent)。如果没有parent框架或者浏览上下文,此选项的行为方式相同_self

2.**<form>标签

  • form :表单,表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息
  • 示例:
    <form action="" method="post">
    <label for="name">姓名:</label>
    <input id="name" type="text" name="name">
    <input type="submit" value="保存">
    </form>
  • 常用属性:
    • action :值为处理这个form提交或接收的信息的地址
    • method:浏览器使用这种 HTTP 方式来提交 form. 可能的值有:postget
    • name:这个form的名字

3.<input>标签

  • input:输入,为表单创建交互式控件,以便接受来自用户的数据
  • 示例:<input id="name" type="text" name="name">
  • 常用属性:
    • type :要呈现的控件类型,可用的值包括:
      • button(按钮)
      • checkbox(复选框,必须使用 value 属性定义此控件被提交时的值。)
      • color:HTML5 用于指定颜色的控件
      • date:HTML5 用于输入日期的控件(年,月,日,不包括时间)
      • email:HTML5 用于编辑 e-mail 的字段。 合适的时候可以使用 :valid 和 :invalid CSS 伪类
      • file:此控件可以让用户选择文件。使用 accept 属性可以定义控件可以选择的文件类型。
      • hidden:不显示在页面上的控件,但它的值会被提交到服务器
      • image:图片提交按钮。必须使用 src 属性定义图片的来源及使用 alt 定义替代文本
      • password:密码,一个值被遮盖的单行文本字段。使用 maxlength 指定可以输入的值的最大长度
      • radio:单选按钮。必须使用 value 属性定义此控件被提交时的值,所有单选按钮的 name 属性使用同一个值
      • submit:用于提交表单的按钮
      • text:单行字段
      • textarea:多行字段
  1. 其他简单的标签
标签 含义
<button> 按钮
<h1>,<h2>,<h3>...... 一级标题、二级标题、三级标题......
<p> 段落
<ul> 无序列表
<ol> 有序列表
<small> 文本的字体变小一号,表示边注释和附属细则
<strong> 表示文本十分重要,一般用粗体显示
<div> 通用型的流内容容器,无含义,块元素
<span> 短语内容的通用行内容器,无含义,行内元素
<video> 嵌入视频内容,src属性指定视频地址
<audio> 嵌入音频内容

HTML中还有很多很多的标签,知识点很杂碎,关于HTML相关内容MDN上做了很详细很全面的解释,使用到时可以在上面进行搜索

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

推荐阅读更多精彩内容

  • 1. iframe标签 功能:嵌套页面 1.1 a标签和iframe标签一起使用实现嵌套页面间的切换 2. a标签...
    TravisW阅读 137评论 0 0
  • a标签a标签可以配合iframe标签 iframe标签 2.1 target属性(1) _blank(也是默认状态...
    Jason_Shu阅读 302评论 0 0
  • HTML了解常用的标签,就可以写出大部分HTML页面,即使需要用到使用量较少的标签也可以Google或者MDN搜索...
    孙炎_阅读 318评论 0 0
  • 闲来无事,总结几个常用的HTML标签,不喜勿喷,喜欢请点赞!O(∩_∩)O哈哈~ <!--以下是行级元素 --> ...
    苏码码阅读 440评论 0 4
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,712评论 1 45