html(学习笔记).doc

HTML网页制作笔记 卢仁慧 I. 标签的格式 1．1 基本框架 html head title /title /head body /body /html 1.2 html head title--------/title /head body h1 align=centerfont color=red练习一/font/h1 /body /html 注意：align是指“练习一”居中，font要把所要修饰字放在首尾标签里 II. 基本标签的用法 2．1 基本标签 文字标题标签： hn 段落标签： p（align属性在p标签里面表示位置） 字体标签： font 空格标签： nbsp; 换行标签： br(无尾标签) 字体属性： face（这里的字体是指宋体、楷体） 表格标签： table 无序列表标签： ul 有序列表标签： ol 2．2 文本标签 h1……/h1 创建最大的标题 h6……/h6 创建最小的标题 b……/b 创建黑体字 i……/i 创建斜体字 tt……/tt 创建打字机风格的字体 em……/em 加重（通常是斜体加黑体） strong……/strong 强调（通常是斜体加黑体） pre……/pre 创建预格式化文本 font size=value/font 设置字体大小，从1到7 font color=……/font 设置字体的颜色， 2．3页面属性标签 body……/body标签的扩展属性。 body bgcolor=#…… 设置背景颜色 body text=#…… 设置文本文字颜色 body link=#…… 设置链接颜色， body vlink=#…… 设置已使用的链接的颜色 body alink=#…… 设置正在被击中链接的颜色 2.4 图形元素 img src=name 添加一个图像 img src=name align=value 排列对齐一个图像：左中右或上中下 img src=name border=value 设置围绕一个图像的边框的大小 hr 加入一条水平线 hr size=value 设置水平线的大小（高度） hr width=value 设置水平线的宽度（百分比或绝对像素点） hr noshade 创建一个没有阴影的水平线 例如网页中的图片应用 html head body bgcolor=”颜色” background=图片的具体位置 img src=图片的具体地址和文件名及其格式 alt=所要提示的文字 img src=图片的具体地址和文件名及其格式 width=value height=value 注意：图像的宽度和高度可以是像素，也可以是百分 img src=图片的具体地址和文件名及其格式 border=value 注意：value为边框线的宽度，单位为像素 /body /head /html 其中align的属性值如下表 Top 文字的中间线居在图片上方 Middle 文字的中间线居在图片中间 bottom 文字的中间线居在图片底部 left 图片在文字的左侧 right 图片在文字的右侧 超链接标记及其属性 1、建立超链接的标签：a/a 2、标签属性： href 建立超链接 a href=链接的具体位置需要链接的文字/a 对图片进行超链接 a href=链接的具体位置img src=图片的具体位置/a 一、.表格的基本标记 table……/table 创建一个表格 tr……/tr 开始表格中的每一行 td……/td 开始一行中的每一个单元格 二、创建简单的表格 1、创建一个三行两列的表格 body table tr td内容/td 表格四步走： /tr 1、先建html的基本框架 tr 2、table/table td内容/td 3、tr/tr td内容/td 4、td/td /tr tr td内容/td td内容/td /tr tr td内容/td td内容/td /tr /table 1、表格的宽度和高度width、height 表格的宽度和高度： ta