HTML的标签简单复习
HTML元素
指的是一个标签内的所有内容(包括标签)
HTML标签属性
标签属性可以为元素添加额外的信息,标签属性在标签内以name="value"
的形式定义
-
标签
<h1>...<h6>
标签标识标题,大小由1-6依次递减
<p>
标签表示段落
<hr />
表示一条水平线,一般用以分隔页面内容
<br />
表示换行
<html>
定义html文档
<body>
定义文档的主体
<!DOCTYPE>
定义了文档的类型 在html5中一般为<!DOCTYPE html>
`` 定义注释
-
格式
<acronym>
定义只取首字母的缩写 比如<acronym title="best friend forever">bff</acronym>
,鼠标悬浮在首字母上会显示title的内容,在html5中<abbr>
标签取代了它
<address>
定义文档作者的联系信息,该标签在<article>
中表示文章作者的相关信息,在<body>
中则是相应的文档作者信息
<b>
定义粗体文本
<bdi>
html5新标签,定义文本的方向,使其与父元素文本方向独立。
<bdo>
定义文字方向。bdo与bdi的区别
<big>
定义大号文本
<small>
定义小号文本
<blockquote>
定义长引用
<cite>
定义引用
<code>
定义计算机代码文本
<del>
定义删除的文本,表现为一条横线在文字中。
<em>
定义强调文本。
<font>
定义文本的样式。
<i>
定义斜体文本。
<ins>
定义被插入的文本,表现为文字有下划线。
<kbd>
定义了键盘文本。
<mark>
html5新标签,定义带有记号的文本。
<meter>
html5新标签,定义一个数据度量,通常用来表示结果数据。
<pre>
定义预格式化的文本,保留标签内的空格和换行符,另外常常用来在页面上表示计算机的源代码。
<progress>
html5新标签,定义一个进度条。
<q>
定义短引用。
<rt> <rp> <ruby>
这3个标签都是html5新标签 <ruby>
定义一个需要带发音的内容,<rt>
在<ruby>
内,内容为发音,<rp>
定义在游览器不支持<ruby>
时显示的内容。
<samp>
定义样本文本
<strong>
定义强调文本
<sup> <sub>
分别定义上标和下标文本
<time>
html5新标签,定义时间/日期。
<wbr>
html5新标签,定义合适的文本换行位置。
-
表单
<form>
定义一个表单块。
<textarea>
定义多行的文本输入控件。
<button>
定义按钮。
<select>
定义选择列表。
<optgroup>
定义选择列表中相关选项的组合。
<option>
定义选择列表中的选项。
<label>
定义input元素的标注。
<fieldset>
定义围绕表单中元素的边框。
<legend>
定义field元素的标题。
<datalist>
html5新标签,定义下拉列表。
<keygen>
html5新标签,定义生成密钥。
<output>
html5新标签,定义输出的一些类型。
<input>
定义一个输入控件,根据不同的type属性,有多种不同的输入控件。
accept
规定文件上传提交的文件的类型。
alt
与type=image
配合使用,当图像无法显示时的替代内容。
autocomplete
html5新属性,规定表单是否使用自动完成功能。
autofocus
html5新属性,规定输入字段在页面加载输自动获得焦点。
checked
规定input元素首次加载时是否是被选中状态。
disabled
规定input元素首次加载时禁用此元素。
form
html5新属性,规定输入字段所属的一个或多个表单。
formaction
html5新属性,覆盖表单的action属性,适用于type="submit"和type="image"。
formenctype
html5新属性,覆盖表单的enctype属性,适用于type="submit"和type="image"。
formmethod
html5新属性,覆盖表单的method属性,适用于type="submit"和type="image"。
formnovalidate
html5新属性,覆盖表单的novalidate属性,使用则表示提交表单时不进行验证。
formtarget
html5新属性,覆盖表单的target属性,适用于type="submit"和type="image"。
height
html5新属性,定义input字段的高度,适用于type="image"。
list
html5新属性,引用一个预定义选项的datalist。
max min
html5新属性,规定输入字段的范围。
maxlength
规定输入字段中字符的最大长度。
name
定义input元素的名称。
pattern
hmtl5新属性,规定输入字段的值的模式或格式。
placeholder
html5新属性,规定帮助用户填写输入字段的提示。
readonly
规定输入字段为只读。
required
html5新属性,表示输入字段是必须的。
size
定义输入字段的宽度。
src
定义以提交按钮形式显示的图像的URL。
step
规定输入字的合法数字间隔。
value
规定input元素的值。
width
html5新属性,定义input字段的宽度,适用于type="image"。
type
规定input元素的类型。
button
checkbox
file
hidden
image
password
radio
reset
submit
text
-
框架
<frame>
定义框架集的窗口或框架。
<frameset>
定义框架集。
<noframes>
定义不支持框架的用户的替代内容。
<iframe>
定义内联框架。
-
图像
<img>
定义图像。
<map>
定义图像映射。
<area>
定义图像地图内部的区域。
<canvas>
html5新标签,定义图形。
<figcaption>
html5新标签,定义figure元素的标题。
<figure>
html5新标签,定义媒介内容的分组以及他们的标题。
-
音频/视频,这里都没html5的新标签
<audio>
定义声音的内容。
<source>
定义媒介源。
<track>
定义用在媒体播放器中的文本轨道。
<video>
定义视频。
-
链接
<a>
定义锚。
<link>
定义文档与外部资源的关系。
<nav>
html5新标签,定义导航链接。
-
列表
<ul>
定义一个无序列表。
<ol>
定义一个有序列表。
<li>
定义列表的项。
<dl>
定义一个定义列表。
<dt>
定义定义列表中的项目。
<dd>
定义定义列表中的定义。
<menu>
定义命令的菜单/列表。
<menuitem>
定义用户可以从弹出菜单调用的命令/菜单项目。
<command>
html5新标签,定义命令按钮。
-
表格
<table>
定义表格。
<caption>
定义表格标题。
<th>
定义表格中,表头单元格。
<tr>
定义表格中的行。
<td>
定义表格中的单元。
<thead>
定义表格中的表头内容。
<tbody>
定义表格中的主体内容。
<tfoot>
定义表格中的标注内容。
<col>
定义表格中一个或多个列的属性值。
<colgroup>
定义表格中供格式化的列组。
-
样式/节
<style>
定义文档的样式信息。
<div>
定义文档中的块元素。
<span>
定义文档中的内联元素。
<header>
html5新标签,定义页面的页眉。
<footer>
html5新标签,定义页面的页脚。
<section>
html5新标签,定义section。
<article>
html5新标签,定义文章。
<aside>
html5新标签,定义页面内容之外的内容。
<details>
html5新标签,定义元素的细节。
<dialog>
htm5新标签,定义对话框或者窗口。
<summary>
html5新标签,为<details>
元素定义可见的标题。
-
元信息
<head>
定义关于文档的信息。
<meta>
定义关于HTML文档的元信息。
<base>
定义页面中所有链接的默认地址或默认目标。
-
编程
<script>
定义客户端脚本。
<noscript>
定义不支持客户端脚本的用户的替代内容。
<embed>
html5新标签,为外部应用程序定义容器。
<object>
定义嵌入的对象。
<param>
定义对象的参数。