文档介绍:网页制作
1
相关知识
(一)HTML文件的概念
HTML(Hyper Text Markup Languafe),即超文本标记语言,它通过多种标准化的标记符号(Tag)对网页内容进行标注,对页面内容进行标注,对页面超媒体内容的输出格式以及各内容部分之间逻辑上的组织关系等进行描述和指定。
(二)HTML文件的特点
HTML是Web页面的基础。使用HTML描述的网页文件称之为HTML页面或者HTML文件,这种文件以“.html”或者“.htm”为扩展名,它是一种纯文本文件,可以使用记事本、写字板等文本编辑器来进行编辑,也可以使用FrontPage、DreamWeaver等网页制作工具来快速创建HTML文件。
(三)HTML文件的结构
HTML文件均以<html>标记符开始,以</html>标记符结束。<head>和</head>标记符之间的内容用于描述页面的头部信息,例如页面标题、关键词等信息。在<body>和</body>标记符之间的内容即为页面的主体内容。HTML文件的整体结构如图所示。
2
精品资料
3
你怎么称呼老师?
如果老师最后没有总结一节课的重点的难点,你是否会认为老师的教学方法需要改进?
你所经历的课堂,是讲座式还是讨论式?
教师的教鞭
“不怕太阳晒,也不怕那风雨狂,只怕先生骂我笨,没有学问无颜见爹娘 ……”
“太阳当空照,花儿对我笑,小鸟说早早早……”
4
常见的标记有文本、图片、超链接、动画、音乐、表格、表单等
5
标记及其属性
HTML标记的格式为:<标记>内容</标记>
标记属性的语法是:<标记 属性1=〝属性值1〞 属性2=〝属性值2〞 … >
标记只是规定这是什么信息,如文本、图片、表格等,但是如何控制这些信息,就需要相关的属性值来表示。
各属性之间无先后次序,属性也可省略(即取默认值)
例如单标记<HR>表示在文档当前位置画一条水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端。
6
(一)建立HTML文件
操作步骤如下:
(1)单击“开始”按钮,选择“程序” →“附件” →“记事本”,并打开“记事本”窗口。
7
(2)在记事本中,输入如图所示的HTML语句。
(3)执行“文件” →“保存”命令,将文件保存为1-。
(4)在浏览器中打开所建立的HTML文件。
说明:除了记事本之外,还可以使用写字板来编辑html.
(二)常用的HTML标记设置
操作步骤如下:
(1)在文本文件编辑器中编写HTML文件(可参考下面的示例编写)。
8
(2)保存HTML文件。
(3)在浏览器中预览所编辑的HTML文件效果。
1.<Hi>标题标记
[示例1]标题标记,在记事本中输入以下HTML语句,保存后浏
览效果,如图所示。
<html>
<head>
<title>我的花店</title>
</head>
<body>
<h1>欢迎你访问我的花店!</h1>
<h2>欢迎你访问我的花店!</h2>
<h3>欢迎你访问我的花店!</h3>
<h4>欢迎你访问我的花店!</h4>
<h5>欢迎你访问我的花店!</h5>
<h6>欢迎你访问我的花店!</h6>
<h7>欢迎你访问我的花店!</h7>
</body>
</html>
9
说明: <hi>标记符用于定义段落标题的大小级数。最大的标题级数是 <h1>,最小的标题级数是<h6>。使用<hi>标记符的align属性可控制文字的对齐方式,属性值可以是left(左对齐),center(居中对齐),或者right(右对齐)。
2. <P>段落标记符
[示例2]段落标记符,输入HTML语句如下,保存后的浏览效果
如图所示。
<html>
<head>
<title>我的花店</title>
</head>
<body bgcolor="#FFFF99">
<h1 align="center">我的花店!</h1>
<p align="center">欢迎您访问我的花店</p>
<p align=“center”>花可以传情,可表达思念之情,亲情,感恩的心情,衷
心的祝福!</p>
<p align="center">祝愿进入我的花店的朋友天天有好心情!</p>
</body>
</html>
10