网页制作基础语言——HTMLdasdsadasdasdasdasd.ppt

HTML超文本标记语言 五月花计算机专修学院 用浏览器可以播放的格式有：MOV格式、AVI格式。 1. 链接一个视频文件a.../a 与链接音频文件一样，可将将将视频文件做成一个链接。其格式为： a href=视频文件地址 热点文本 /a 例如：播放一段视频： a href=welcome.avi欢迎光临/a 2. 内嵌视频播放插件embed 格式为： embed src=视频文件地址 autostart=true|false loop=true|false|n startime=分:秒 volume=0~100 width=x|x% height=y|y% hidden=true controls=console|smallconsole 【例2-28】 2.10 字幕、音频和视频 2.10.3 视频 * * HTML是Hypertext Markup Language（超文本标记语言）的缩写，是一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）对文件达到预期的效果。它是构成Web页面（Page），用来表示Web页面的符号标记语言。通过HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件翻译成可以识别的信息，就是所见到的网页。 HTML语言是建立网页的规范或标准，从它出现发展到现在，规范不断完善，功能越来越强。但是依然有缺陷和不足，人们仍在不断的改进它，使它更加便于控制和有弹性，以适应网络上的应用需求。2000年，W3C组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的新语言，目的是基于XML应用。XHTML是一种增强了的HTML，它的可扩展性和灵活性将适应未来网络应用更多的需求。 2.1 HTML简介 1.标记 HTML文档由标记和被标记的内容组成。标记（tag）能产生所需的各种效果。格式为： 标记 受标记影响的内容 /标记 例如，标题标记title表示为： title 我的第一个网页 /title 2. 标记的属性 标记只是规定这是什么信息，或是文本，或是图片，但怎样显示或控制这些信息，就需要在标记后面加上相关的属性来表示，每个标记有一系列的属性。格式为： 标记 属性1=属性值1 属性2=属性值2 … 受影响的内容 /标记 例如，字体标记font有属性size和color等。 font size=3 color=red 属性示例 /font 2.2 HTML文档的基本结构 2.2.1 标记及其属性 HTML文档是一种纯文本格式的文件，HTML文档的基本结构为： html 网页开始 head [用来存放网页头部信息] title 网页的标题 /title /head[头部文件结束] body [网页正文开始] 网页的内容 /body[网页正文结束] /html [网页结束] 【例2-1】 2.2 HTML文档的基本结构 2.2.2 HTML的基本结构 用最简单的“记事本”来编辑网页。 ① 打开记事本。单击Windows的“开始”按钮，在“程序”菜单中的“附件”子菜单中单击“记事本”。 ② 创建新文件，并按HTML语言规则编辑。在“记事本”窗口中输入HTML语言，输入的内容。 ③ 保存网页。打开“记事本”的“文件”菜单，选择“保存”。此时将出现“另存为”对话框，在“保存在”下拉列表框中选择文件要存放的路径；在“文件名”文本框输入以.html或.htm为后缀的文件名，如mypage1.html；在“保存类型”下拉列表框中选择“文本文档”。最后单击“保存”按钮，将记事本中的内容保存在磁盘中。 如果希望这一页是网站的首页（主页），想让浏览者输入网址后，就显示这一页的内容，可以把这个文件设为默认文档，文件名为index.html或index.htm。 2.3 网页文件的创建过程 2.3.1 编辑和保存网页 通过编辑可以得到一个.html文件，要想使这个文档显示出网页的样子，就要使用浏览器进行预览。有两种方法可以打开.html网页文件。 1. 用浏览器打开 网页在浏览后会有不满意的地方