您当前的位置:《网页设计》听课笔记:02
《网页设计》听课笔记:02
第二讲 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>
        无&it;head&gt;时,&it;title&ge;标记仍起作用
    </body>
</html>
_____________________________________
4、HTML文件主题标记
格式为:
<body>  background=“文件名”  text=“颜色”
link=“颜色值”  vlink=“颜色值”alink=“颜色值”<body>
background  设置网页的背景图像;
bgcolor    设置网页的背景色;
text        设置文本的颜色;
link        设置为被访问过的超文本链接的颜色,默认为蓝色;
vlink       设置已被访问过的超文本链接的颜色,默认为蓝色;
alink       设置超文本链接在被访问瞬间的颜色,默认为蓝色。
收藏状态
收藏本课程的同学
相关课程