最近学习了HTML的相关知识,HTML有很多的标签,下面介绍的是一些常用的标签,一些不常用的标签在用到时在MDN上查询
一、标签及其用法
- <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. 可能的值有:post和get
- 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:多行字段
-
type :要呈现的控件类型,可用的值包括:
- 其他简单的标签
标签 | 含义 |
---|---|
<button> | 按钮 |
<h1>,<h2>,<h3>...... | 一级标题、二级标题、三级标题...... |
<p> | 段落 |
<ul> | 无序列表 |
<ol> | 有序列表 |
<small> | 文本的字体变小一号,表示边注释和附属细则 |
<strong> | 表示文本十分重要,一般用粗体显示 |
<div> | 通用型的流内容容器,无含义,块元素 |
<span> | 短语内容的通用行内容器,无含义,行内元素 |
<video> | 嵌入视频内容,src属性指定视频地址 |
<audio> | 嵌入音频内容 |
HTML中还有很多很多的标签,知识点很杂碎,关于HTML相关内容MDN上做了很详细很全面的解释,使用到时可以在上面进行搜索
网友评论