网页制作——HTML简介.pptVIP

HTML简介 什么是HTML？ 如何使用HTML？ HTML简介 网页设计语言HTML HTML(Hypertext Marked Language) 超文本标记语言，是一种用来制作超文本文档的简单标记语言。超文本：可以加入图片、声音、动画、影视等内容，可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。 HTML是网页制作的一种规范、一种标准。本章介绍了用HTML制作网页的各种标记符的设置方法，包括网页数据的编辑与格式化、在网页中使用超链接和插入图片、网页中的表格设计以及表格与文字的混排等。 利用HTML处理文本 一、HTML基础 1．标记符 标记符又称标签，HTML是影响网页内容显示格式的标记符集合，浏览器根据标记符决定网页的实际显示效果。 在HTML中，所有的标记符都用尖括号括起来。例如，HTML表示HTML标记符。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。如：HTML…/HTML . HTML标记符 HTML标记符是不区分大小写的。 HTML与html效果一样 属性是用来描述对象特征的特性。在HTML中，所有的属性都放置在开始标记符的尖括号里，属性与标记符之间用空格分隔，属性的值放在相应属性之后，用等号分隔，而不同的属性之间用空格分隔。格式为： 标记符 属性1=属性值1 属性2=属性值2 … 受影响的内容 /标记符 HTML属性通常也不区分大小写。 HTML文档的基本结构 一个典型的HTML文件的基本结构形式如下： HTML HEAD TITLE 文件标题 /TITLE /HEAD BODY 文件体 /BODY /HTML （1）HTML标记符 HTML/HTML这两个标记符是HTML文档的标记符。HTML处于文档的最前端，表示文档的开始，即浏览器从HTML开始解释。而/HTML则位于文件的最后一行，这样的结果表示这一整份的文档都是HTML语法的文档。 （2）HEAD标记符 HEAD/HEAD是HTML文件头标记符，用来描述HTML首部的内容，说明文档的整体信息，如网页背景图片、音乐等整体设置。HEAD/HEAD通常与某些标记符一起使用，如TITLE/TITLE标记符。 示例：打开网站时播放背景音乐，在HEAD与/HEAD之间插入代码： bgsound src=yellow.mp3 loop=-1 这种当网页最小化之后，音乐会消失 （3）TITLE标记符 TITLE/TITLE指的是一份文档的标题。通常来说，每一份文档都应该有一个标题来简述这一份文档的特色或是主题。对于WWW浏览器而言，标题所在的位置虽然依照浏览器的不同而不同，但是大部分都位于浏览器的最上方。 （4）BODY标记符 BODY/BODY指的是定义出一个HTML文档的体部，位于首部下面。在BODY标记符内的文字，所有使用标记符的地方都可以经浏览器正确地显示在浏览器窗体中。 二、标签格式 在HTML文件中，重要的文字部分都由“标签”括起来，这样文字就成了特别的文字，而标签本身则以“”和“”号标识，标签内的内容称为元素，它代表了标签的意义。如：title我的个人主页/title 括住的文字称为“内容”，整个标签称 为一个“元件”。 三、标题格式 HTML提供六种标题格式，其所用的标记符为Hn…/Hn（标题n，n=1~6）， H1…/H1的字体最大，H6…/H6 的字体最小。 四、 文字格式 1．字符格式 FONT 属性=属性值文本内容…/FONT （1）SIZE属性：控制文字的大小 （2）COLOR属性：控制文字的颜色 五、段落格式 1．分段与换行符 P…/P BR 分段标记符用于将文档划分为段落，标记符为P…/P 要将文字强制换行，而不是另起段落，可以用换行标记符BR实现该功能。注意，BR仅单独使用，而非成对出现。 2. 添加水平线 HR 添加水平线的标记符为HR（与BR类似，HR也不包括结束标记符。 五、段落格式 3. 段落对齐 （1） ALIGN属性 ALIGN属性用于设置段落的对齐方式，其常见取值有4种：RIGHT（右对齐）、LEFT（左对齐）、CENTER（居中对齐）、JUSTIFY（两端对齐）。如：p align=“left”align to left/p （2）直接使用居中标签：center…/center 在网页中建立超链接 一、超链接标记符 A…/A 创建一个超链接需要使用A…/A标 记符：A 属性=值…超链接内容/A