HTML标籤 , 属性名称 , 简介
标籤 , 属性名称 , 简介
<! - - ... - -> 註解
<!> 跑马灯
<marquee>...</marquee>普通捲动
<marquee behavior=slide>...</marquee>滑动
<marquee behavior=scroll>...</marquee>预设捲动
<marquee behavior=alternate>...</marquee>来回捲动
<marquee direction=down>...</marquee>向下捲动
<marquee direction=up>...</marquee>向上捲动
<marquee direction=right></marquee>向右捲动
<marquee direction=left></marquee>向左捲动
<marquee loop=2>...</marquee>捲动次数
<marquee width=180>...</marquee>设定宽度
<marquee height=30>...</marquee>设定高度
<marquee bgcolor=FF0000>...</marquee>设定背景顏色
<marquee scrollamount=30>...</marquee>设定捲动距离
<marquee scrolldelay=300>...</marquee>设定捲动时间
<!>字体效果
<h1>...</h1>标题字(最大)
<h6>...</h6>标题字(最小)
<b>...</b>粗体字
<strong>...</strong>粗体字(强调)
<i>...</i>斜体字
<em>...</em>斜体字(强调)
<dfn>...</dfn>斜体字(表示定义)
<u>...</u>底线
<ins>...</ins>底线(表示插入文字)
<strike>...</strike>横线
<s>...</s>删除线
<del>...</del>删除线(表示删除)
<kbd>...</kbd>键盘文字
<tt>...</tt> 打字体
<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>字体顏色
<font size=1>...</font>最小字体
<font style =font-size:100 px>...</font>无限增大
<!>区断标记
<hr>水平线
<hr size=9>水平线(设定大小)
<hr width=80%>水平线(设定宽度)
<hr color=ff0000>水平线(设定顏色)
<br>(换行)
<nobr>...</nobr>水域(不换行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>连结格式
<base href=位址>(预设好连结路径)
<a href=位址></a>外部连结
<a href=位址 target=_blank></a>外部连结(另开新视窗)
<a href=位址 target=_top></a>外部连结(全视窗连结)
<a href=位址 target=页框名></a>外部连结(在指定页框连结)
<!>贴图/音乐
<img src=图片位址>贴图
<img src=图片位址 width=180>设定图片宽度
<img src=图片位址 height=30>设定图片高度
<img src=图片位址 alt=提示文字>设定图片提示文字
<img src=图片位址 border=1>设定图片边框
<bgsound src=MID音乐档位址>背景音乐设定
<!>表格语法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=图片路径>...</table>背景图片的URL=就是路径网址
<table border=边框大小>...</table>设定表格边框大小(使用数字)
<table bgcolor=顏色码>...</table>设定表格的背景顏色
<table borderclor=顏色码>...</table>设定表格边框的顏色
<table borderclordark=顏色码>...</table>设定表格暗边框的顏色
<table borderclorlight=顏色码>...</table>设定表格亮边框的顏色
<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)
<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)
<table cols=参数>...</table>指定表格的栏数
<table frame=参数>...</table>设定表格外框线的显示方式
<table width=宽度>...</table>指定表格的宽度大小(使用数字)
<table height=高度>...</table>指定表格的高度大小(使用数字)
<td colspan=参数>...</td>指定储存格合併栏的栏数(使用数字)
<td rowspan=参数>...</td>指定储存格合併列的列数(使用数字)
<!>分割视窗
<frameset cols="20%,*">左右分割,将左边框架分割大小為20%右边框架的大小瀏览器会自动调整
<frameset rows="20%,*">上下分割,将上面框架分割大小為20%下面框架的大小瀏览器会自动调整
<frameset cols="20%,*">分割左右两个框架
<frameset cols="20%,*,20%">分割左中右三个框架
<分割上下两个框架
<frameset rows="20%,*,20%">分割上中下三个框架
<! - - ... - -> 註解
<A HREF TARGET> 指定超连结的分割视窗
<A HREF=#锚的名称> 指定锚名称的超连结
<A HREF> 指定超连结
<A NAME=锚的名称> 被连结点的名称
<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址
<B> 粗体字
<BASE TARGET> 指定超连结的分割视窗
<BASEFONT SIZE> 更改预设字形大小
<BGSOUND SRC> 加入背景音乐
<BIG> 显示大字体
<BLINK> 闪烁的文字
<BODY TEXT LINK VLINK> 设定文字顏色
<BODY> 显示本文
<BR> 换行
<CAPTION ALIGN> 设定表格标题位置
<CAPTION>...</CAPTION> 為表格加上标题
<CENTER> 向中对齐
<CITE>...<CITE> 用於引经据典的文字
<CODE>...</CODE> 用於列出一段程式码
<COMMENT>...</COMMENT> 加上註解
<DD> 设定定义列表的项目解说
<DFN>...</DFN> 显示"定义"文字
<DIR>...</DIR> 列表文字标籤
<DL>...</DL> 设定定义列表的标籤
<DT> 设定定义列表的项目
<EM> 强调之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 设定字体大小
<FORM ACTION> 设定户动式表单的处理方式
<FORM METHOD> 设定户动式表单之资料传送方式
<FRAME MARGINHEIGHT> 设定视窗的上下边界
<FRAME MARGINWIDTH> 设定视窗的左右边界
<FRAME NAME> 為分割视窗命名
<FRAME NORESIZE> 锁住分割视窗的大小
<FRAME SCROLLING> 设定分割视窗的捲轴
<FRAME SRC> 将HTML档加入视窗
<FRAMESET COLS> 将视窗分割成左右的子视窗
<FRAMESET ROWS> 将视窗分割成上下的子视窗
<FRAMESET>...</FRAMESET> 划分分割视窗
<H1>~<H6> 设定文字大小
<HEAD> 标示文件资讯
<HR> 加上分格线
<HTML> 文件的开始与结束
<I> 斜体字
<IMG ALIGN> 调整图形影像的位置
<IMG ALT> 為你的图形影像加註
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入图片并预设图形大小
<IMG HSPACE> 插入图片并预设图形的左右边界
<IMG LOWSRC> 预载图片功能
<IMG SRC BORDER> 设定图片边界
<IMG SRC> 插入图片
<IMG VSPACE> 插入图片并预设图形的上下边界
<INPUT TYPE NAME value> 在表单中加入输入栏位
<ISINDEX> 定义查询用表单
<KBD>...</KBD> 表示使用者输入文字
<LI TYPE>...</LI> 列表的项目 ( 可指定符号 )
<MARQUEE> 跑马灯效果
<MENU>...</MENU> 条列文字标籤
<META NAME="REFRESH" CONTENT URL> 自动更新文件内容
<MULTIPLE> 可同时选择多项的列表栏
<NOFRAME> 定义不出现分割视窗的文字
<OL>...</OL> 有序号的列表
<OPTION> 定义表单中列表栏的项目
<P ALIGN> 设定对齐方向
<P> 分段
<PERSON>...</PERSON> 显示人名
<PRE> 使用原有排列
<SAMP>...</SAMP> 用於引用字
<SELECT>...</SELECT> 在表单中定义列表栏
<SMALL> 显示小字体
<STRIKE> 文字加横线
<STRONG> 用於加强语气
<SUB> 下标字
<SUP> 上标字
<TABLE BORDER=n> 调整表格的宽线高度
<TABLE CELLPADDING> 调整资料栏位之边界
<TABLE CELLSPACING> 调整表格线的宽度
<TABLE HEIGHT> 调整表格的高度
<TABLE WIDTH> 调整表格的宽度
<TABLE>...</TABLE> 產生表格的标籤
<TD ALIGN> 调整表格栏位之左右对齐
<TD BGCOLOR> 设定表格栏位之背景顏色
<TD COLSPAN ROWSPAN> 表格栏位的合併
<TD NOWRAP> 设定表格栏位不换行
<TD VALIGN> 调整表格栏位之上下对齐
<TD WIDTH> 调整表格栏位宽度
<TD>...</TD> 定义表格的资料栏位
<TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏
<TEXTAREA WRAP> 决定文字输入栏是自动否换行
<TH>...</TH> 定义表格的标头栏位
<TITLE> 文件标题
<TR>...</TR> 定义表格美一行
<TT> 打字机字体
<U> 文字加底线
<UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )
<VAR>...</VAR> 用於显示变数
div+css学习资料
需积分: 0 60 浏览量
更新于2011-02-28
收藏 38KB RAR 举报
【div+css学习资料】是一份综合性的学习资源,涵盖了从基础到高级的HTML和CSS技术,旨在帮助学习者深入理解和熟练运用W3C标准。这份资料包包含了多个主题,覆盖了HTML标记、CSS属性、常见问题解决方案、编程技巧、命名规范、网页优化以及CSS在实际应用中的各种技巧和策略。
"HTML标签"和"属性名称"是HTML的基础,了解并掌握这些标签和属性对于构建结构清晰、语义明确的网页至关重要。例如,`<div>`元素作为通用容器,常用于布局和样式控制;`<p>`用于定义段落;`<a>`用于创建超链接;而`class`和`id`属性则用来为元素添加特定标识,以便用CSS进行样式设置。
接着,"CSS浏览器兼容问题"是前端开发者经常面临的挑战,尤其是对老版本的IE(如IE6、IE7)的支持。这些文档提供了针对不同浏览器的兼容性解决方案,如条件注释、CSS hacks等,以确保页面在不同浏览器间表现一致。例如,浮动元素的清楚方法,`*zoom:1`解决IE盒模型问题,或者使用`!important`强制应用某些样式。
"pj皮肤flash定位方法"可能涉及到在CSS中使用绝对或相对定位来精确控制Flash元素的位置,这在创建动态效果或交互式界面时非常有用。同时,"25条CSS编程提醒及小技巧整理"提供了实用的建议,如避免使用内联样式,优先使用类选择器,以及合理使用浮动和清除等。
"css命名规则"强调了编写可读性和可维护性高的CSS代码的重要性。遵循一定的命名约定,如BEM(Block Element Modifier)或SMACSS(Scalable and Modular Architecture for CSS),能提高团队协作效率,减少代码冲突。
"深入分析网页CSS隐藏文字和以图换字技术"探讨了如何在不影响SEO的情况下实现视觉效果,比如使用`text-indent`负值隐藏文字,或者通过背景图像替换文本。
"css+div网站优化"关注了提升网站性能的方法,包括减少HTTP请求,合并CSS文件,使用CSS Sprites,以及优化选择器性能等。
"CSS hacks與爭議"讨论了对浏览器差异的处理,以及CSS hack的利弊,提醒开发者应谨慎使用,尽可能保持代码的干净和标准化。
"css id如何避免与开发人员的id命名重复"提出了关于ID命名的一些建议,如使用前缀,避免使用过于通用的名称,以防止冲突。
"DIV+CSS仿网易的滑动门技术AJAX"可能包含了一个使用CSS和JavaScript(可能包括AJAX)实现的滑动门效果,这种技术常用于导航菜单,可以实现平滑的交互体验。
通过学习这些资料,你可以逐步提升在HTML和CSS领域的技能,更好地理解和应用W3C标准,创造出响应式、高性能的网页。