第1章--网页基础知识.pptVIP

网页设计 1.3 HTML基础 1.3.4 图像标志 必须强调，src属性在img 标志中是必须赋值的，是标志中不可缺少的一部分。除此之外，img 标志还有alt 、align、 border、 width和height属性： alt属于是当鼠标移动到图像上时显示的文本。 align是图形的对齐方式。 border属性是图形的边框，可以取大于或者等于0的整数，默认单位是像素。 width和height属性是图形的宽和高，默认单位是像素。 ⒉水平线标志 hr标志是在HTML文档中假如一条水平线，它可以直接使用，具有size、color、width 和noshade属性。 size是设置水平的厚度。 width是设置水平线的宽度、默认单位为像素。 noshade属性不需要赋值，而是直接加入标志即可使用，它是用来假如一条没有阴影的水平线（不假如此属性，水平线将有阴影）。 1.3 HTML基础 1.3.5表格标志 ⒈创建表格标志 table/table标志对用来创建一个表格，下表所示的是属性。 设置表格的宽度，单位用绝对像素值或总宽度的百分比 table width= 设置表格的单元格边框与其内部内容之间空间大小 table cellspacing= 设置表格的单元格之间的空间大小 table cellspacing= 设置边框昏暗部分的颜色（当border的只大于等于1才有用） table bordercolor darkr= 设置边框明亮部分的颜色（当border的只大于等于1才有用） table bordercolor light= 设置边框的颜色 table bordercolor= 设置边框的宽度，若不设置宽度默认值为0 table border= 设置表格的背景色 table bgcolor= 用途 属性 1.3 HTML基础 1.3.5表格标志 ⒉行、单元格和表格头标志 ⑴.tr/tr、td/td tr/tr标志对用来创建表格的每一行。此标志对只能放在table/table标志对之间使用，而在此标志对之间加入文本是无用的，因为tr/tr之间只能紧跟td/td标志对才是有效的语法。 td/td标志对用来创建表格中每一行中的每一个单元格，此标志对只有放在tr/tr标志对之间才识有效的，输入的文本也只有放在td/td标志对之间才有效（即才能被显示出来）。 1.3 HTML基础 table/table、tr/tr和td/td标志对之间的关系 最外层 /table 行末尾 /tr 创建一个单元个（这里总共创建了三个单元格） td要输出的文本只能放在此处/td td要输出的文本只能放在此处/td td要输出的文本只能放在此处/td 创建一行 tr 最外层，创建一个表格 table 含义 标志 1.3 HTML基础 1.3.5表格标志 此外，tr还有align和 valign属性， align是水平对齐方式，取值为left(左对齐)、center（居中对齐）、right（右对齐）。 valign是垂直对齐方式，取值为top(靠顶端对齐)、 middle(居中间对齐)、bottom(靠底部对齐)。 td具有width、colspan、rowspan和nowrap属性。 width是单元格的宽度，单位用绝对像素值或总宽度的百分比。 colspan设置一个表格单元格跨占的列数（缺省值为1）。 rowspan设置一个表格单元格跨占的行数（缺省值为1）。 nowrap禁止对表格单元格内的内容自动断行。 ⑵th/th th/th标志对用来设置表格头，文字通常是黑体、居中。 1.3 HTML基础 1.3.5表格标志 ⑵th/th th/th标志对用来设置表格头，文字通常是黑体、居中。 1.3 HTML基础 1.3.5表格标志 ⒊表格标志的综合应用 html hrad title表格标志的综合示例/title /head body table border=1width=80%bgcolor=#e8e8e8 cellpadding=2 bordercolor=30000ff tr th width=33% colspan=2 valign=bottom意大利/th th width=36% colspan=2 valign=bottom英格兰/th th width=36% colspan=2 valign=bottom西班牙/th tr td width=16% align=ce