html5特效代码大全（html5 css3有哪些新特效）

本文目录

• html5 css3有哪些新特效
• 谁能告诉我一些有用的网页特效代码啊
• html代码大全,越详细越好

html5 css3有哪些新特效

html5:
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search

css3:
1. CSS3实现圆角（border-radius），阴影（box-shadow），
2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）
3. transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜
4. 增加了更多的CSS选择器 多背景 rgba
5. 在CSS3中唯一引入的伪元素是 ::selection.
6. 媒体查询，多栏布局
7. border-image

谁能告诉我一些有用的网页特效代码啊

《!--STATUS OK--》
《!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN“》
《html》
《head》
《meta http-equiv=“Content-Type“ content=“text/html; charset=gb2312“》
《link rel=“alternate“ type=“application/rss+xml“ title=““谁能告诉我一些有用的网页特效代码啊？”的最新回答（RSS 2.0）“ href=“http://zhidao.baidu.com/q?ct=20&qid=2601349&pn=65535&rn=25&tn=rssqb“》
《title》谁能告诉我一些有用的网页特效代码啊？_百度知道 《/title》
《style type=“text/css“》
《!--
a.f12og:link{color:#ff6600}
a.f12og:visited{color:#ff6600}
--》
《/style》
《link href=“/iknow.css“ rel=“stylesheet“ type=“text/css“》
《script language=“JavaScript“ type=“text/JavaScript“》
function ask(fn)
{document.fask.word.value=fn.word.value;
fask.submit();
}
《/script》
《/head》
《body class=“bgbdy“ topmargin=“0“》
《center》
《table width=“770“ border=0 align=“center“》
《tbody》
《tr》
《td width=“150“ valign=top》《a href=“/“》《img src=“https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif“ border=“0“》《/a》《/td》
《td height=“55“ style=“table-layout: fixed; word-break: break-all“》《table cellspacing=0 cellpadding=0 border=0》
《tr》
《td nowrap class=“tab“》《a href=“http://news.baidu.com“ class=“headTit“》新闻《/a》   《a href=“http://www.baidu.com/“ class=“headTit“》网页《/a》   《a class=“headTit“ href=“http://post.baidu.com/“》贴吧《/a》   《font class=“headTitB“》知道《/font》   《a class=“headTit“ href=“http://mp3.baidu.com/“》MP3《/a》   《a class=“headTit“ href=“http://image.baidu.com/“》图片《/a》《/td》
《/tr》
《/table》
《table border=“0“ cellspacing=“0“ cellpadding=“0“》
《tr》
《form action=“/q“ name=“ftop“ method=“get“》
《td nowrap》
《input class=formfont maxlength=256 tabindex=1 size=42 name=word》
《/td》
《td width=“30“ valign=“bottom“ nowrap》《div align=“right“》《span style=“padding-bottom:15px; “》《a href=“http://www.baidu.com/search/zhidao_help.html“》帮助《/a》《/span》《/div》《/td》
《/tr》
《/table》
《table cellspacing=0 cellpadding=0 border=0》
《tr valign=“bottom“》
《td height=“28“ nowrap 》 《input type=“submit“ tabindex=2 value=“搜索答案“ class=“bnsrh“》
《/td》
《td width=“86“ nowrap 》《div align=“right“》
《input type=“hidden“ name=“ct“ value=“17“》
《input type=“hidden“ name=“pn“ value=“0“》
《input type=“hidden“ name=“tn“ value=“ikaslist“》
《input type=“hidden“ name=“rn“ value=“10“》
《input type=“button“ onclick=“ask(ftop);“ tabindex=3 value=“我要提问“ class=“bnsrh“》
《/div》《/td》 《/form》
《/tr》
《/table》
《form name=“fask“ action=“/q“ method=“get“》 《input type=“hidden“ name=“ct“ value=“17“》《input type=“hidden“ name=“pn“ value=“0“》《input type=“hidden“ name=“tn“ value=“ikask“》《input type=“hidden“ name=“rn“ value=“10“》《input type=“hidden“ name=“word“ value=““》 《input type=“hidden“ name=“cm“ value=“1“》《input type=“hidden“ name=“lm“ value=“394496“》《/form》
《/td》《/tr》
《/table》
《script》
var url = escape(location.href);

function ctlSubmit(event) {
if (event.ctrlKey && event.keyCode == 13) { fdf.submit() }
}
function checkco(f,des)
{ if(f.co.value==““) {alert(“请输入您的“+des); return false;}}
function limitpl(f,des)
{ if(f.co.value==““) {alert(“请输入您的“+des); return false;} return limitChars(f.co,des,200);}
function checkcoAndsn(f,des)
{ if(f.co.value==““) {alert(“请输入您的“+des); return false;} return limitChars(f.sn,“参考资料“,60);

html代码大全,越详细越好

1.结构性定义
文件类型 《HTML》《/HTML》 （放在档案的开头与结尾）
文件主题 《TITLE》《/TITLE》 （必须放在「文头」区块内）
文头 《HEAD》《/HEAD》 （描述性资料，像是「主题」）
文体 《BODY》《/BODY》 （文件本体）
（由浏览器控制的显示风格）
标题 《H?》《/H?》 （从1到6，有六层选择）
标题的对齐 《H? ALIGN=LEFT|CENTER|RIGHT》《/H?》
区分 《DIV》《/DIV》
区分的对齐 《DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY》《/DIV》
引文区块 《BLOCKQUOTE》《/BLOCKQUOTE》 （通常会内缩）
强调 《EM》《/EM》 （通常会以斜体显示）
特别强调 《STRONG》《/STRONG》 （通常会以加粗显示）
引文 《CITE》《/CITE》 （通常会以斜体显示）
码 《CODE》《/CODE》 （显示原始码之用）
样本 《SAMP》《/SAMP》
键盘输入 《KBD》《/KBD》
变数 《VAR》《/VAR》
定义 《DFN》《/DFN》 （有些浏览器不提供）
地址 《ADDRESS》《/ADDRESS》
大字 《BIG》《/BIG》
小字 《SMALL》《/SMALL》
与外观相关的标签（作者自订的表现方式）
加粗 《B》《/B》
斜体 《I》《/I》
底线 《U》《/U》 （尚有些浏览器不提供）
删除线 《S》《/S》 （尚有些浏览器不提供）
下标 《SUB》《/SUB》
上标 《SUP》《/SUP》
打字机体 《TT》《/TT》 （用单空格字型显示）
预定格式 《PRE》《/PRE》 （保留文件中空格的大小）
预定格式的宽度 《PRE WIDTH=?》《/PRE》（以字元计算）
向中看齐 《CENTER》《/CENTER》 （文字与图片都可以）
闪耀 《BLINK》《/BLINK》 （有史以来最被嘲弄的标签）
字体大小 《FONT SIZE=?》《/FONT》（从1到7）
改变字体大小 《FONT SIZE=+|-?》《/FONT》
基本字体大小 《BASEFONT SIZE=?》 （从1到7; 内定为3）
字体颜色 《FONT COLOR=’#$$$$$$’》《/FONT》
2.连结与图形
连结 《A href=’/URL’》《/A》
连结到锚点 《A HREF=’URL#***’》《/A》（如果锚点在另一个档案）
《A HREF=’#***’》《/A》 （如果锚点目前的档案）
连结到目的视框 《A href=’/URL’ TARGET=’***’》《/A》
设定锚点 《A NAME=’***’》《/A》
图形 《IMG src=’/URL’》
图形看齐方式 《IMG src=’/URL’ ALIGN=TOP|BOTTOM|MIDDLE》
图形看齐方式 《IMG src=’/URL’
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM》
取代文字 《IMG src=’/URL’ ALT=’***’》 （如果没有办法显示图形则显示此文字）
点选图 《IMG src=’/URL’ ISMAP》 （需要CGI程式）
N2.0 点选图 《IMG src=’/URL’ USEMAP=’URL’》
N2.0 地图 《MAP NAME=’***’》《/MAP》（描述地图）
N2.0 段落 《AREA SHAPE=’RECT’ COORDS=’,,,’ href=’/URL’|NOHREF》
3.0 大小 《IMG src=’/URL’ WIDTH=’?’ HEIGHT=’?’》（以pixels为单位） N1.0 图形边缘 《IMG src=’/URL’ BORDER=?》 （以pixels为单位）
N1.0 图形边缘空间 《IMG src=’/URL’ HSPACE=? VSPACE=?》 （以pixels为单位）
N1.0 低解析度图形 《IMG src=’/URL’ LOWsrc=’/URL’》
N1.1 用户端拉 《META HTTP-EQUIV=’Refresh’ CONTENT=’?; URL=URL’》（使用端自动更新 ）
N2.0 内嵌物件 《EMBED src=’/URL’》 （将物件插入页面）
N2.0 内嵌物件大小 《EMBED src=’/URL’ WIDTH=’?’ HEIGHT=’?’》
3.分隔
段落 《P》 （通常是两个return）
3.0 段落 《P》《/P》 （新定义成容器型标签）
3.0 文字看齐方式 《P ALIGN=LEFT|CENTER|RIGHT》《/P》
换行 《BR》 （一个return）
N1.0 文字部份看齐方式《BR CLEAR=LEFT|RIGHT|ALL》（与图形合用时）
横线 《HR》
N1.0 横线对齐 《HR ALIGN=LEFT|RIGHT|CENTER》
N1.0 横线厚度 《HR SIZE=?》 （以pixels为单位）
N1.0 横线宽度 《HR WIDTH=?》 （以pixels为单位）
N1.0 横线比率宽度 《HR WIDTH=%》 （以页宽为100%）
N1.0 实线 《HR NOSHADE》 （没有立体效果）
N1.0 不可换行 《NOBR》《/NOBR》 （不换行）
N1.0 可换行处 《WBR》 （如果需要，可在此断行）
列举 （可以巢状列举）
无次序式列举 《UL》《LI》《/UL》 （《LI》 放在每一项前）
N1.0 公布式列举 《UL TYPE=DISC|CIRCLE|SQUARE》（定义全部的列举项）
《LI TYPE=DISC|CIRCLE|SQUARE》（定义这个及其后的列举项）
有次序式列举 《OL》《LI》《/OL》 （《LI》 放在每一项前）
N1.0 数标型态 《OL TYPE=A|a|I|i|1》 （定义全部的列举项）
《LI TYPE=A|a|I|i|1》 （定义这个及其后的列举项）
N1.0 起始数字 《OL value=?》 （定义全部的列举项）
《LI value=?》 （定义这个及其后的列举项）
定义式列举 《DL》《DT》《DD》《/DL》（《DT》项目, 《DD》定义）
表单式列举 《MENU》《LI》《/MENU》（《LI》 放在每一项前）
目录式列举 《DIR》《LI》《/DIR》 （《LI》 放在每一项前）
背景与颜色
3.0 重复排列的背景 《BODY background=’/URL’》
N1.1+ 背景颜色 《BODY BGCOLOR=’#$$$$$$’》 （依序为红、绿、蓝）
N1.1+ 文字颜色 《BODY TEXT=’#$$$$$$’》
N1.1+ 连结颜色 《BODY LINK=’#$$$$$$’》
N1.1+ 看过的连结 《BODY VLINK=’#$$$$$$’》
N1.1 使用中的连结 《BODY ALINK=’#$$$$$$’》
4.特殊字元（以下标签需用小写）
特别符号 &#?; （其中 ? 代表 ISO 8859-1 的编码）
《 《 》 》 & & ’ ’
注册商标TM ?
N1.0+ 注册商标TM ?
著作权符号 ?
N1.0+ 著作权符号 ?
5.表单 （通常需要与CGI程式配合）
定义表单 《FORM ACTION=’URL’ METHOD=GET|POST》《/FORM》
N2.0 上传档案 《FORM ENCTYPE=’multipart/form-data》《/FORM》
输入栏位 《INPUT TYPE=’TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET’》
栏位名称 《INPUT NAME=’***’》
栏位内定值 《INPUT value=’***’》
已选定 《INPUT CHECKED》 （适用於checkboxes与 radio boxes）
栏位宽度 《INPUT SIZE=?》 （以字元数为单位）
最长字数 《INPUT MAXLENGTH=?》 （以字元数为单位）
下拉式选单 《SELECT》《/SELECT》
下拉式选单名称 《SELECT NAME=’***’》《/SELECT》
选单项目数量 《SELECT SIZE=?》《/SELECT》
多选式选单 《SELECT MULTIPLE》 （多选）
选项 《OPTION》
内定选项 《OPTION SELECTED》
文字输入区 《TEXTAREA ROWS=? COLS=?》《/TEXTAREA》
输入区名称 《TEXTAREA NAME=’***’》《/TEXTAREA》
N2.0 输入区换行方式 《TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL》《/TEXTAREA》
6.表格
3.0 定义表格 《TABLE》《/TABLE》
3.0 表格框线 《TABLE BORDER》《/TABLE》 （有或没有）
N1.1 表格框线 《TABLE BORDER=?》《/TABLE》（可以设定数值）
N1.1 储存格左右留白 《TABLE CELLSPACING=?》
N1.1 储存格上下留白 《TABLE CELLPADDING=?》
N1.1 表格宽度 《TABLE WIDTH=?》 （以pixels为单位）
N1.1 宽度比率 《TABLE WIDTH=%》 （页宽为100%）
3.0 表格列 《TR》《/TR》
3.0 表格列内容看齐 《TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM》
3.0 储存格 《TD》《/TD》 （须与列并用）
3.0 储存格内容看齐 《TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM》
3.0 不换行 《TD NOWRAP》
N3.0 储存格背景颜色 《TD BGCOLOR=#$$$$$$》
3.0 储存格横向连接 《TD COLSPAN=?》
3.0 储存格纵向连接 《TD ROWSPAN=?》
N1.1 储存格宽度 《TD WIDTH=?》 （以pixels为单位）
N1.1 储存格宽度比率 《TD WIDTH=%》 （页宽为100%）
3.0 表格标题 《TH》《/TH》 （跟《TD》一样，不过会对中并加粗）
3.0 表格标题对齐 《TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM》
3.0 表格标题不换行 《TH NOWRAP》
3.0 表格标题占几栏 《TH COLSPAN=?》
3.0 表格标题占几列 《TH ROWSPAN=?》
N1.1 表格标题宽度 《TH WIDTH=?》 （以pixels为单位）
N1.1 表格标题比率宽度《TH WIDTH=%》 （页宽为100%）
3.0 表格抬头 《CAPTION》《/CAPTION》
3.0 表格抬头看齐 《CAPTION ALIGN=TOP|BOTTOM》（在表格之上/之下）
视框 （定义与控制萤幕上的特定区域）
N2.0 视框格式总定义 《FRAMESET》《/FRAMESET》 （取代《BODY》）
N2.0 视框行长度分配 《FRAMESET ROWS=,,,》《/FRAMESET》（pixels 或 %）
N2.0 视框行长度分配 《FRAMESET ROWS=*》《/FRAMESET》 （* = 相对大小）
N2.0 视框栏宽度分配 《FRAMESET COLS=,,,》《/FRAMESET》（pixels 或 %）
N2.0 视框栏宽度分配 《FRAMESET COLS=*》《/FRAMESET》 （* =相对大小）
N2.0 定义个别视框 《FRAME》 （定义个别视框）
N2.0 个别视框内容 《FRAME src=’/URL’》
N2.0 个别视框名称 《FRAME NAME=’***’|_blank|_self|_parent|_top》
N2.0 边缘宽度 《FRAME MARGINWIDTH=?》 （「左」与「右」边界）
N2.0 边缘高度 《FRAME MARGINHEIGHT=?》 （「天顶」与「地底」边界）
N2.0 卷动条 《FRAME SCROLLING=’YES|NO|AUTO’》
N2.0 不可改变大小 《FRAME NORESIZE》
N2.0 无视框时的内容 《NOFRAMES》《/NOFRAMES》（如果浏览器不提供视框功能的话）
7.杂项
说明 《!-- *** --》 （浏览器不会显示）