1.什么是html文件
1.html的全称是HyperText Markup Language（美: ['haɪpər.tekst] 美: ['mɑrk.ʌp] 美: ['læŋɡwɪdʒ]）
超文本标记语言。大概意思是虽然是文本但可以在里面通过标签嵌入文字，图形、动画、声音、表格、链接等在web浏览器页面进行显示。HTML 文件必须使用 htm 或者 html 作为文件扩展名。
HTML 文件可以通过简单的文本编辑器来创建。
2.怎么开始做呢？
第一步：
如果您使用 Windows，请启动记事本。
如果您使用 Mac，请启动 SimpleText。（在 OSX 中请使用 TextEdit，并设置一下参数：在参数设置中选择 Plain text 字体替代 Rich text 字体，然后选择“在 HTML 文件中忽略 rich text 命令”。这一点很重要，因为不这样的话，HTML 代码也许不能正常工作。）
第二步：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这是一个title</title>
</head>
<body>
<p>this is a paragraph</p><p>this is a another paragraph</p>
<p>this is a second paragraph</p>
<h1>this is a h1</h1>
<h6>this is a h6</h6>
<hr/>this is a hr this is a br
<br/>this is a br
<a href="www.baidu.com">点击跳转</a>
<abbr title="abbreviation的简写">（abbreviation）</abbr>
<acronym title="Jin Hua Tang is JHT">acronym 首字母缩略词（acronym） </acronym>
<address>address 地址（address）</address>
The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.
<table border="5" bordercolor="red" cellspacing="5px" cellpadding="20px">
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td rowspan="2">January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
</tr>
<td><b>$80 b加粗</b></td>
</tbody>
<thead>
<tr>
<th colspan="2">Month</th>
<th>Savings</th>
</tr>
</thead>
</table>
</body>
</html>
图片展示如下：
3.元素标签总结（按照字母排序）
<a> 超链接 属性href= “链接跳转的地址”
<abbr> 定义缩写。
<acronym> 定义只取首字母的缩写。
<address> 定义文档作者或拥有者的联系信息。
<applet> 不赞成使用。定义嵌入的 applet。
<area> 定义图像映射内部的区域。
<article> 定义文章。
<aside> 定义页面内容之外的内容。
<audio> 定义声音内容。
<b> 定义粗体字。
<base> 定义页面中所有链接的默认地址或默认目标。
<basefont> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
<bdi> 定义文本的文本方向，使其脱离其周围文本的方向设置。
<bdo> 定义文字方向。
<big> 定义大号文本。
<blockquote> 定义长的引用。
<body> 定义文档的主体。
<br> 定义简单的折行。
<button> 定义按钮 (push button)。
<canvas> 定义图形。
<caption> 定义表格标题。
<center> 不赞成使用。定义居中文本。
<cite> 定义引用(citation)。
<code> 定义计算机代码文本。
<col> 定义表格中一个或多个列的属性值。
<colgroup> 定义表格中供格式化的列组。
<command> 定义命令按钮。
<datalist> 定义下拉列表。
<dd> 定义定义列表中项目的描述。
<del> 定义被删除文本。
<details> 定义元素的细节。
<dir> 不赞成使用。定义目录列表。
<div> 定义文档中的节。
<dfn> 定义定义项目。
<dialog> 定义对话框或窗口。
<dl> 定义定义列表。
<dt> 定义定义列表中的项目。
<em> 定义强调文本。
<embed> 定义外部交互内容或插件。
<fieldset> 定义围绕表单中元素的边框。
<figcaption> 定义 figure 元素的标题。
<figure> 定义媒介内容的分组，以及它们的标题。
<font> 不赞成使用。定义文字的字体、尺寸和颜色。
<footer> 定义 section 或 page 的页脚。
<form> 定义供用户输入的 HTML 表单。
<frame> 定义框架集的窗口或框架。
<frameset> 定义框架集。
<h1> to <h6> 定义 HTML 标题。
<head> 定义关于文档的信息。
<header> 定义 section 或 page 的页眉。
<hr> 定义水平线。
<html> 定义 HTML 文档。
<i> 定义斜体字。
<iframe> 定义内联框架。
<img> 定义图像。
<input> 定义输入控件。
<ins> 定义被插入文本。
<isindex> 不赞成使用。定义与文档相关的可搜索索引。
<kbd> 定义键盘文本。
<keygen> 定义生成密钥。
<label> 定义 input 元素的标注。
<legend> 定义 fieldset 元素的标题。
<li> 定义列表的项目。
<link> 定义文档与外部资源的关系。
<map> 定义图像映射。
<mark> 定义有记号的文本。
<menu> 定义命令的列表或菜单。
<menuitem> 定义用户可以从弹出菜单调用的命令/菜单项目。
<meta> 定义关于 HTML 文档的元信息。
<meter> 定义预定义范围内的度量。
<nav> 定义导航链接。
<noframes> 定义针对不支持框架的用户的替代内容。
<noscript> 定义针对不支持客户端脚本的用户的替代内容。
<object> 定义内嵌对象。
<ol> 定义有序列表。
<optgroup> 定义选择列表中相关选项的组合。
<option> 定义选择列表中的选项。
<output> 定义输出的一些类型。
<p> 定义段落。
<param> 定义对象的参数。
<pre> 定义预格式文本。
<progress> 定义任何类型的任务的进度。
<q> 定义短的引用。
<rp> 定义若浏览器不支持 ruby 元素显示的内容。
<rt> 定义 ruby 注释的解释。
<ruby> 定义 ruby 注释。
<s> 不赞成使用。定义加删除线的文本。
<samp> 定义计算机代码样本。
<script> 定义客户端脚本。
<section> 定义 section。
<select> 定义选择列表（下拉列表）。
<small> 定义小号文本。
<source> 定义媒介源。
<span> 定义文档中的节。
<strike> 不赞成使用。定义加删除线文本。
<strong> 定义强调文本。
<style> 定义文档的样式信息。
<sub> 定义下标文本。
<summary> 为 <details> 元素定义可见的标题。
<sup> 定义上标文本。
<table> 定义表格。
<tbody> 定义表格中的主体内容。
<td> 定义表格中的单元。
<textarea> 定义多行的文本输入控件。
<tfoot> 定义表格中的表注内容（脚注）。
<th> 定义表格中的表头单元格。
<thead> 定义表格中的表头内容。
<time> 定义日期/时间。
<title> 定义文档的标题。
<tr> 定义表格中的行。
<track> 定义用在媒体播放器中的文本轨道。
<tt> 定义打字机文本。
<u> 不赞成使用。定义下划线文本。
<ul> 定义无序列表。
<var> 定义文本的变量部分。
<video> 定义视频。
<wbr> 定义可能的换行符。
<xmp> 不赞成使用。定义预格式文本。
<b> 定义粗体文本。 3.0 3.0 STF
<font> 不赞成使用。定义文字的字体、尺寸和颜色 3.0 3.0 TF
<i> 定义斜体文本。 3.0 3.0 STF
<em> 定义强调文本。 3.0 3.0 STF
<big> 定义大号字体文本。 3.0 3.0 STF
<strong> 定义语气更为强烈的强调文本。 3.0 3.0 STF
<small> 定义小号字体文本。 3.0 3.0 STF
<sup> 定义上标文本。 3.0 3.0 STF
<sub> 定义下标文本。 3.0 3.0 STF
<bdo> 定义文本显示的方向。 6.2 5.0 STF
<u> 不赞成使用。定义下划线文本。 3.0 3.0 TF
输出 描述 NN IE DTD
<pre> 定义预格式文本 3.0 3.0 STF
<code> 定义计算机代码文本。 3.0 3.0 STF
<tt> 定义打字机文本。 3.0 3.0 STF
<kbd> 定义键盘文本。 3.0 3.0 STF
<var> 定义变量。 3.0 3.0 STF
<dfn> 定义定义项目。 3.0 STF
<samp> 定义样本文本。 3.0 3.0 STF
<xmp> 不赞成使用。定义预格式文本。 3.0 3.0
块级 描述 NN IE DTD
<acronym> 定义只取首字母的缩写。 6.2 4.0 STF
<abbr> 定义缩写。 6.2 STF
<address> 定义地址元素。 4.0 4.0 STF
<blockquote> 定义块引用。 3.0 3.0 STF
<center> 不赞成使用。定义居中字体。 3.0 3.0 TF
<q> 定义短的引用。 6.2 4.0 STF
<cite> 定义引用(citation)。 3.0 3.0 STF
<ins> 定义被插入文本。 6.2 4.0 STF
<del> 定义被删除文本。 6.2 4.0 STF
<s> 不赞成使用。定义加删除线的文本。 3.0 3.0 TF
<strike> 不赞成使用。定义加删除线的文本。 3.0 3.0 TF
链接 描述 NN IE DTD
<a> 定义锚。 3.0 3.0 STF
<link> 定义资源引用(resource reference)。 4.0 3.0 STF
框架 描述 NN IE DTD
<frame> 定义框架的子窗口 3.0 3.0 F
<frameset> 定义框架结构 3.0 3.0 F
<noframes> 定义无框架的节 3.0 3.0 TF
<iframe> 定义内联框架 6.0 4.0 TF
输入 描述 NN IE DTD
<form> 定义表单。 3.0 3.0 STF
<input> 定义输入域。 3.0 3.0 STF
<textarea> 定义文本输入区。 3.0 3.0 STF
<button> 定义按钮。 6.2 4.0 STF
<select> 定义下拉式菜单。 3.0 3.0 STF
<optgroup> 定义选项分组。 6.0 6.0 STF
<option> 定义下拉列表中的可选项。 3.0 3.0 STF
<label> 为表单元素创建标记。 6.2 4.0 STF
<fieldset> 将表单内的相关元素分组。 6.2 4.0 STF
<legend> 定义框架结构的标题。 6.2 4.0 STF
<isindex> 不赞成使用。定义单行的输入域 3.0 3.0 TF
列表 描述 NN IE DTD
<ul> 定义无序列表。 3.0 3.0 STF
<ol> 定义有序列表。 3.0 3.0 STF
<li> 定义列表项目。 3.0 3.0 STF
<dir> 不赞成使用。定义目录列表。 3.0 3.0 TF
<dl> 定义定义列表。 3.0 3.0 STF
<dt> 定义定义项目。 3.0 3.0 STF
<dd> 定义定义描述。 3.0 3.0 STF
<menu> 不赞成使用。定义菜单列表。 3.0 3.0 TF
图像 描述 NN IE DTD
<img> 定义图像。 3.0 3.0 STF
<map> 定义图像映射。 3.0 3.0 STF
<area> 定义图像地图内部的区域。 3.0 3.0 STF
表格 描述 NN IE DTD
<table> 定义表格 3.0 3.0 STF
<caption> 定义表格标题 3.0 3.0 STF
<th> 定义表格页眉 3.0 3.0 STF
<tr> 定义表格的行 3.0 3.0 STF
<td> 定义表格单元 3.0 3.0 STF
<thead> 定义表格的页眉 4.0 STF
<tbody> 定义表格的主体 4.0 STF
<tfoot> 定义表格的页脚 4.0 STF
<col> 定义用于表格列的属性 3.0 STF
<colgroup> 定义表格列的组 3.0 STF
样式 描述 NN IE DTD
<style> 定义样式定义 4.0 3.0 STF
<div> 定义文档中的节 3.0 3.0 STF
<span> 定义文档中的节 4.0 3.0 STF
元信息 描述 NN IE DTD
<head> 定义关于文档的信息 3.0 3.0 STF
<title> 定义文档的标题 3.0 3.0 STF
<meta> 定义元信息 3.0 3.0 STF
<base> 定义某个页面当中的所有链接的基准链接 3.0 3.0 STF
<basefont> 不赞成使用。定义基准字体 3.0 3.0 TF
Programming 描述 NN IE DTD
<script> 定义一段脚本。 3.0 3.0 STF
<noscript> 定义 noscript 部分。 3.0 3.0 STF
<applet> 不赞成使用。定义 applet。 2.0 3.0 TF
<object> 定义嵌入的对象。 3.0 STF
<param> 为对象定义参数。
窗口事件 (Window Events)
仅在 body 和 frameset 元素中有效。
属性 值 描述
onload 脚本 当文档被载入时执行脚本
onunload 脚本 当文档被卸下时执行脚本
表单元素事件 (Form Element Events)
仅在表单元素中有效。
属性 值 描述
onchange 脚本 当元素改变时执行脚本
onsubmit 脚本 当表单被提交时执行脚本
onreset 脚本 当表单被重置时执行脚本
onselect 脚本 当元素被选取时执行脚本
onblur 脚本 当元素失去焦点时执行脚本
onfocus 脚本 当元素获得焦点时执行脚本
键盘事件 (Keyboard Events)
在下列元素中无效：base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
属性 值 描述
onkeydown 脚本 当键盘被按下时执行脚本
onkeypress 脚本 当键盘被按下后又松开时执行脚本
onkeyup 脚本 当键盘被松开时执行脚本
鼠标事件 (Keyboard Events)
在下列元素中无效：base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
属性 值 描述
onclick 脚本 当鼠标被单击时执行脚本
ondblclick 脚本 当鼠标被双击时执行脚本
onmousedown 脚本 当鼠标按钮被松开时执行脚本
onmousemove 脚本 当鼠标指针移动时执行脚本
onmouseout 脚本 当鼠标指针移出某元素时执行脚本
onmouseover 脚本 当鼠标指针悬停于某元素之上时执行脚本
onmouseup 脚本 当鼠标按钮被松开时执行脚本
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
