HTML语言的基本知识分析.ppt

1.2 HTML语言基本知识 通过浏览器看到的网页都是由HTML语言构成的。HTML语言是一种建立网页文件的语言，它通过标签式指令，将影像、声音、图片和文字等链接起来。 1.2 HTML语言基本知识-- HTML文件结构分析 实例结构分析 参看教材所附光盘中的 “本书范例\第1章\原始文件\myfirstpage.txt” 1.2 HTML语言基本知识--基本概念与语法规则 HTML标记 HTML标记是HTML语言中最基本的单位。标记总是封装在由小于号（）和大于号（）构成的一对尖括号之中，如body。标记有双标记和单标记之分。 双标记 由“始标记”和“尾标记”两部分构成，必须成对使用 ，例如title /title标记。 单标记 只需单独使用就能完整地表达意思，最常见的单标记是p,它表示一个段落的结束，并在段落后面加一空行。 1.2 HTML语言基本知识--基本概念与语法规则 标记属性 标记可以拥有自己的属性,从而能够包含更多额外的信息。 例如body bgcolor=“red”，表示整个页面在浏览器中的背景为红色。 很多标记内可以拥有多个属性，其语法是：标记 属性1 属性2 属性3 … 例如hr size=3 align=left width=75% 1.2 HTML语言基本知识--常用标记 文本格式标记 参看“教材所附光盘中的本书范例\第1章\原始文件\文本标记综合实例.txt” 。 1.2 HTML语言基本知识--常用标记 图像与多媒体标记 图像标记 格式：img src=图像文件地址 1.2 HTML语言基本知识--常用标记 插入视音频的标记 格式：embed src=视频/音频文件地址 1.2 HTML语言基本知识--常用标记 超链接标记 格式：a href=要链接的目标文件的URL地址链接的显示文字/a 属性： href：定义超链接所指向的文件的URL。 target：表示超链接目标窗口的打开方式，可设置4个不同的值：_top、_blank、_parent、_self。 1.2 HTML语言基本知识--常用标记 表格标记 1.2 HTML语言基本知识--常用标记 课后练习与思考 运用本节学到的HTML知识，在“记事本”中为自 己的学校制作一个简介网页，试着利用HTML代码 在这个网页文件中添加文本、图像、背景音乐、超 链接、表格等元素。 高等教育出版社 高等教育电子音像出版社 《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘 HTML文件结构分析 常用标记 HTML入门 基本概念与语法规则 表示HTML文件开始 表示HTML文件结束 表示文件头开始 表示文件头结束 表示该网页的标题是“广州欢迎你” 表示网页正文开始 表示网页正文结束 这是注释语句 标题格式标记 格式：hn align=对齐方式标题文字内容/hn 文字格式标记 格式：font size=字号 color=颜色 face=字体文字内容/ font 段落格式标记 格式：p align=对齐方式段落文字内容/p 强制换行标记 格式：br 说明：表示在当前位置插入图像，src属性表示的是要插入的图像的URL地址，也就是含路径的图像文件名。通常图像格式为.gif 或 .jpg。 参看“教材所附光盘中的\本书范例\第1章\原始文件\web1\default.html”文档 属性： autostart loop width 和height volume 参看“教材所附光盘中的本书范例\第一章\原始文件\web2\视音频实例.html”网页文档 参看“教材所附光盘中的本书范例\第一章\原始文件\web3\超链接实例.html”文档 参看“教材所附光盘中的本书范例\第一章\原始文件\简单表格标记.html”文档及“表格标记及属性.html”文档。 用于定义一个单元格，一对td标 记将建立一个单元格，td标记必 须嵌套在tr标记内， td.../td 定义表格中的一行，一对行标记 内可以包括多对由td标记所定义 的单元格 tr.../tr 用于定义表头单元格，表头中的 文字将以粗体来突出显示以示与 其他单元格中文字的区别， 在表格中也可以不用设表头 th.../th 用于定义一个表格开始和结束 table.../table 标记的说明 表格标记 高等教育出版社 高等教育电子音像出版社 《网