html CSS 学习笔记总结

html标记<span></span> <em></em> <strong></strong> <b>加粗</b> <u>下划</u> <i>倾斜</i> <s>删除</s><pre></pre>预格式化标记<center></center>居中标记<blockquote cite=””>……</blockquote> 该标签可定义一个块引用。

文本缩进HTML文档中的特殊字符：空格：&nbsp; < : &lt; > : &gt;版权号：&copy; 注册商标：&reg;图片标记：<img src=”url” alt=”” title=”” width=”” height=”” border=””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属性只体现图片与文字之间的关系，不能改变图片在网页中的对齐方式。

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

如：<p align=”center”> <img src=”” alt=”” title=”” /> </p>表格元素的属性：<table bgcolor=””> 背景颜色；<table background=””> 背景图片；<table border=””> 边框宽，默认为0；<table cellpadding=””> 表格边距（边框与内容），默认为2；<table cellspacing=””> 单元格间距，默认为2；<table bordercolor=””> 边框颜色；<table bordercolorlight=””> 边框亮部分颜色；<table bordercolordark=””> 边框暗部分颜色；<table align=””> 对齐方式（left/center/right）；<table width=””> 表格宽度（px/%）表格列（单元格）的属性：<td width=””> 宽度；（样式取代）<td height=””> 高度；（样式取代）<td bgcolor=””> 背景颜色；（样式取代）<td background=””> 背景图片；<td align=””> 水平对方方式；<td valign=””> 垂直对齐方式；<td rowspan=””> 设置行合并的数目；<td colspan=””> 设置列合并的数目；<td nowrap=” nowrap”> 设置在单元格中不换行；（样式取代）<table>标签下的边框设置：frame=””void 不要显现表格的边线；above 只要显现出表格的上边线；below 只要显现出表格的下边线hsides 只显示表格的上下边线；vsides 只显示表格的左右边线；lhs 只显示表格的左边线；rhs 只显示表格的右边线；border/box 显示表格的所有边线；rules=””rows 只显示横行的格框线；cols 只显示直行的格框线；all 显示全部格框线；groups 表示列组合水平部分；none 不显示任何格框线；表格的结构化：<table><thead>……</thead> 表头区；<tbody>……<tbody> 表体区；<tfoot>……</tfoot> 表尾区；</table>直列化表格：<colgroup></colgroup> <col></col>功能完全一样。

<colgroup span=”n-1”> </colgroup><colgroup bgcolor=”blue”> </colgroup>align=” left/center/right”水平对齐方式；valign=” top/middle/bottom”垂直对齐方式；span=”数字”直列数；bgcolor=”颜色”背景颜色；超级链接：<a href=”url” title=”注释” target=”打开链接窗口的形式”>内容 </a>_blank 在新窗口中打开；_self 在自身窗口中打开（默认值）；_parent 在上一级窗口中打开，框架会经常使用；_top 在浏览器的整个窗口中打开，忽略任何框架；链接类型：①内部链接、②外部链接、③E-mail链接<a href=”mailto:地址”>、④锚点链接：创建锚点：<a name=”锚点名称”>链接目标位置内容</a>链接锚点：<a href=”#锚点名称”>超链接对象内容</a>如果要跳转到其它网页的一个位置，创建超链接时的写法：<a href=”目标网页#html”></a>⑤空链接:<a href=”#”></a>设为首页：<a href=”#”onClick=”this.style.behavior=’url(#default#homepage)’;this.sethomepage(‘http://www.xinde ’)”>设为首页</a>添加收藏：<a href=”#”onClick=”javascript:window.external.addfavorite(‘’,’我看频道’)”>加入收藏夹</a>⑥脚本链接:单击该链接可以运行相应的javascript语句。

例：<a href=javascript:window,open(“”)></a>关闭窗口：<a href=”javascript:window.close()”>关闭窗口</a>打开窗口：<a href=”javascript:window.open(‘文件名’)”>打开某窗口</a>表单标记：<form action=url(…) method= name=””></form> 【放置表单元素的容器】action=url(传送目标，规定当提交表单时，向何处发送表单数据)method=”get/post”规定如何发送表单数据name=””规定表单的名称表单元素标记：文本框：<input name=”文本框名” type=”text” value=”初始值” size=”显示字符数”maxlength=”最多容纳字符数” readonly=”readonly” disabled=”disabled” />注：disabled (设置为不可操作)密码框：<input name=”名称” type=”password” value=”初始值” size=”显示字符数” />单选框：<input name=”名称” type=”radio” value=”提交值” checked=”checked” />注：checked(是否被选中)复选框：<input name=”” type=”checkbox” value=”提交值” checked=”checked” /><lable>标注内容</lable> 该标签可为input元素定义标注。

for的值应与id的值相同。

<lable for=”man”>男</lable><input type=”radio” name=”sex” value=”男” id=”man” />按钮：<input type=”reset/submit/button” name=”” value=”按钮显示文本” />注：按钮类型（reset-重置表单，submit-提交表单、button-普通按钮）图片按钮：<input name=”” type=”image” src=”图片路径” />隐藏域：<input name=”” type=”hidden” value=”提交值” />浏览框：<input name=”” type=”file” size=”显示长度” />表单外框：<fieldset> （定义围绕表单元素的边框）<legend>为fieldset定义标题（写在此处）</legend></fieldset>菜单式列表框：<select name=”列表框名称”><option selected=”selected” value=”提交值”>列表1</option><option value=”提交值”>列表2</option>……<!--selected=”selected”哪个设为初始值就给它添加（只有一个） -->分组：<optgroup label=”分组名称”></optgroup>列表式列表框：<select name=”列表框名称” size=”显示的行数” multiple=”multiple”><option value=”提交值”>列表1</option><option value=”提交值”>列表2</option>……<!--注：multiple=”multiple”，如果允许多选则有该命令，否则没有。