^网页制作 topic2-html.pptVIP

网站建设与网页设计 总学时数：30学时（教学18，上机12） 主讲老师：　江照意 Email: zyjiang0571@163.com HTML介绍 HTML文件是什么？ HTML用来描述页面的一种超文本标记语言（Hyper Text Markup Language）。 HTML文件是一个包含标记的文本文件。 这些标记告诉浏览器怎样显示这个页面。 HTML文件必须以htm或者html为扩展名。 HTML文件可以用一个简单的文本编辑器创建。 Web 浏览器： 读取 HTML 文档，使用标签来解释页面的内容 html head titleTitle of page/title /head body This is my first homepage. !comment content /body /html 例子：mypage.htm html标签是HTML文档的开始。标签/html是HTML文档的终止。在head和/head标签之间文本的是头信息，在浏览器中不被显示的。在title和/title之间的文本是文档标题，显示在浏览器窗口的标题栏。在body和/body标签之间的文本是正文，会被显示在浏览器中。 ! 表示注释 HTML元素 HTML文档是由HTML元素组成的文本文件。 HTML元素是预定义的正在使用的HTML标签。 1. 单标签　 语法是： 标签名称 　最常用单标签是BR, 换行。 2.双标签　 语法是： 标签 内 容/ 标签 　 其中“内容” 部分就是要被这对标记施加作用的部分。 3.标签属性 　　 语法是： 标签名字 属性1 属性2 属性3 … 各属性之间无先后次序，属性也可省略（即取默认值），例如： HR SIZE=3 ALIGN=LEFT WIDTH=75% 　　 文档整体属性 body bgcolor= 设置背景颜色。使用名字或RGB的十六进制值 　 body text= 设置文本颜色。使用名字或RGB的十六进制值 body link= 设置链接颜色。使用名字或RGB的十六进制值 body vlink= 设置已使用的链接的颜色。使用名字或RGB的十六进制值 　 body alink= 设置正在被击中的链接的颜色。使用名字或RGB的十六进制值 meta http-equiv=Content-Type content=text/html;charset=# 语言字符集 文本标志 pre/pre 预先格式化文本 h1/h1 最大的标题 h6/h6 最小的标题 b/b 黑体字 i/i 斜体字 tt/tt 打字机风格的字体 cite/cite 引用,通常是斜体 em/em 强调文本(通常是斜体加黑体) strong/strong 加重文本(通常是斜体加黑体) font size= /font 设置字体大小,从1到7，字体face font color=/font 设置字体的颜色,使用名字或RGB的十六进制值 Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 格式标志 p/p 创建一个段落 p align= 将段落按左、中、右对齐 　 br 插入一个换行符 blockquote/blockquote 缩进文本 dl/dl 定义列表 dt 放在每个定义术语词前 dd 放在每个定义之前 ol/ol 创建一个标有数字的列表 ul/ul 创建一个标有圆点的列表 li 放在每个列表项之前,若在ol/ol之间则每个列表项加上一个数字,若在ul/ul之间则每个列表项加上一个圆点 　 　 div align=/div 用来排版大块HTML段落,也用于格式化表 图像标志 img src=name 在HTML文档中嵌入一个图像 img src=name align= 排列对齐一个图像:左、中、右或上、中、下 img src=name border= 设置图像的边框的大小 hr 加入一条水平线 hr size= 设置水平线的厚度 hr width= 设置水平线的宽度。可以是百分比或绝对像素点 hr noshade 没有阴影的水平线 链接标志 a href=URL/a 创建超文本链接 a href=mailto:EMAIL/a 创建自动发送电子邮件的链接 a name=name/a 创建位于文档内部的书签 a href=#name/a 创建指向位于文档内部书签的链接 表格标志 table/table 创建