章HTML语言.pptVIP

第2章HTML语言 目录 2.1 HTML语言基础 HTML(Hype Text Markup Language)被称作为超文本标记语言，是用来编写网页的一种标识语言，用它编写的文件简称超文本，或网页文件。HTML是通过利用各种标签来标识文档的结构以及超链接信息的，它只是建议Web浏览器应该如何显示和排列这些信息，最终在用户面前显示的结果取决于Web浏览器本身的显示风格及其对标签的解释能力。当浏览器接收到HTML文件后，就解释HTML文件内的标签符，根据标签符去执行相应的显示功能或实现某些功能。 2.1.1一个简单的HTML实例 例2.1：制作一个简单的HTML网页 打开记事本程序，在记事本中输入如下内容。 HTML 　　 HEAD 　　 TITLE一个简单的网页/TITLE 　　 /HEAD 　　 BODY 　　 P 欢迎光临我的第一个网页！/P 　　 /BODY 　　/HTML 2.1.2标准HTML文件的结构 HTML的基本结构如下： HTML定义HTML文件的开始 HEAD定义文件头部的开始 …　　　头部的内容，如网页标题等 　　 /HEAD定义文件头部的结束 　　 BODY 定义主体的开始 　　　　…　 网页内容，如网页文本 　　 /BODY ――定义主体的结束 　　/HTML ――定义HTML文件的结束 2.1.3 HTML的语法规则 HTML语法的一般格式如下： 标签名 属性名1=属性值1 属性名2=属性值2 ……标签中的具体内容/标签名，HTML标签的属性都是定义在头标签中，每个元素拥有各种相应的属性，通过属性可定义各种各样的元素风格。例如body元素有background、bgcolor等属性，如body bgcolor=”#0000FF”body标签设置文档主体的背景颜色为蓝色/body。 2.1.4 归纳与思考 HTML文件属于纯文本文件，因此可以使用文本编辑器(如windows系统自带的记事本和写字板)打开和编辑它。只要把用文本编辑器编写的文件保存为后缀为“.htm”或“.html”的网页文件即可。但文本编辑器纯手工式编写网页的效率太低，有没有可视化的快速制作网页的工具呢？答案是有！从第三章开始，我们将学习使用网页制作软件Dreamweaver来制作网页，利用Dreamweaver可以在可视化的环境下快速制作和发布网页。 2.2 HTML基本标签与属性 HTML作为超文本标签语言，其中包含大量的标签，有些标签用来修饰文本，如设置文本字体、字号和颜色等；有些标签用来显示标题、段落、图片、超链接和表格等。下面主要对常用的HTML标签进行介绍。 2.2.1标题标签hn 一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标签hn,其中n为标题的等级，HTML总共提供六个等级的标题，n越小，标题字号就越大，h1定义最大号标题，h6定义最小号标题。 例2.2：标题标签的应用 用记事本新建一个文本文档，在其中输入如下内容。 html head title标题标签/title /head body h1这是第一级标题/h1 h2这是第二级标题/h2 h3这是第三级标题/h3 h4这是第四级标题/h4 h5这是第五级标题/h5 h6这是第六级标题/h6 /body /html 2.2.2换行标签br和水平线标签hr 在HTML文本显示中，默认是将一行文字连续地显示出来，如果想将把一个句子后面的内容在下一行显示就会用到换行符br。br标签符用于定义文本从新的一行显示，它不产生一个空行，但连续多个的br标签符可以产生多个空行的效果。 用hr标签可以在网页上画出一条横跨网页的水平分隔线，以分隔不同的文字段落。hr标签有size、width和color等属性，下面逐一介绍水平线的各个属性。 size属性：控制水平线的粗细，以像素(px)为单位表示，下面的语法建立粗细为10px的水平分隔线，如hr size=10 width属性：控制水平线的宽度，可以用像素(px)为单位表示，也可以使用对屏幕百分比表示，下面的语法建立宽度屏幕长度50%的水平分隔线，如hr width=50% align属性：控制水平分平线的对齐方式，有居中、左对齐、右对齐三种方式，语法为hr align=center或left或right color属性：控制颜色，可以为颜色名或十六进制数。语法为hr color=颜色值 noshade属性：控制水平线不显示3D阴影，语法为hr noshade 2.2.3字体标签font font标签是HTML里最常用的文字格式控制标签，通过改变font标签的属性可以改变文字的大小颜色字体等。font