XHTML1.0提供了几种DOCTYPE可选择:
1.过渡型(Transitional )
2.严格型(Strict )
HTML是简单的文本标签语言,一个HTML网页文件都是有元素构成的,元素由开始标签、结束标签、属性和元素的内容4部分构成。再学习和使用HTML时要注意区分标签和元素这两个定义。
属性的使用格式如下:
- <元素 属性=“值”>内容</元素>
- <元素 属性=‘值’>内容</元素>
- <元素 属性= 值>内容</元素>
- 引号可以是单引号或者双引号
使用的HTML基础标签中一共包括了9个:
标签 | 功能描述 |
---|---|
<!DOCTYPE> | 定义文档类型。 |
<html> | 定义HTML文档。 |
<title> | 定义文档的标题。 |
<body> | 定义文档的主体。 |
<h1>to<h6> | 定义HTML标题。 |
<p> | 定义段落。 |
<br> | 定义简单的折行。 |
<hr> | 定义水平线。 |
<!--... ... --> | 定义注释。 |
HTML中的格式标签比较多。
通过这些标签的应用基本可以实现对整个网页的格式组成,介绍几个常用布局的标签应用 。
标题 | 功能描述 |
---|---|
<acronym> | 定义只取首字母的缩写 |
<abbr> | 定义缩写 |
<address> | 定义文档作者叫拥有者的联系信息 |
<b> | 定义粗体文本 |
<bdi> | 定义文本的文本方向,使其脱离其周围文本的方向设置。 |
<bdo> | 定义文字方向 |
<big> | 定义大号字体 |
<blockquote> | 定义长的引用 |
<center> | 不赞成使用。定义居中文本。 |
<cite> | 定义引用(citation) |
<code> | 定义计算机代码。 |
<del> | 定义被删除文本。 |
<dfn> | 定义项目。 |
<em> | 定义强调文本。 |
<font> | 不赞成使用。定义文本的字体颜色、尺寸和颜色。 |
<i> | 定义斜体文本。 |
<ins> | 定义被插入的文本。 |
<kbd> | 定义键盘文本。 |
<mark> | 定义有记号的文本。 |
<meter> | 定义预定义范围内的度量。 |
<pre> | 定义预格式文本。 |
<progress> | 定义任何类型的任务的进度。 |
<q> | 定义短的引用。 |
<rp> | 定义若浏览器不支持ruby元素显示的内容。 |
<rt> | 定义ruby注释的解释。 |
<ruby> | 定义ruby注释。 |
<s> | 不赞成使用。定义加删除线。 |
<samp> | 定义计算机代码样本。 |
<small> | 定义小号文本。 |
<strike> | 不赞成使用。定义加删除线。 |
<strong> | 定义语气更加强烈的强调文本。 |
<sup> | 定义上标文本。 |
<sub> | 定义下标文本。 |
<time> | 定义时间/日期。 |
<tt> | 定义打字机文本。 |
<u> | 不赞成使用。定义下划线文本。 |
<var> | 定义文本的变量部分。 |
<wbr> | 定义视频。 |
- 1.引用 <blockquote>和<q>标签
- 2.<pre>标签
- 3.<ins>标签和<del>标签
- 4.文字字体格式标签<b> <i> <small> <em> <strong>
- 5.注音标签<ruby>和<rt>
- 6.上标<sub>和下标<sup>
- 7.突出显示文本<mark>
HTML5中的表单标签在实际布局的时候和后台动态功能程序的开发是相对接的,一个网页布局的好与坏在这一块尤其重要 。
标签 | 功能描述 |
---|---|
<form> | 定义用户输入的HTML表单。 |
<input> | 定义输入控件。 |
<textarea> | 定义多行输入的文本控件。 |
<button> | 定义按钮。 |
<select> | 定义选择列表。 |
<optgroup> | 定义列表中的相关选项的组合。 |
<option> | 定义列表中的选项。 |
<label> | 定义input元素的标注。 |
<fieldset> | 定义围绕表单中元素的边框。 |
<legend> | 定义<fieldset>元素的标题。 |
<isindex> | 不赞成使用。定义文档相关氪搜索引。 |
<datalist> | 定义下拉列表。 |
<keygen> | 定义生成密钥。 |
<output> | 定义输出的一些类型。 |
网页主要由图片和文字组成,对图片的应用标签主要有img、map、area、canvas、figcation、figure这6个,其中的canvas、figcation、figure三个是HTML5的新标签 。
标签 | 功能描述 |
---|---|
<img> | 定义图像。 |
<map> | 定义图像映射。 |
<area> | 定义图像地图内部区域。 |
<canvas> | 定义图形。 |
<figcaption> | 定义figure元素标题。 |
<figure> | 定义figure元素标题。 |
视频和音频可以通过HTML5标签<video>和<audio>来访问资源。而且HTML5视频和音频标签基本将他们视为图片:<video src=”“/>。其它参数例如宽度和高度或者自动播放,需要像其它HTML标签一样定义。
标签 | 功能描述 |
---|---|
<audio> | 定义声音资源。 |
<source> | 定义媒介源。 |
<track> | 定义用在媒体播放器中的文本轨道。 |
<video> | 定义视频。 |
一般通过使用<a>标签在HTML中创建链接。<link> 标签定义两个连接文档之间的关系。<nav>标签定义导航链接的部分,<nav>标签是HTML5中的新标签。
标签 | 功能描述 |
---|---|
<a> | 定义锚。 |
<link> | 定义文档与外部资源的关系。 |
<nav> | 定义导航链接。 |
网页的列表标签分为<ol>有序列表和<ul>无序列表两大类,其中的<menu>和<menuitem>是HTML5的新标签,可以配对使用用来定义菜单/列表 。
标签 | 功能描述 |
---|---|
<ul> | 定义无序列表。 |
<ol> | 定义有序列表。 |
<li> | 定义列表的项目。 |
<dir> | 不赞成使用。定义目录列表。 |
<dl> | 定义定义列表。 |
<dt> | 定义定义列表中的项目。 |
<dd> | 定义定义列表中的项目的描述。 |
<menu> | 定义命令的菜单/列表。 |
<menuitem> | 定义用户可以从弹出菜单调用的命令/菜单项目。 |
<command> | 定义命令按钮。 |
表格标签
标签 | 功能描述 |
---|---|
<table> | 定义表格。 |
<caption> | 定义表格标题。 |
<th> | 定义表格中的标题单元格。 |
<tr> | 定义表格中的行。 |
<td> | 定义表格中的单元。 |
<thead> | 定义表格中的表头内容。 |
<tbody> | 定义表格中的主体内容。 |
<tfoot> | 定义表格中的表注内容(脚注)。 |
<col> | 定义表格中一个或多个列的属性值。 |
<colgroup> | 定义表格中供格式化的列祖。 |
样式/节标签是网页布局最经常使用到的基础标签,其中<div>标签更是经常使用,这里先介绍一下各标签的基础用法 。
标签 | 功能描述 |
---|---|
<style> | 定义文档的样式信息。 |
<div> | 定义文档的节。 |
<span> | 定义文档的节。 |
<header> | 定义section或page的页眉。 |
<footer> | 定义section或page的页脚。 |
<section> | 定义section。 |
<article> | 定义文章。 |
<aside> | 定义页面之外的内容。 |
<details> | 定义元素的细节。 |
<dialog> | 定义对话框或者窗口。 |
<summary> | 为<details>元素定义可见的标签。 |
元信息标签
标签 | 功能描述 |
---|---|
<head> | 定义关于文档的信息。 |
<meta> | 定义关于HTML文档的元信息。 |
<base> | 定义页面中所有连接的默认地址或默认目标。 |
<basefont> | 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 |
编程标签是指HTML5页面中嵌入第三方的其他编程程序,如嵌入JavaScript,就使用<script>标签进行嵌入应用,<embed>为外部程序定义容器,这里重点介绍一下<script>标签,在本书的布局动态化应用中主要使用到该标签。
标签 | 功能描述 |
<script> | 定义客户端脚本。 |
<noscript> | 定义针对不支持客户端脚本的替代内容。 |
<applet> | 不赞成使用。定义嵌入的applet。 |
<embed> | 为外部应用程序(非HTML)定义容器。 |
<object> | 定义嵌入的对象。 |
<param> | 定义对象的参数。 |