《5Web技术基础.pptVIP

Web技术基础 HTML网页制作基础 一. HTML简介 二. 文字、图片和音乐 三. 表格 四. 超级链接 五. 表单 六. 框架 一. HTML简介 HTML(HyperText Markup Language，超文件标记语言)是一种制作网页的语言，通过一组标记(Tag)，可以将文字、图片、声音组合在一起,并且按照一定的格式显示出来。 我们通过浏览器所看到的网页，就是由HTML所构成。 制作工具 HTML的格式非常简单，只是由文字和标记组合而成的纯文本文件，几乎任何的文字编辑器，例如Windows中的记事本、写字板都可以用来编写HTML文件 在网页制作时，大都采用一些专门的网页制作工具，如FrontPage、 Dreamweaver。这些工具都是所见即所得的，非常地方便。 建立HTML文件 编写完HTML文件，只要将文件存成ASCII纯文本格式，并且以.htm或.html为扩展名即可。 HTML的基本语法 HTML的任何标记都由“”和“”围起来，标记不区分大小写。在起始标记的标记名前加上符号“/”便是其终止标记 。 例如：Ithis is a demo/I HTML文件的整体结构由头部（Head）和躯干（Body）两大部分组成。 用html～/html 告诉浏览器这是整个HTML文件的范围 用head～/head 告诉浏览器（Browser）这是文件的开头 用title～/title 用来定义显示在浏览器标题栏中的内容 用body～/body 用来定义显示在浏览器窗口中的内容 下面就是一张网页最基本的结构： HTML HEAD TITLE This is title. /TITLE /HEAD BODY This is body. /BODY /HTML 二. 文字、图片和音乐 2.1 设定文字格式 2.2 设定段落与对齐 2.3 插入水平线 2.4 制作列表 2.5 插入图片 2.6 加入背景图片 2.7 移动的文字 2.8 添加背景音乐 2.1 设定文字格式 1. 粗体、斜体、下划线 B/B将所夹内容显示为粗体 I/I将所夹内容显示为斜体 U/U将所夹内容加上下划线 2. 设置字体 使用font/font来设置字体。font标记有3个属性：face、color和size。font通过这3个标记来控制所夹文字的显示效果。 另外，标题标记H1 至 H6由来设置，从1－6字体的大小逐渐减小。 例如： B font face=隶书 size=40 color=blue您好/font /B 显示为：您好 2.2 设定段落与对齐 p标记 其语法形式为：　p align=value...段落内容.../p 作用：用来设定段落。每用一个p标记所形成的段落之间都会自动换行并空一行。 注：p为双标签，但/p也可省略。 align属性用来设定文字的对齐方式，其中value属性值可设为： a）left：设定文字左对齐。 b）right:设定文自右对齐。 c）center:设定文字置中对齐。 br标记 是换行标记，它是非成对标记。 center标记 center标记是将文字置中对齐，此标记为双标签。 pre标记 pre标记能对文字段落进行排版，如空格、换行都能按照设定方式显示。 例如：能原样显示 pre this is a demo /pre 特殊符号 网页中有时要显示特殊符号，这些符号就必须使用特殊的标记才能显示出来。如下： 2.3 插入水平线 hr标记插入水平线，它是单独使用的标签，,它的作用是换行并在该行下画一条水平直线，直线的上下、两端都会留下一定的空白。通过hr标记线可以把不同内容加以分块。 hr水平标线的语法形式为： hr align=value width=width size=size color=color 作用：显示水平分割线。 注：hr为非成对标签。 hr的属性说明如下： align：设定水平线的对齐方式，其属性值有：center,left,right。 width：设定水平线的长度，其属性值可以是数字（代表字符数）或百分数（占浏览器宽度的百分比）。如 ：100，200，25%，50%等等。 size：设定水平线的宽度，其属性值是数字，如：5，10等等。 color：设定水平线的颜色，其属性值是颜色名称或三原色值，如：red，blue，rgb(225,0,225)，rgb(0,0,225)