第6章 HTML语言.pptVIP

第5章 HTML 本章主要内容 HTML概述 常用HTML标签 在DreamWeaverCS3中编辑HTML代码 HTML概述 什么是HTML？ Hyper Text Mark-up Language，即超文本标记语言，是目前构成网页文档的主要语言。 超文本(Hypertext)是将位于不同地点的文字、图片等信息组织在一起的网状文档，其中包含有可以链结到其他位置或者文档的链接，允许从当前阅读位置直接切换到超文本链接所指向的位置。 现在的网页都使用HTML编写，这样的文档称为HTML文档，或网页文档； HTML文档其实是文本文件，后缀名为.htm或.html； HTML文档通过超文本传输协议传输； HTML文档只要有浏览器就能呈现，是平台无关的。 编写第一个HTML文档 使用记事本 HTML文档的基本结构 HTML头部信息(head)里包含关于所在网页的信息。头部信息(head)里的内容，主要是被浏览器所用，不会显示在网页的正文内容里。 标题(title)是最常用的head信息。它不显示在HTML网页正文里，显示在浏览器窗口的标题栏里。 有时在head中还包括meta，提供关于网页的信息，如： META http-equiv=Content-Type content=text/html; charset=gb2312 该条信息表示该数据是html文件，使用gb2312 字符集，中国大陆字符集 HTML标签概述 在html文档中，使用尖括号标记的网页中的元素称为标签，如“html”、“head”、“body”等。 标签的分类 单标签---只需单独使用就能完整地表达意思 形式为: 标签名称 如：br（表示换行）；hr（表示一条水平线） 双标签---由“首标签”和“尾标签”两部分构成，须成对使用。 形式为： 标签受标签影响的内容/标签 如：b要加粗的字/b 标签的属性---标签要通过属性来定义所希望的设置参数。 形式为： 标签 属性 1=属性值 属性 2=属性值 …受影响的内容/标签 如：body bgcolor=#00FF99… /body 注意事项 并非所有标签都有属性 对全部属性值均加双引号 一定不要在“”与标签名之间输入多余的空格，字符必须是半角，否则浏览器将不能正确识别括号中的命令 字符引用---如果希望在网页中显示“”、“”、空格等字符，则需要将它们作为特殊字符 特殊字符引用以“”开始，以“;”结束 数值字符引用---字符的数值表示 通过给出字符在字符集中的代码（十进制或十六进制）来表示字符 如十进制字符引用“#60; ” 表示的是字符“” 字符实体引用---字符的符号表示 通过字符的名称来表示字符，相对于数值字符引用方式更为直观 如“gt;”表示字符“”，其中的gt（Greater Than）是大于符号的助记符 “nbsp;”表示空格 常用HTML标签 body标签 body/body标签是HTML文档的主体部分，中间放置的是页面中的所有内容，包括网页上显示的文字、图片、表格、表单、超链等。 Body标签常用属性 background属性 用于设置页面背景图片 如：background=1.jpg bgcolor 用于设置页面背景颜色 如：bgcolor=#66CCFF 段落p和文字格式font标签 p和/p标签用于划分段落 p可以单独出现 font/font标签利用其属性设置文字格式 font face=“宋体” size=“5” color=“red”/font font/font可嵌套到其他标签中 常用文本格式标签 HTML定义了一些文本格式的标签，可以将字体变成粗体或者斜体。如： b/b粗体bold i/i斜体 U/U下划线 段落标签常用属性 换行标签br 通过使用br这个标签，可以在不新建段落的情况下换行。br标签单独使用。 在很多时候使用br而不是p进行换行 标题标签 HTML用h1到h6这几个标签来定义正文标题，从大到小。每个正文标题自成一段。 水平线标签hr 用hr标签可以在HTML文件里加一条横线 hr没有结束标签 列表标签olulli 在网页中显示一些有次序的内容时，可以使用列表标签 分类 有序列表ol 无序列表ul 超链接标签a HTML用a/a来表示超链接 a/a可以指向任何一个文件源：一个HTML网页，一个图片，一个影视文件等。用法如下： a href=url链接的显示文字/a 点击a/a当中的内容，即可打开一个链接文件，href属性则表示这个链接文件的路径。 超链接的属性 target属性 使用链接的target属性，可以在指定窗口里打开链接文件 title属性 使用?链接的title 属性，可以让鼠标悬停在超链接上的时候，显示该超链接的文字注释 链接