html语言基础ys.pptx

网页设计与制作;$ [知识目标] 　　了解HTML文件的基本结构 　　掌握HTML中文本的编辑及图像的语法 　　掌握HTML中各种设置超级链接的语法 　　掌握HTML中表格和框架的基本语法 8 [能力目标] 　　掌握进行文本及图像的编辑操作 　　掌握创建各种超级链接的操作 　　能够编写简单的HTML网页 　　掌握HTML文件中表格和框架的使用;2.1 HTML概述 2.2 文本的编辑 2.3 图像编辑 2.4 建立超链接 2.5 表格与框架 本章小结;2.1.1 HTML简介 2.1.2 HTML语法结构;　　HTML（Hyper Text Markup Language）又称超文本标识语言，是一种标识性的语言，是网页设计的最初语言。文件的扩展名:“html”或“htm”。 例2.1 简单的HTML文档 　　html 　　head 　　title 长大欢迎您！/title 　　/head 　　body 　　这里是荆州旅游网，我们带您畅游荆州！ 　　/body 　　/html 　　由“”和“”组成的就是标记。在HTML语言中标记分“单标记”和“围堵标记”。;　　1．围堵标记 　　格式： 　　标记应用对象/标记 　　2．单标记 　　格式：标记 　　只有起始标记，没有结束标记。最常用的单标记是br, 它表示段内换行。 　　3．标记属性 　　格式：标记 属性1 属性2 属性3…… 　　各属性间无前后顺序，属性也可省略，当省略属性时取标记的默认值。;　　HTML文档的基本结构：　 　　HTML文件开始 　　HEAD标头区开始 　　TITLE.../TITLE标题区 　　/HEAD标头区结束 　　BODY文件主体内容开始 　　文件主体内容…… 　　/BODY文件主体内容结束 　　/HTML文件结束 　其中HTML/HTML之间表示这是个网页文件，是必有的标记。 注释标记：!-- 注释内容 -- 不被显示出来;实例;2.2.1 段落标记 2.2.2 文本标记 2.2.3 标题显示等级 2.2.4 列表 ;　　1．段落（P） 　　基本语法格式为： 　　p align=left/center/right 　　其中参数align用于设定段落的位置是靠左、靠右还是居中。默认值是靠左；除align之外p还有其他参数如class。class参数是可选项，如果没有将按照默认值显示。 　　2．换行br，现在br / 　　单标记，放在一行的末尾，可以在一个段落内实现文本的强制换行，设置标记后面的文本字、图像和表格等内容显示于下一行。;　　1．字体标记font 　　其基本语法格式为： 　font face=？ size=？ color=？…/font 　　Size：设置字体的显示字号，范围是从“1～7”， size取1时最小，取7时最大。 “3”是默认值。 　　Color：设置文本的颜色，值可以是颜色名（英文如red代表红色）或颜色的十六进制RGB代码（#000000代表黑色，#FFFFFF代表白色）。 　　Face：设置文本显示的字体，值为字体的名称。 　　在文本的标记中还有很多常用的标记，比如表示字体效果的，b(黑体)，i（斜体），u（加下划线）。;　　2．特殊字符 　　HTML中除了我们上面学的的一些标记外，还有一些我们常用的特殊字符比如“”，这些特殊字符在HTML语言中都有对的转义符，常用的转义符与特殊字符参见下表：;　　3．水平线标记hr 　　水平线是在网页上划出一条水平的分割线，用hr来标记水平线。语法格式为： 　　hr align=left/center/right size=？ width=？ color=？ noshade 　　Size：设置水平线的高度，以像素为单位。 　　Color：设置水平线的颜色。 　　Width：设置水平线的宽度，单位是像素或百分比，像素是绝对大小，不会随着程序窗口的大小而改，百分比是相对于程序窗口水平线所占的比例，会随着程序窗口的大小而改变。 　　Align：设置水平线的对齐方式。对齐方式有左对齐，居中，右对齐三种。;　　语法格式为： 　　Hn标题文字 /Hn 　　n：表示不同级别的标题，n值可以是1-6中的任意数字，其中1表示的标题字体最大，6表示的标题字体最小。另外，可以用align属性设置对齐方式，常用的有三种： Hn align=left|center|right 标题文字 /Hn 属性align设置标题在页面中的对齐方式：左对齐left、居中center或右对齐right。缺省时默认为left。;　　在HTML中，列表常用的有“有序列表”和“无序列表”。 　　1．有序列表OL 　　基本语法结构为： 　　ol type=n