HTML简明基础教程.ppt

body table border = “2” caption align=top学员档案信息/caption tr th姓名/th th性别/th th分数/th /tr tr tdrobert/td tdm/td td80/td /tr … /table /body 表格的标题与行或列标题 caption表示表格标题 th表示行或列标题，粗体显示 表格的第二行，有三列数据 body table border=“0” align=“center” width=“50%” caption align=“top”学员档案信息/caption tr bgcolor=#00ffff th align=left姓名/th th align=center性别/th th align=right分数/th /tr tr bgcolor=#ffff00 tdRobert/td td align=centerM/td td align=right80/td /tr … /table /body 表格的背景色和尺寸设置 表格的尺寸设置： 　　table width=n1 height=n2 例如： table width=200 height=100 表示一个长为200像素，宽为100像素的表格。 table width=20% height=10% 表示一个宽为窗口的20%，高为窗口的10%的表格。 表格的颜色设置： 表格的背景色 table bgcolor=颜色值 行的背景色　tr bgcolor=颜色值 列的背景色 td bgcolor=颜色值 颜色值可以采用 rgb（red/green/blue）红绿蓝十六进制值表示，如红色#ff0000, 或是一些预定义色彩名称：red ，blue，yellow等。 样式 一、样式定义如何显示 HTML 元素 ,样式通常存储在样式表(css)中 ,style 属性用于改变 HTML 元素的样式。 二、样式可以定义背景颜色(background-color )，文本字体(font-family)、颜色(color)、尺寸(font-size)和对齐方式(text-align)。 style 属性淘汰了 bgcolor 属性 、font 标签 和 align 属性 。 三、样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（ css文件）进行定义。 html head title样式/title /head body p style = color:red;font-size:30px;font-family:隶书; 这个段落应用了样式/p p这个段落按默认样式显示/p /body /html 样式代码格式 指定显示样式 样式规则 常用的样式属性 属 性 CSS名称 说 明 颜色 color 文本属性 font-size 字体大小 font-family 字体 text-align 文本对齐 边框属性 (用于表 单元素) border-style 边框样式 border-width 边框宽度 border-color 边框颜色 定位属性(position) top 顶部边距（上边距） left 左边距 width 宽度 height 高度 z-index z 轴索引号，用于层 html 标签一般配对使用，不区分大小写 标签都具有属性。属性提供关于网页上 html 元素的附加信息 meta 标签放置在网页的标题处以提供关于页面的信息。搜索引擎常会用到这些标签 标题级标签使用h1…h6 段落标签使用p align＝“对齐方式”…/p 无序列表使用ul标签,有序列表使用ol标签 字体标签font color=“颜色” size=“大小” face＝“字体” 超链接标签a href=“链接地址”超链接文本/a 样式属性p style = “样式属性:属性值;样式属性:属性值; 学习html语言的网站： /html/ * 总结 * 向学员解释： 1)HTML网页的标签讲究配对，HTML开始，/HTML结束 2）HTML网页和人一样，由头部HEAD和主体BODY两部分组成 * * 演示：参见TG4-Source文件夹中“标题”用例 * 演示：参见TG4-Source文件夹中“段落对齐”用例 解释： 1）align的三种对齐方式。 2）段落相当于我们文章的分段，段落间间隔