整理html网页布局模板.pptxVIP

1 html 笔记 一、HTML 的概述（了解）;四、HTML 的编辑工具（了解） *.notepad 记事本 *.editplus : 语法高亮显示 技巧： 根据颜色判断单词是否出错。 （不是 100%） *.ultraedit : 根据颜色判断单词是否出错,可以显示 2 进制数据. *.dw(dreamweaver,专业工具) 代码提示.;text: 文本颜色;color:字体颜色 颜色的写法有 3 种： 1)英文单词: red 十六进制：#00ffcc RGB(三原色) : new RGB(124,156,23) size:字体大小 face：字体类型 特殊字符： lt;小于 gt;大于 amp; 符号 quot; 双引号apos;单引 号 copy; 版权 trade;商标 nbsp;空格 扩展：#32464; b: 加粗 strong: 加粗 i:斜体 em: 斜体 u: 下划线 s: 中划线(删除线) sup: 上标 sub: 下标. 3.图像标记 img: 代表是一副图片 属性： src : 图片的路径 两种写法：a) : 相对路径 路径是相对页面所在的路径 两个 标记.和.. ,分表代表当前目录和父路径 b) ：绝对路径;1) : 以盘符;c.定义列表(dl) dt: 列表项的标题 dd: 列表项 超链接 3 种超链接: 连接到其他页面 锚: 指给超链接起一个名字，作用是连接到本页面或者其他页 面的特定位置。使用name 属性给超链起名字 连接到邮件: a href = mailto:xugang@itcast.cn进入我的 邮箱/a 属性：target: 告诉浏览器怎么显示目标页面 HTML 中已定义 4 个值： _self :在同一个 浏览器中显示 _blank: 打开 新的浏览器显示 _parent: 在 父窗口中显示 _top: 在顶级 窗口中显示 表格标记 table: 表格 属性：border:边框 width:宽度 height：高度 align:表格的对齐方式 cellpadding:单元格内容到边的距离;cellspacing:单元格和单元格之间的距离 bgcolor:背景颜色 background:背景图片 bordercolorlight:表格的上，左边框，以及单元格的右，;属性：align: 取值：left,center,right,top,bottom thead tbody tfoot 写与不写的区别： 当表格非常大的时候，如果不写，则必须等表格的内容全部 下载完成才能显示。但是用tbody 标签的话，那么边下载边显示。 如果不写 thead,tbody,tfoot 那么浏览器解析表格内容的时候是从上到 下解析。如果写了，那么顺序任意，浏览器解析的时候还是按照 thead,tbody,tfoot 的 顺序显示内容 7.框架标记及iframe 框架页面上不允许有body 标签 frameset: 框架的集合 rows: 纵向分部框架. cols: 横向分部框架. 写法有两种: 1) 绝对值 200,* ,*代表剩余的 2) 相对值 30%,* frame: 框架. 一个框架显示一个页面 scrolling: 是否需要滚动条。默认是true noresize : 固定框架大小 bordercolor: 给框架边框起一个颜色 name : 给框架起一个名字 内嵌框架： 嵌入在一个页面上的框架.(仅仅 IE 支持) iframe: 属性： width: 宽度 height： 高度;scrolling : 是否需要滚动条;使数据和显示分开 降低网络流量 使整个网站视觉效果一致 使开发效率提高了 二、CSS 语法 p{color：red;};两种引入方式的区别： 外部样式表中不能写link标签,但是可 以写import 语句;margin-left:0px; margin-top:0px;;input:focus{ background-color:#ff9999; border:1px solid red; } a:active{ color:blue; };font-weight:bold; /*粗体*/ font-family:幼圆; /*字体类型*/ font-variant:small-caps; /*小写变大写*/ } *文本设置 p{ letter-spacing:0.5cm ; /*字母间距*/ word-spacing:1cm; /*单词间距*/ text-align:center; /*在所包含容器的中间*/ text-decoration:overline; /*字体修饰 underline 下划线 line-through 中划线 overline 上划