您的位置：首页 > Web前端 > JavaScript

javascript网页开发 第一章

2006-08-04 07:08 302 查看
第一章 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 思考与实践
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航