<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单:
<
!
DOCTYPE
html
>
下面是一个简单的HTML5文档:
<
!
DOCTYPE
html
>
<
html
>
<
head
>
<
meta
charset
=
"
utf-8
"
>
<
title
>
文档标题
</
title
>
</
head
>
<
body
>
文档内容......
</
body
>
</
html
>
注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。
标签 描述 <html> 定义 HTML 文档 <body> 定义文档的主体 <h1> - <h6> 定义 HTML 标题 <hr> 定义水平线 <!--...--> 定义注释
<p> 定义一个段落 <br> 插入单个折行(换行) HTML 文本格式化标签
标签 描述 <b> 定义粗体文本 <em> 定义着重文字 <i> 定义斜体字 <small> 定义小号字 <strong> 定义加重语气 <sub> 定义下标字 <sup> 定义上标字 <ins> 定义插入字 <del> 定义删除字 HTML "计算机输出" 标签
标签 描述 <code> 定义计算机代码 <kbd> 定义键盘码 <samp> 定义计算机代码样本 <var> 定义变量 <pre> 定义预格式文本 HTML 引文, 引用, 及标签定义
标签 描述 <abbr> 定义缩写 <address> 定义地址 <bdo> 定义文字方向 <blockquote> 定义长的引用 <q> 定义短的引用语 <cite> 定义引用、引证 <dfn> 定义一个定义项目。
<a> 定义一个超级链接 HTML head 元素
标签 描述 <head> 定义了文档的信息 <title> 定义了文档的标题 <base> 定义了页面链接标签的默认链接地址 <link> 定义了一个文档和外部资源之间的关系 <meta> 定义了HTML文档中的元数据 <script> 定义了客户端的脚本文件 <style> 定义了HTML文档的样式文件
如何使用CSS
CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.
CSS 可以通过以下方式添加到HTML中:
- 内联样式- 在HTML元素中使用"style" 属性
- 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
- 外部引用 - 使用外部 CSS 文件
最好的方式是通过外部引用CSS文件.
在本站的HTML教程中我们使用了内联CSS样式来介绍实例,这是为了简化的例子,也使得你能更容易在线编辑代码并在线运行实例。
你可以通过本站的CSS教程 CSS 教程学习更多的CSS知识.
内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p style="color:blue;margin-left:20px;">This is a paragraph.</p>HTML 样式标签
标签 描述 <style> 定义文本样式 <link> 定义资源引用地址
标签 描述 <img> 定义图像 <map> 定义图像地图 <area> 定义图像地图中的可点击区域 HTML 表格标签
标签 描述 <table> 定义表格 <th> 定义表格的表头 <tr> 定义表格的行 <td> 定义表格单元 <caption> 定义表格标题 <colgroup> 定义表格列的组 <col> 定义用于表格列的属性 <thead> 定义表格的页眉 <tbody> 定义表格的主体 <tfoot> 定义表格的页脚 HTML 列表标签
标签 描述 <ol> 定义有序列表 <ul> 定义无序列表 <li> 定义列表项 <dl> 定义定义列表 <dt> 自定义列表项目 <dd> 定义自定列表项的描述 HTML 分组标签
标签 描述 <div> 定义了文档的区域,块级 (block-level) <span> 用来组合文档中的行内元素, 内联元素(inline) HTML 布局标签
标签 描述 <div> 定义文档区块,块级(block-level) <span> 定义 span,用来组合文档中的行内元素。 HTML 表单标签
New : HTML5新标签
标签 描述 <form> 定义供用户输入的表单 <input> 定义输入域 <textarea> 定义文本域 (一个多行的输入控件) <label> 定义了 <input> 元素的标签,一般为输入标题 <fieldset> 定义了一组相关的表单元素,并使用外框包含起来 <legend> 定义了 <fieldset> 元素的标题 <select> 定义了下拉选项列表 <optgroup> 定义选项组 <option> 定义下拉列表中的选项 <button> 定义一个点击按钮 <datalist>New 指定一个预先定义的输入控件选项列表 <keygen>New 定义了表单的密钥对生成器字段 <output>New 定义一个计算结果 HTML iframe 标签
标签 说明 <iframe> 定义一个内联的iframe