PHP开发从入门到精通-电子教案-袁鑫第3章课件.pptVIP

第3章 HTML基础 HTML即Hypertext Marked Language（超文本标记语言），是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX、Windows等）。自1990年以来HTML就一直被用作WWW的信息表示语言，用于描述Homepage的格式设计和它与WWW上其他Homepage的连接信息。使用HTML语言描述的文件需要通过浏览器显示出效果。 所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，可以从一个文件跳转到另一个文件，与世界各地主机的文件的连接。HTML只不过是组合成一个文本文件的一系列标签。 【例3-1】HTML列表标记实例 br换行标记 br是一个很简单的标记，它没有结束标记，用来创建一个回车换行。在br的使用上还有一定的技巧：如果把br加在p/p标记对的外边，将创建一个大的回车换行，即br前边和后边的文本的行与行之间的距离比较大；若放在p/p的里边，则br前边和后边的文本的行与行之间的距离将比较小。 blockquote/blockquote缩进标记 在blockquote/blockquote标记对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。 列表 在HTML中列表分为三种：无序列表、有序列表和定义列表。无序列表用ul来定义，格式为： ul li无序列表1 li无序列表2 li无序列表3 /ul 【例3-1】HTML列表标记实例 hr hr标记是在HTML文档中加入一条水平线，它可以直接使用，具有size、color、width和noshade属性。size是设置水平线的厚度，而width是设定水平线的宽度，默认单位是像素。color属性不再多讲。noshade属性不用赋值，而是直接加入标记即可使用，它是用来加入一条没有阴影的水平线（不加入此属性，水平线将有阴影）。 body/body 【例3-2】HTML文本标记实例 HTML中有许多用于文本字体的形状、大小、颜色等描述的标记。 pre/pre pre/pre标记对用来对文本进行格式化处理。被包围在pre元素中的文本通常会保留空格和换行符，文本也会呈现为等宽字体。 h1/h1……h6/h6 HTML语言提供了一系列对文本中的标题进行操作的标记对：h1/h1……h6/h6，即共有6对标题的标记对。h1/h1是最大的标题，而h6/h6则是最小的标题，也即标记中h后面的数字越大标题文本越小。如果HTML文档中需要输出标题文本，就可以使用这6对标题标记对中的任何一对。 【例3-2】HTML文本标记实例 b/bi/iu/u 经常使用Word的人对这3对标记对一定很快就能掌握。b/b用来使文本以黑体字的形式输出；i/i用来使文本以斜体字的形式输出；u/u用来使文本加下划线的形式输出。 tt/ttcite/citeem/emstrong/strong 这些标记对的用法和上面的一样，差别只在于输出的文本字体不太一样。tt/tt用来输出打字机风格字体的文本；cite/cite用来输出引用方式的字体，通常是斜体；em/em用来输出需要强调的文本（通常是斜体加粗体）；strong/strong用来输出加重文本（通常也是斜体加粗体）。 【例3-2】HTML文本标记实例 font/font font/font是一对很有用的标记对，它可以对输出文本的字体大小、颜色进行随意地改变，这些改变主要是通过对它的两个属性size和color的控制来实现的。size属性用来改变字体的大小，可以取值：–1、1和+1；color属性则用来改变文本的颜色，颜色取值十六进制RGB颜色码或HTML语言给定的颜色常量名。如： font color=yellowsize=5表示即将显示的字符为黄色五号字。 font color=graysize=3表示即将显示的字符为灰色三号字。 address/address address标记通常用于说明文档的作者、与作者联系的方法（如电子邮件地址）和修订日期，它一般是一个文件的最后部分。 【例3-3】HTML图像标记实例 本例主要涉及两个标记：图像标记img和链接标记a，a标记会在【例3-5】中详细说明，在此不做解释，重点讲解图像标记img。 在Web页面中，图像是必不可少的一个元素。图像的标记为img，语法格式如下： img src=图像的URL alt= width= height= align= border= 其中各属性的含义如下： src：图像的URL地址。 alt：在浏览器未完全读入图像或者浏览器显示不出图像时，在图像位置显示的文字，同时也是当鼠标移动到图像上时显示的文本。 width：