HTML语言程序设计.pptx

HTML语言基础;1.1 基本概念 1. 什么是HTML 2. HTML的作用 3. HTML的编辑环境 4. 专用的网页编辑器;1. 什么是HTML HTML是Hyper Text Markup Language（超文本标记语言）的缩写，它是构成Web页面（Page）的主要工具，是用来表示网上信息的符号标记语言。HTML是一种用于网页制作的排版语言，是Web最基本的构成元素。HTML并非一种编程语言。 ;IE-遨游、360、腾讯、世界之窗 IE为内核 Safari、Chrome、Firefox 、Opera ; 2.HTML的作用 ① 格式化文本。如设置标题、字体、字号、颜色；设置文本的段落、对齐方式等。 ② 建立超链接。通过超链接检索在线的信息，只需用鼠标单击，就可以到达任何一处。 ③ 创建列表。把信息用一种易读的方式表现出来。 ④ 插入图像。使网页图文并茂，还可以设置图像的各种属性，如大小、边框、布局等。 ⑤ 建立表格。表格为浏览者提供了快速找到需要信息的显示方式，还可以用表格来设定整个网页的布局。 ⑥ 加入多媒体。可以在网页中加入音频、视频、动画，还能设定播放的时间和次数。 ⑦ 交互式窗体、计数器等。为获取远程服务而设计窗体，可用于检索信息、定购产品等。;3. HTML的编辑环境 HTML要求的软件环境更为简单，任何文本编辑器都可以用来制作网页，包括记事本、写字板、Word、WPS等编辑程序。不过在保存时，一定要用纯文本方式存盘。 HTML文件的设计制作与一般程序设计语言之间最大的不同在于，HTML具有跨平台的处理能力。;2.HTML基本标记 2.2.1 HTML基础 2.2.2 HTML入门——简单标记的认识与使用 2.2.3 段落和文字标记 2.2.4 建立超级链接 2.2.5 加入图片;2.2.1 HTML基础 1. HTML文件的组成 2. 标记 3. 标记的属性 4. HTML文件的基本结构; 1. HTML文件的组成 ① 标记：是HTML的基本元素，可以说一个HTML文件大部分都是由字符信息加上一些标记呈现出来的。 基本的标记可分为两种：单一标记和成对标记;2. 标记 标记 受标记影响的内容 /标记;3. 标记的属性 每个标记有一系列的属性。标记要通过属性来制作出各种效果。格式为： 标记 属性1=属性值 属性2=属性值 … 受影响的内容/标记 例如字体标记FONT，有属性size和color等。属性size表示文字的大小，属性color表示文字的颜色。表示为： FONT size=3 color=red 属性示例 /FONT;需要注意的是： ① 并不是所有的标记都有属性，如换行标记就没有。 ② 根据需要可以用该标记的所有属性，也可以只用需要的几个属性，在使用时，属性之间没有顺序。多个属性之间用空格隔开。 ;; 说明： ① HTML文件以HTML开头，以/HTML结尾。 ② HEAD…/HEAD：表示这是网页的头部，用来说明文件命名和与文件本身的相关信息。可以包括网页的标题部分：TITLE…/TITLE。 ③ BODY…/BODY：表示网页的主体即正文部分。 ④ HTML语言并不要求在书写时缩进，但为了程序的易读性，建议网页设计制作者使标记的首尾对齐，内部的内容向右缩进几格。;简单的HTML文件。 HTML HEAD TITLE 简单的HTML文件 /TITLE /HEAD BODY 最简单的网页 /BODY /HTML;2.2.2 HTML入门 1. HTML文档标记HTML…/HTML 2. HTML文件头标记HEAD…/HEAD 3. HTML文件标题标记TITLE…/TITLE 4. HTML文件主体标记BODY…/BODY 5. 注释标记;1. HTML文档标记HTML…/HTML HTML文档标记的格式为： HTML HTML文档的内容 /HTML HTML文档的标记。HTML处于文档的最前面，表示HTML文档的开始，即浏览器从HTML开始解释，直到遇到/HTML为止。每个HTML文件均以HTML开始，以/HTML结束。;2. HTML文件头标记HEAD…/HEAD HEAD是英文“头”的意思，习惯上将