第一章 HTML语言基础
1.1 HTML的背景知识
1.2 HTML的全局架构标签
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>显示在浏览器的上方</title>
</head>
<body style=" background-color:Red; color:Blue">
<p>红色背景、蓝色文本</p>
</body>
</html>
1.2.1 <html></html>
用来标识HTML文档的开始和结束。
1.2.2 <head></head>
定义HTML的头部,该部分数据不会在浏览器的文档窗口中显示出来。
1.2.3 <title></title>
定义HETML的“主题”。
1.2.4 <body></body>
定义HETML文档的主体部分。其中style=" background-color:Red; color:Blue"为当前页面显示的数据的样式表。
1.2.5 文档类型定义(DTD)
<!DOCTYPE>HTML规范的定义文件
1.3 注释与特殊字符
1.3.1 HTML文档中的注释
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>关于文档注释的演示</title>
<!--
作者: 王康
QQ号: 3987223
-->
</head>
<body>
</body>
</html>
注释不可以嵌套注释。
1.3.2 HTML文档中的符号和特殊字符
HTML编码 |
显示或处理结果 |
< |
< |
> |
> |
& |
& |
" |
“ |
® |
® |
&copt; |
© |
™ |
™ |
|
空格字符 |
1.4 格式标签
1.4.1 <p></p>
用来创建一个段落。
1.4.2 <br>
换行标签。
1.4.3 <nobr></nobr>
防止浏览器将标签对中过长的内容自动换行显示。
1.4.4 <blockquote></blockquote>
文本缩进现实。
1.4.5 <center></center>
居中显示。
1.4.6 <marquee></marquee>
移动显示嵌套显示在其中的图像和文本元素。其中重要属性为direction(显示方向),beharvior(移动的行为)。
1.4.7 <dl></dl><dt></dt><dd></dd>
<dl></dl>用来创建普通列表;<dt></dt>用来创建列表中的上层项目;<dd></dd>用来创建列表最下层项目。
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
</head>
<body>
<dl>
<dt>中国城市</dt>
<dd>北京</dd>
<dd>上海</dd>
<dd>广州</dd>
<dt>美国城市</dt>
<dd>华盛顿</dd>
<dd>芝加哥</dd>
<dd>纽约</dd>
</dl>
</body>
</html>
1.4.8 <ol></ol><ul></ul><li></li>
<ol></ol>创建有数字的列表;<ul></ul>标签对用来创建一个有圆点的列表;<li></li>只能在前两个中使用,产生递增效果。
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
</head>
<body>
<p>中国城市</p>
<ol>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>
<p>中国城市</p>
<ul>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ul>
</body>
</html>
1.4.9 <pre></pre>
用来对文本进行预格式化处理。
1.5 文本标签
1.5.1 <h1></h1>……<h6><.h6>
文本作为标题显示的一系列标签。
1.5.2 <b></b><i></i><u></u><sub></sub><sup></sup>
<sub></sub><sup></sup>建立下标和上标
1.5.3 <tt></tt><cite></cite><em></em><strong></strong>
1.5.4 <font></font>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>文本标签的综合例子</title>
</head>
<body>
<h1>最大的标题</h1>
<h3>使用h3的标题</h3>
<h6>最小的标题</h6>
<p><b>粗体字文本</b></p>
<p><i>斜体字文本</i></p>
<p><u>加一下划线文本</u></p>
<p><tt>打字机风的文本</tt></p>
<p><cite>引用方式的文本</cite></p>
<p><em>强调的文本</em></p>
<p><strong>加重的文本</strong></p>
<p><font size="+1" color="red">size取值“+1”、color取值“red”是的文本</font></p>
</body>
</html>
1.6 超链接标签
1.7 图像标签
1.7.1 <img>
1.7.2 <hr>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
</head>
<body>
<p>中国城市</p>
<ol>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>
<p>中国城市</p>
<ul>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ul>
<hr style=" width:600; size:1; color:Red;" />
</body>
</html>
1.8 客户端图像地图
1.9 思考与实践