第1章_HTML基础1.ppt

第1章 HTML基础 了解网页设计的基本概念及HTML的基本知识 掌握HTML文档的基本结构 熟悉常用HTML元素标记功能及使用方法 掌握格式化网页文本的常用方法 熟悉在网页中链接的使用方法 教学内容 1 HTML概述 2 HTML的标记 3 文字修饰 4 图像 5 列表 6 表格 1.1 HTML概述 HTML是Hyper Text Markup Language的缩写，意思是“超文本标识语言”，它实际上是专门用来编写网页的一种编程语言。大多数网页的构成基础就是HTML的语句。 HTML文档的基本结构 1.2 如何编写一个HTML文件 HTML文件是一个扩展名为.htm或.html的ASCII格式的文件 任何一种可以编辑ASCII文件的编辑器 记事本、写字板、Word等软件。 扩展名应为 htm 或 html。 1.3 HTML文件的调试 html head title第一章 HTML基础/title /head body HTML是Hyper Text Markup Language的缩写，意思是“超文本标识语言”。它实际上是专门用来编写网页的一种编成语言。大多数网页的构成基础就是HTML的语句。 /body /html 2.1 标记的一般特性 标记的记述形式：字符串 开始标记：标记名称 结束标记：/标记名称 属性：属性名=“属性值”，包含在开始标记里，可以有多个 元素： 标记名称 属性名=“属性值” 内容数据/标记名称 元素包含多个属性时： 标记名称 属性名1=“属性值1” 属性名2=“属性值2” 属性名3=“属性值3” 内容数据/标记名称 空元素： 标记名称 属性名=“属性值” /标记名称 也可记为：标记名称 属性名=“属性值” / 2.2 几个最常用的标记 1. html和/html 在文档的最初和最后，定义一个HTML文档。 2. head和/head 定义文档的头部，描述了文档的各种属性和信息，包括文档的标题title和/title 、在 Web 中的位置以及和其他文档的关系等。 3. title和/title 定义文档的标题，在浏览器窗口的标题栏上显示。 4. body和/body 定义文档的主体，包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。） 5. hn和/hn 定义子标题。其中n=1,2,…,6。h1 定义最大的子标题，h6 定义最小的子标题。如 例2 。 6. br/ 插入一个简单的换行符。 7.p/p 定义段落，前后有空行。 8. hr/ 在页面中创建一条水平线。如 例3 。 3 文字修饰 一个网页大多由以下要素构成： 文字、图片、表格、动画及声音等。 文字是十分重要的要素。可以对文字的字号、字体的样式及颜色等进行修饰。 3.1 字号 可以采用多种方式设置文字的大小。 不过设置文字的大小后，其效果会受到网页浏览器中选项的影响。 3.1 字号 1. small和/small 显示小一号的字体。 2. big和/big 显示大一号的字体 。 3. font size=n 规定 font 元素中文本的尺寸大小。n是从 1 到 7 的数字。n=1时最小，n=7时最大。浏览器默认值是 3。 n也可以是带+号或-号数字，表示相对扩大或缩小字号。 4. basefont size=n 为文档中的所有文本定义默认字体的大小。 例4 设置文字大小的例子 html head title设置文字的默认大小/title /head body 显示效果正常字号 small小号字/small big大号字/bigbr font size=11号字/fontbr/ font size=22号字/fontbr/ font size=33号字/fontbr/ font size=44号字/fontbr/ font size=55号字/fontbr/ font size=66号字/fontbr/ font size=77号字/fontbr/ font size=-5相对小5号字 /fontfont size=11号字/fontbr font size=+2相对大2号字 /fontfont size=55号字/font /body /html 3.2 字体式样 1. b和/b 显示粗体字 2. I和/I 显示斜体字 3. u和/u 显示带下划线的字 3.3 特殊标记 由于、、 和 “ 号是HTML的关键字符，要把这些字符当作数据使用时，就必须使用与之对应的特殊标记，也叫”实体”。 用 lt;表示 用 gt;表示 用 amp;表示 “