美文网首页
常用的HTML标签

常用的HTML标签

作者: 冬天吃橘子_Autumn | 来源:发表于2019-02-08 14:47 被阅读0次
最近学习了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上做了很详细很全面的解释,使用到时可以在上面进行搜索

相关文章

  • html入门级常用标签

    html入门级常用标签 html的格式规范 html中常用的标签 html中常用标签有a、form、input、b...

  • HTML笔记-- 其他常用标签

    HTML笔记-- 其他常用标签 标签(空格分隔): HTML html中其他常用标签: b:加粗 s:删除线 u:...

  • CSS课程1

    HTML常见标签 HTML常用标签的重要属性

  • HTML常用标签

    HTML常用标签 一、常用标签 1.iframe标签 标签用于嵌套页面。 常用属性 ...

  • HTML常用标签总结

    HTML 常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:Hyper...

  • HTML常用标签总结

    HTML常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:HyperT...

  • html常用标签

    Html 大纲 html知识目录 什么是网页,网页的注释 网页的结构和标签 常用的标签和标签的属性 html5常用...

  • HTML笔记-文字标签和注释标签

    HTML笔记-文字标签和注释标签 标签(空格分隔): HTML HTML中常用的标签 文字标签: 修改文字的样式 ...

  • css高级

    HTML4 常用标签 HTML5 常用标签 语义化的好处 如何写出更优的 html 标签嵌套 内联元素:不能包含块...

  • HTML标签

    HTML标签一览 这个部分就介绍一些常用标签。 那么Html标签一览就到这里... Html常用的标签就这些了,这...

网友评论

      本文标题:常用的HTML标签

      本文链接:https://www.haomeiwen.com/subject/wvtosqtx.html