html网页标基础知识.pptVIP

HTML基础(一) 思百授 郭文静 本次课题：(HTML) 第一章 认识HTML 什么是HTML HTML 简介 HTML 是一种标记语言 HTML的格式 Html小练习 练习1：创建你的第一个网页，内容自定。 段落标记p P段落标记 使用对齐属性 换行标记br 常见颜色的代码 水平线hr HTML段落与分行控制 居中--- center元素 center元素是一个独立的使所标记的字符居中的元素。它的作用与使用p元素里的align=“center”类似 例如：center居中段落/center 创建超链接a标记 a用于作超链接的文本或图像等 a href=“欲链接的文件位置” name=“目标名称” target=“目标窗口” title=“说明文字” /a a href=“mailti:邮件地址” 文字或图片/a设置电子邮件。 备注：name是用来创建锚文本的。例如： 同一个网页 a name=“kaishi”开始内容/a a href=“#kaishi”返回开始内容/a 不同的网页 a href=“b.html#kaishiA/a a name=“kaishi目标处/a 表格(TABLE)标记 table 元素：定义一个表格。每一个表格只有一对table和/table，一张页面中可以有多个表格。 tr元素：定义表格的行，一个表格可以有多行，所以tr对于一个表格来说不是唯一的。 td元素：定义表格的一个单元格。每行可以有不同数量的单元格，在td和/td之间是单元格的具体内容。 需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。 表格(TABLE)标记 表格的基本结构 table tr td定义表头/td td定义表头/td /tr tr td定义单元格/td td定义单元格/td /tr /table 表格(TABLE)标记--1 表格的属性 –1 width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。 height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。 border属性：表格边线粗细 表格(TABLE)标记--2 表格的属性 –2 bgcolor属性：指定表格或某一个单元格的背景颜色。 background属性：指定表格或某一个单元格的背景图片。其属性值为一个URL地址。 align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式。Top middle bottom td align=“center” valign=“middle“属性：让表格中的内容都水平垂直居中。 td colspan=“数值”属性：合并表格行里面的单元格 td rowspan=“数值”属性：合并表格列里面的单元格 注：数值等于多少就相当于合并多少个单元格 练习 用表格做一个职工信息表：要求如图 大练兵 综合今天所讲的所有标签，做一个个人的主页，要求图文并茂、所学的标签都运用到自己的个人主页上。（pbr/hrhfontimgatableulolstrong） 1. 设置页面正文的字体与字号 格式：FONT FACE=“字体名称” SIZE=n ?/FONT，字号n=1，2…7 SIZE用“+n”，“-n”设置成一个相对值。所有的字体大小都是相对于一个缺省大小值。如：‘SIZE=+2’，表示比缺省字体大2个单位，而‘SIZE=-2’表示比缺省字体小2个单位。 其中：SIZE的缺省值是3。 font 设置文本的字体、字体尺寸、字体颜色。 2. 字符颜色的设置 格式：FONT COLOR=”#RRGGBB”…/FONT 其中： RR、GG、BB为两位16进制数，设置颜色值的范围是 1，2…，255； 指定颜色的另一种方法是使用HTML中定义的颜色常量，即使用下表预设的常用颜色名称（color=”green”）如下页表所示。 常用颜色名称 3. 设置字体风格 插入图片— IMG标记 语法：IMG SRC=“文件名” ALT=“提示文本” ALIGN=位置 HEIGHT=n WIDTH=n VSPACE=”value1” HSPACE=value2 border=“2” 功能：在当前网页的位置显示一张图片 下面对其中的几个属性说明如下： SRC —— 指定要嵌入的图片的文件名； ALT —— 在图形下载显示前或使用无法显示图形的浏览器，在该图形位置上就会出现 ALT 后面的文字； ALIGN —— 指定图形的位置，图形可以出现在文字的左（LEFT）、右（