HTML--ppt.ppt

HTML语言基础(一) ;1.1 基本概念 1. 什么是HTML 2. HTML的作用 3. HTML的编辑环境 4. 专用的网页编辑器;1. 什么是HTML HTML是Hyper Text Markup Language（超文本标记语言）的缩写，它是构成Web页面（Page）的主要工具，是用来表示网上信息的符号标记语言。HTML是一种用于网页制作的排版语言，是Web最基本的构成元素。HTML并非一种编程语言。 ;常见浏览器;2. HTML的作用 ① 格式化文本。如设置标题、字体、字号、颜色；设置文本的段落、对齐方式等。 ② 建立超链接。通过超链接检索在线的信息，只需用鼠标单击，就可以到达任何一处。 ③ 创建列表。把信息用一种易读的方式表现出来。 ④ 插入图像。使网页图文并茂，还可以设置图像的各种属性，如大小、边框、布局等。; ⑤ 建立表格。表格为浏览者提供了快速找到需要信息的显示方式，还可以用表格来设定整个网页的布局。 ⑥ 加入多媒体。可以在网页中加入音频、视频、动画，还能设定播放的时间和次数。 ⑦ 交互式窗体、计数器等。为获取远程服务而设计窗体，可用于检索信息、定购产品等。 ;3. HTML的编辑环境 HTML要求的软件环境更为简单，任何文本编辑器都可以用来制作网页，包括记事本、写字板、Word、WPS等编辑程序。不过在保存时，一定要用纯文本方式存盘。 HTML文件的设计制作与一般程序设计语言之间最大的不同在于，HTML具有跨平台的处理能力。;4. 专用的网页编辑器 FrontPage Dreamweaver ;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. 标记 标记 受标记影响的内容 /标记;说明： ① 每个标记都用“”（小于号）和“”（大于号）围住，如P，Table，以表示这是HTML代??而非普通文本。注意，“”与标记名之间不能留有空格或其它字符。 ② 在标记名前加上符号“/”便是其结束标记，表示这种标记内容的结束，如/FONT。标记也有不用/标记结尾的，称之为单标记。 ③ 标记字母大小写皆可，没有限制。 对同一段要标记的内容，可以用多个标记来共同作用，产生一定的效果。此时，各个标记间的顺序也是任意的。;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文件主体标记