第二讲 2.1.4HTML的编辑环境
任何文本编辑器都可用来制作网页,包括记事本、Word\wps等编辑程序。不过,在保存时,一定要用纯文本方式存盘。
若要看到用户自己设计的网页效果,就需要安装一个浏览器,如InternetExplorer,Netscape Navigator等。
2.1.5网页编辑工具
1、完全的所见即所得工具
典型的有Drumbeat\NetobjevtFusion
2、纯粹的HTML代码编辑工具
典型的有HomeSite\HotDogprofessional\HTMLed~o\WebEditpro;
3、混合型工具
Macromedia Dreamweaver,FrontPage
2.2.1HTML的基本语法
1、了解HTML的标记
HTML文件是由标记和文本组成。格式为:<标记>手表及影响的文本</标记>
标记的属性。标记需要通过属性制作各种效果。格式为:
标记 属性1+属性值 属性2+属性值等>受影响的文本<font size=4 color=red>属性示例</font>
1、使用时属性之间没有顺序。对同一段文本,可以用多个标记来共同作用,产生一定的效果;
2、HTML也有注释标记“<!__>”和“<__>”之间的部分为注释内容,可以插入文本的任何地方;
3、标记和属性不区分大小写。
HTML的基本结构
HTML文件必须以<html>开头,以</html>结尾;
HTML文件包括头部<head>和主题<body>.
基本结构为:
<html>
<head>
<title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>
--------------------------------------------
【例2-1】简单的HTML文件
<html>
<head>
<title>网页设计</title>
</head>
<body>
我的第一个网页!
</body>
</html>
______________________________________________
2.2.2 文件结构的格式标记
1、HTML文档标记
HTML文档标记的格式为:
<html> HTML文档内容 </html>
<html>处于文档的最前面,表示HTML文件的开始,即浏览器从<html>开始解释,直到遇到</html>为止。每个HTML文件均以<html>开始,以</html>结束。
2、HTML文件头标记<head>(hande)~~~</head>
HTML文件头标记的格式为:
<head>头部内容</head>
文件头部在文件标记<html>之后,其内容可以是标题名,文本文件地址、创作信息等网页信息说明,对应于相应的标记。如标题标记<title>(taitou)````</title>
3、HTML文件标题标记
<title>标题名</title>
【例2-2】如果没有设用<head>标记,而单独使用<title>,<title>标记仍可设定。
<html>
<title>
网页设计
</title>
<body>
无⁢head>时,⁢title≥标记仍起作用
</body>
</html>
_____________________________________
4、HTML文件主题标记
格式为:
<body> background=“文件名” text=“颜色”
link=“颜色值” vlink=“颜色值”alink=“颜色值”<body>
background 设置网页的背景图像;
bgcolor 设置网页的背景色;
text 设置文本的颜色;
link 设置为被访问过的超文本链接的颜色,默认为蓝色;
vlink 设置已被访问过的超文本链接的颜色,默认为蓝色;
alink 设置超文本链接在被访问瞬间的颜色,默认为蓝色。