html CSS 学习笔记总结

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

html标记

加粗 下划 倾斜 删除

预格式化标记
居中标记

……
该标签可定义一个块引用。文本缩进

HTML文档中的特殊字符:

空格:  < : < > : >

版权号:© 注册商标:®

图片标记:””

align=”” vspace=”” hspace=”” />

说明:src=”url”图片的路径;

alt=”文本”图片无法显示时替代的文本;

title=”文本”鼠标悬停时显示的内容;

width=” px/%”设置图片宽;

height=”px/%”设置图片高;

border=”数字”设置图像边框;

align=””left ( right ) 图片靠左,文字靠右(right相反);

top/middle/bottom 文字垂直居上、中、下(默认);

vspace=”px”定义图像顶部和底部的空白(垂直边距);

hspace=”px”定义图像左侧和右侧的空白(水平边距);

提示:img的align属性只体现图片与文字之间的关系,不能改变图片在网页中的对齐方式。

如果想让插入网页中的图片居中显示,则可以设置包含标记的外层标记的align=”center”属性。如:

””

表格元素的属性:

背景颜色;

背景图片;

边框宽,默认为0;

表格边距(边框与内容),默认为2;

单元格间距,默认为2;

边框颜色;

边框亮部分颜色;

边框暗部分颜色;

对齐方式(left/center/right);
表格宽度(px/%)

表格列(单元格)的属性:

功能完全一样。

align=” left/center/right”水平对齐方式;

valign=” top/middle/bottom”垂直对齐方式;

span=”数字”直列数;

bgcolor=”颜色”背景颜色;

超级链接:内容

_blank 在新窗口中打开;

_self 在自身窗口中打开(默认值);

_parent 在上一级窗口中打开,框架会经常使用;

_top 在浏览器的整个窗口中打开,忽略任何框架;

链接类型:①内部链接、②外部链接、③E-mail链接

④锚点链接:

创建锚点:链接目标位置内容

链接锚点:超链接对象内容

如果要跳转到其它网页的一个位置,创建超链接时的写法:

⑤空链接:

设为首页:

onClick=”this.style.behavior=’url(#default#homepage)’;this.sethomepage(‘http://www.xinde ’)”>设为首页

添加收藏:

onClick=”javascript:window.external.addfavorite(‘’,’我看频道’)”>加入收藏夹

⑥脚本链接:单击该链接可以运行相应的javascript语句。例:

宽度;(样式取代)

高度;(样式取代)

背景颜色;(样式取代)

背景图片;

水平对方方式;

垂直对齐方式;

设置行合并的数目;

设置列合并的数目;

设置在单元格中不换行;(样式取代)

标签下的边框设置:

frame=””void 不要显现表格的边线;

above 只要显现出表格的上边线;

below 只要显现出表格的下边线

hsides 只显示表格的上下边线;

vsides 只显示表格的左右边线;

lhs 只显示表格的左边线;

rhs 只显示表格的右边线;

border/box 显示表格的所有边线;

rules=””rows 只显示横行的格框线;

cols 只显示直行的格框线;

all 显示全部格框线;

groups 表示列组合水平部分;

none 不显示任何格框线;

表格的结构化:

…… 表头区;

…… 表体区;

…… 表尾区;

直列化表格: