HTML代码

HTML的标签简单复习

2016-10-12  本文已影响85人  elkelk

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 规定文件上传提交的文件的类型。
alttype=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新标签,定义媒介内容的分组以及他们的标题。


<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> 定义对象的参数。

上一篇 下一篇

猜你喜欢

热点阅读