HTML文件均以 标记符结束,HTML语言程序设计.pptx

HTML语言程序设计汇编

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. 标记的属性 每个标记有一系列的属性。标记要通过属性来制作出各种效果。格式为： 受影响的内容标记> 例如字体标记，有属性size和color等。属性size表示文字的大小，属性color表示文字的颜色。表示为： 属性示例 ;需要注意的是： ① 并不是所有的标记都有属性，如换行标记就没有。 ② 根据需要可以用该标记的所有属性，也可以只用需要的几个属性，在使用时，属性之间没有顺序。多个属性之间用空格隔开。 ;; 说明： ① HTML文件以开头，以结尾。 ② …：表示这是网页的头部，用来说明文件命名和与文件本身的相关信息。可以包括网页的标题部分：…。 ③ …：表示网页的主体即正文部分。 ④ HTML语言并不要求在书写时缩进，但为了程序的易读性，建议网页设计制作者使标记的首尾对齐，内部的内容向右缩进几格。;简单的HTML文件。 简单的HTML文件 最简单的网页 ;2.2.2 HTML入门 1. HTML文档标记… 2. HTML文件头标记… 3. HTML文件标题标记… 4. HTML文件主体标记… 5. 注释标记;1. HTML文档标记… HTML文档标记的格式为： HTML文档的内容 HTML文档的标记。处于文档的最前面，表示HTML文档的开始，即浏览器从开始解释，直到遇到