第1课HTML语言(一).ppt

第1课 HTML语言简介（一）;1.1 课前导读 1. 什么是HTML 2. HTML的作用 3. HTML的编辑环境 4. 专用的网页编辑器;1. 什么是HTML HTML是Hyper Text Markup Language（超文本标记语言）的缩写，它是构成Web页面（Page）的主要工具，是用来表示网上信息的符号标记语言。 HTML是一种用于网页制作的排版语言，是Web最基本的构成元素。HTML并非一种编程语言。用HTML标记文档或给文档添加标记，使文档可在WWW上发布。用HTML准备的文档包含引用图形和格式标记。用Web浏览器可以查看这些HTML文档。 用HTML的语法规则建立的文档可以运行在不同操作系统的平台上。因此，HTML文档属于纯文本文件（它能用任意的文本编写器书写）。;2. HTML的作用 HTML语言作为一种网页编辑语言，易学易懂，能制作出精美的网页效果，其作用如下： ① 格式化文本。如设置标题、字体、字号、颜色；设置文本的段落、对齐方式等。 ② 建立超链接。通过超链接检索在线的信息，只需用鼠标单击，就可以到达任何一处。 ③ 创建列表。把信息用一种易读的方式表现出来。 ④ 插入图像。使网页图文并茂，还可以设置图像的各种属性，如大小、边框、布局等。; ⑤ 建立表格。表格为浏览者提供了快速找到需要信息的显示方式，还可以用表格来设定整个网页的布局。 ⑥ 加入多媒体。可以在网页中加入音频、视频、动画，还能设定播放的时间和次数。 ⑦ 交互式窗体、计数器等。为获取远程服务而设计窗体，可用于检索信息、定购产品等。 HTML是最基本的网页制作语言，其他的专用网页编辑器（如FrontPage，Dreamweaver等）都是以HTML为基础的。;3. HTML的编辑环境 HTML的编辑环境很简单，任何一台计算机都可以编辑网页。但要看到用户自己设计的网页效果，就需要安装一个浏览器，如Internet Explorer，Netscape Navigator等。因此，只要计算机能运行某个浏览器，就具备了网页制作的硬件环境。HTML要求的软件环境更为简单，任何文本编辑器都可以用来制作网页，包括记事本、写字板、Word、WPS等编辑程序。不过在保存时，一定要用纯文本方式存盘。 HTML文件的设计制作与一般程序设计语言之间最大的不同在于，HTML具有跨平台的处理能力。也就是说，只要有适当的浏览器，不管使用何种操作系统，都能阅读制作的HTML文件。;4. 专用的网页编辑器 HTML作为最基本的网页编辑语言，能实现制作网页的各种效果。但是，它毕竟是一种代码，得记住一些标记。因此，为了使设计网页更加简单方便，有些公司和人员就设计了专用的网页编辑器,如Macromedia Dreamweaver、FrontPage等。 FrontPage是较好的所见即所得的网页编辑工具，也是常用的网页编辑器。它对一个Web站点有很强的控制能力，可以统一Web站点内页面的外观和风格。它的Web管理功能也很强大，用户可以通过图形的方式观察和调整站点的结构。; 1.2 课堂教学 1.2.1 HTML基础 1.2.2 HTML入门——简单标记的认识与使用 1.2.3 段落和文字标记 1.2.4 建立超级链接 1.2.5 加入图片;1.2.1 HTML基础 1. HTML文件的组成 2. 标记 3. 标记的属性 4. HTML文件的基本结构; HTML文件是一种纯文本文件，可以通过浏览器读取HTML文件，并用浏览器内含的语法分析器来解读各种特殊标记。 1. HTML文件的组成 一个HTML文件可由下列3部分组成。 ① 标记：是HTML的基本元素，可以说一个HTML文件大部分都是由字符信息加上一些标记呈现出来的。也就是说，只要在HTML文件中适当的位置上加上所需标记，就可依照各标记所代表的意义实现各种特殊的功效。基本的标记可分为两种：单一标记（只要一个标记就能完成所要表示的功能）和成对标记（需要两个标记组合才能完成所需功能）; ② 文字与图形资料：是指要提供给浏览信息的人阅读的内容。WWW显示的图形一般都以独立文件的形式存在，如果要显示图形（图形文件要用其他程序建立），就必须用特殊的标记指向图形文件。 ③ 统一资源定位器URL（Uniform Resource Locator）：是WWW上文件的参照格式，浏览者在浏览器的地址处输入URL格式的内容，就可获取所指主机的主页。;2. 标记 HTML文件由标记和被标记的内