<!DOCTYPE html>
< html> < head> < title> </ title> < metacharset = " UTF-8" > < metaname = " keywords" content = " html,网页,网页结构" > < metaname = " description" content = " 这是一个示例" > </ head> < body> < h1> </ h1> < p> </ p> </ body> </ html>
<!DOCTYPE html>
< htmllang = " en" > < head> < title> </ title> < metacharset = " utf-8" > < scripttype = " text/javascript" >
var colors = [ "red" , "green" , "blue" ] ;
var index = 0 ;
setInterval ( function ( ) { document. getElementById ( "dvContent" ) . style. backgroundColor = colors[ ( index++ ) % 3 ] ; } , 1000 ) ;
</ script> < styletype = " text/css" >
div {
border : 3px solid yellow
}
.content {
width : 200px;
height : 200px;
margin : 0 auto;
}
</ style> </ head> < body style =" text-align : center; " > < h2> </ h2> < divid = " dvContent" class = " content" style =" background-color : blue; " > </ div> </ body> </ html>
<!DOCTYPE html>
< html> < head> < title> </ title> < metacharset = " utf-8" > < metaname = " keywords" content = " 第一个网页,html,HTML,SEO" > < styletype = " text/css" >
.my-style {
color : red;
}
</ style> < linkrel = " stylesheet" type = " text/css" href = " xxx.css" > < scripttype = " text/javascript" >
var a = 5 ;
</ script> < scripttype = " text/javascript" src = " xxx.js" > </ script> </ head> < bodybgColor = " lightYellow" > < h1> </ h1> < h1> </ h1> < h4> </ h4> < p> </ p> < div> </ div> < div> </ div> < ul> < li> </ li> < li> </ li> < li> </ li> </ ul> < ol> < li> </ li> < li> </ li> < li> </ li> </ ol> < hr/> < h1> </ h1> < span> </ span> < span> </ span> < ahref = " https://lemon.ke.qq.com/" target = " _self" > </ a> < span> </ span> < imgsrc = " ./images/lemon.png" alt = " 柠檬班" width = " 40" height = " 40" /> < b> </ b> < i> </ i> < del> </ del> < ins> </ ins> < sub> </ sub> < sup> </ sup> < imgsrc = " /img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt = " 百度" /> < br/> < mapname = " chinamap" > < areashape = " rect" coords = " 300,10,380,110" alt = " 东北" target = " _blank" href = " http://www.baidu.com/s?wd=东北" /> < areashape = " circle" coords = " 260,250,60" alt = " 南方" target = " _blank" href = " http://www.baidu.com/s?wd=南方" /> < areashape = " poly" coords = " 260,320,350,320,350,340,330,380" alt = " 南海" target = " _blank" href = " http://www.baidu.com/s?wd=南海" /> </ map> < br/> < ahref = " mailto:contact@163.com" > </ a> < ahref = " tel:13888888888" > </ a> < h1> </ h1> < tableborder = " 1" > < caption> </ caption> < tr> < th> </ th> < th> </ th> < th> </ th> </ tr> < tbody style =" color : lightgreen; " > < tr> < td> </ td> < td> < i> </ i> </ td> < td> </ td> </ tr> < tr> < td> </ td> < td> </ td> < td> </ td> </ tr> </ tbody> < tbody style =" color : green; " > < tr> < td> </ td> < td> </ td> < td> </ td> </ tr> < tr> < td> </ td> < td> < i> </ i> </ td> < td> </ td> </ tr> < tr> < td> </ td> < tdcolspan = " 2" > </ td> </ tr> < tr> < tdrowspan = " 2" > </ td> < td> </ td> < td> </ td> </ tr> < tr> < td> </ td> < td> </ td> </ tr> </ tbody> < tfoot style =" font-weight : bold; " > < tr> < td> </ td> < td> </ td> < td> </ td> </ tr> </ tfoot> </ table> < h1> </ h1> < p> < ol> < li> </ li> < li> </ li> < li> < span style =" color : blue; " > </ span> </ li> </ ol> < span> < span style =" color : blue; " > </ span> </ span> </ p> < iframename = " frmSub" frameborder = " 0" loading = " lazy" src = " sub.html" width = " 200" height = " 200" > </ iframe> < p> < ahref = " http://www.baidu.com" target = " frmSub" rel = " noopener noreferrer" > </ a> </ p> </ body> </ html>
<!DOCTYPE html>
< html> < head> < title> </ title> </ head> < body> < formaction = " api/employee/save" method = " POST" > < table> < caption> < b> </ b> </ caption> < tr> < td> </ td> < td> < inputtype = " text" id = " txtName" name = " name" placeholder = " 请输入姓名" /> </ td> </ tr> < tr> < td> </ td> < td> < inputid = " txtAge" name = " age" type = " number" min = " 0" value = " 18" /> </ td> </ tr> < tr> < td> </ td> < td> < inputtype = " radio" id = " rdoMale" value = " male" name = " sex" checked /> < labelfor = " rdoMale" > </ label> < inputtype = " radio" id = " rdoFeMale" value = " female" name = " sex" /> < labelfor = " rdoFeMale" > </ label> </ td> </ tr> < tr> < td> </ td> < td> < inputtype = " checkbox" name = " hobby" value = " read" > < br> < inputtype = " checkbox" name = " hobby" value = " internet" > < br> < inputtype = " checkbox" name = " hobby" value = " movie" > < br> < inputtype = " checkbox" name = " hobby" value = " other" > < br> </ td> </ tr> < tr> < td> </ td> < td> < selectid = " sltDept" name = " dept" > </ option> </ option> < optionvalue = " employee" > </ option> < optionvalue = " other" > </ option> </ select> </ td> </ tr> < tr> < td> </ td> < td> < inputtype = " file" id = " txtImage" name = " image" placeholder = " 请上传照片" /> </ td> </ tr> < tr> < td> </ td> < td> < textarearows = " 3" id = " txtDesc" name = " desc" placeholder = " 请输入自我评价,如：我是一个乐观、开朗的人，也是一个脱离低级趣味的人。" > </ textarea> </ td> </ tr> < tr> < tdcolspan = " 2" align = " center" > < inputtype = " submit" value = " 提交" > < inputtype = " button" value = " 普通按钮" onclick = " alert(' hello' );" > </ td> </ tr> </ table> < h1> </ h1> < labelfor = " foods" > </ label> < inputtype = " text" list = " foods" id = " txtFood" name = " foods" > < datalistid = " foods" > < optionvalue = " 米饭" > < optionvalue = " 饺子" > < optionvalue = " 面包" > < optionvalue = " 包子" > < optionvalue = " 面条" > </ datalist> < progressid = " prgFileStatus" name = " fileStatus" max = " 100" value = " 70" > </ progress> </ form> </ body> </ html>
<!DOCTYPE html>
< html> < head> < title> </ title> < metacharset = " utf-8" > </ head> < body> < h1> </ h1> < span style =" background-color : red; " > </ span> < br/> < span style =" background-color : red; " > </ span> < br/> < span> < span> < /span> </ span> < br/> </ body> </ html>
<!DOCTYPE html>
< htmllang = " en" > < head> < title> </ title> </ head> < body style =" text-align : center; " > < h2> </ h2> < div> </ div> < canvasid = " canvas" width = " 200px" height = " 200px" style =" border : 1px solid #000; " > </ canvas> </ canvas> < div> </ div> < buttontype = " button" value = " 按钮声音" onclick = " document.getElementById(' myAudio' ).play()" > </ button> < audioid = " myAudio" src = " button.wav" > </ audio> < audioid = " bgAudio" loop src = " background.wav" > </ audio> < div> </ div> < formaction = " demo" > < inputtype = " date" name = " bday" > < br/> < inputtype = " email" name = " email" > < br/> < inputtype = " number" name = " quantity" min = " 18" max = " 100" > < inputtype = " color" name = " favcolor" > < inputtype = " submit" > </ form> < scripttype = " text/javascript" >
function playBackgrounMusic ( ) {
var bgAudio = document. getElementById ( "bgAudio" ) ;
bgAudio. play ( ) ;
}
window. onload = function ( ) {
setInterval ( "playBackgrounMusic()" , 100 ) ;
var can= document. getElementById ( "canvas" ) ;
var cxt= can. getContext ( "2d" ) ;
var ball= {
x: 100 ,
y: 100 ,
vx: 4 ,
vy: 2 ,
radius: 20 ,
color: "blue" ,
draw: function ( ) {
cxt. beginPath ( ) ;
cxt. arc ( this . x, this . y, this . radius, 0 , Math. PI * 2 , true ) ;
cxt. closePath ( ) ;
cxt. fillStyle= this . color;
cxt. fill ( ) ;
}
} ;
var draw = function ( ) {
cxt. clearRect ( 0 , 0 , canvas. width, canvas. height) ;
ball. draw ( ) ;
ball. x+= ball. vx;
ball. y+= ball. vy;
if ( ball. vy+ ball. y> canvas. height- 15 || ball. vy+ ball. y< 15 ) {
ball. vy= - ball. vy;
}
if ( ball. vx+ ball. x> canvas. width- 15 || ball. vx+ ball. x< 15 ) {
ball. vx= - ball. vx;
}
window. requestAnimationFrame ( draw) ;
} ;
draw ( ) ;
} ;
</ script> </ body> </ html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
