html5练习
来源:互联网 发布:linux显示root密码 编辑:程序博客网 时间:2024/05/23 22:03
点击下载
下面是示例效果:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Festival of Ornament</title><style type="text/css">@font-face { font-family: BorderWeb; src:url(fonts/Aldo_Open.otf);}@font-face { font-family: Runic; src:url(fonts/3Dumb.ttf);}@font-face { font-family: Kingston; src:url(fonts/Aldo_Open.otf);}*{background:#FFF}.king { FONT-SIZE: 45pt; FONT-FAMILY: "Kingston" }.border { FONT-SIZE: 35px; COLOR: black; FONT-FAMILY: "BorderWeb" }.border2 { FONT-SIZE: 35px; COLOR:black; FONT-FAMILY: "BorderWeb" }.event { FONT-SIZE: 110px; COLOR: black; FONT-FAMILY: "Runic" }.locale { FONT-SIZE: 40px; COLOR: black; FONT-FAMILY: "Runic" }.bullet { FONT-SIZE: 50px; COLOR: black; FONT-FAMILY: "BorderWeb" }.corner { FONT-SIZE: 70px; COLOR: black; FONT-FAMILY: "BorderWeb" }a { FONT-SIZE: 10px; COLOR: black; FONT-FAMILY: Verdana; TEXT-DECORATION: none }</style></head><body><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="bottom" align="middle" bgcolor="olive" colspan="2" rowspan="2"><span class="corner">6</span></td><td valign="bottom" align="middle" bgcolor="black" height="35"><span class="border2">87</span></td><td valign="bottom" align="middle" bgcolor="black"><span class="border2">87</span></td><td valign="bottom" align="middle" bgcolor="black"><span class="border2">87</span></td><td valign="bottom" align="middle" bgcolor="black"><span class="border2">87</span></td><td valign="bottom" align="middle" bgcolor="black"><span class="border2">87</span></td><td valign="bottom" align="middle" bgcolor="black"><span class="border2">87</span></td><td valign="bottom" align="middle" bgcolor="olive" colspan="2" rowspan="2"><span class="corner">5</span></td></tr><tr><td valign="bottom" align="middle" bgcolor="khaki" height="35"><span class="border">78</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="border">78</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="border">78</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="border">78</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="border">78</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="border">78</span></td></tr><tr><td align="middle" bgcolor="black" height="70"><span class="border2">8<br />7</span></td><td align="middle" bgcolor="khaki"><span class="border">7<br />8</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">A</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">a</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">B</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">b</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">C</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">c</span></td><td align="middle" bgcolor="khaki"><span class="border">7<br />8</span></td><td align="middle" bgcolor="black"><span class="border2">8<br />7</span></td></tr><tr><td align="middle" bgcolor="black" height="70"><span class="border2">8<br />7</span></td><td align="middle" bgcolor="khaki"><span class="border">7<br />8</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">d</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">D</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">e</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">E</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">f</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">F</span></td><td align="middle" bgcolor="khaki"><span class="border">7<br />8</span></td><td align="middle" bgcolor="black"><span class="border2">8<br />7</span></td></tr><tr><td align="middle" bgcolor="black" height="70"><span class="border2">8<br />7</span></td><td align="middle" bgcolor="khaki"><span class="border">7<br />8</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">G</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">g</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">H</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">h</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">I</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">i</span></td><td align="middle" bgcolor="khaki"><span class="border">7<br />8</span></td><td align="middle" bgcolor="black"><span class="border2">8<br />7</span></td></tr><tr><td align="middle" bgcolor="black" height="70"><span class="border2">8<br />7</span></td><td align="middle" bgcolor="khaki"><span class="border">7<br />8</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">j</span></td><td align="middle" bgcolor="khaki"><span class="king">J</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">k</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">K</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">l</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">L</span></td><td align="middle" bgcolor="khaki"><span class="border">7<br />8</span></td><td align="middle" bgcolor="black"><span class="border2">8<br />7</span></td></tr><tr><td align="middle" bgcolor="black" height="70"><span class="border2">8<br />7</span></td><td align="middle" bgcolor="khaki"><span class="border">7<br />8</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">M</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">m</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">N</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">n</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">O</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">o</span></td><td align="middle" bgcolor="khaki"><span class="border">7<br />8</span></td><td align="middle" bgcolor="black"><span class="border2">8<br />7</span></td></tr><tr><td align="middle" bgcolor="black" height="70"><span class="border2">8<br />7</span></td><td align="middle" bgcolor="khaki"><span class="border">7<br />8</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">p</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">P</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">q</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">Q</span></td><td valign="bottom" align="middle" bgcolor="olive"><span class="king">r</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="king">R</span></td><td align="middle" bgcolor="khaki"><span class="border">7<br />8</span></td><td align="middle" bgcolor="black"><span class="border2">8<br />7</span></td></tr><tr><td valign="bottom" align="middle" bgcolor="olive" colspan="2" rowspan="2"><span class="corner">5</span></td><td valign="bottom" align="middle" bgcolor="khaki" height="35"><span class="border">78</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="border">78</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="border">78</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="border">78</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="border">78</span></td><td valign="bottom" align="middle" bgcolor="khaki"><span class="border">78</span></td><td valign="bottom" align="middle" bgcolor="olive" colspan="2" rowspan="2"><span class="corner">6</span></td></tr><tr><td valign="bottom" align="middle" bgcolor="black" height="35"><span class="border2">87</span></td><td valign="bottom" align="middle" bgcolor="black"><span class="border2">87</span></td><td valign="bottom" align="middle" bgcolor="black"><span class="border2">87</span></td><td valign="bottom" align="middle" bgcolor="black"><span class="border2">87</span></td><td valign="bottom" align="middle" bgcolor="black"><span class="border2">87</span></td><td valign="bottom" align="middle" bgcolor="black"><span class="border2">87</span></td></tr><tr><td height="15"></td></tr><tr><td valign="top" colspan="10"><div class="event" align="center">FESTIVAL OF ORNAMENT</div><div class="locale" align="center">UNIVERSITY OF CARDIFF <span class="bullet">4</span> JUNE 16 – 28</div></td></tr></tbody></table></body></html>
0 0
- html5练习
- HTML5标签练习
- HTML5标签练习
- html5练习1
- html5练习2
- html5新功能练习
- HTML5-SVG练习
- HTML5 Canvas基础练习
- 【html5每日练习】html5 canvas画线
- 【html5每日练习】 html5 canvas "米"
- 【Html5每日练习】canvas笑脸
- HTML5 Canvas 练习(简单时钟)
- html5学习小结,float练习。
- HTML5-Canvas绘图练习1
- HTML5旋转 放大 综合练习
- HTML5网页背景图片属性练习
- 『HTML5 canvas』HTML5练习之space bowling
- 【html5 每日练习】钟表的外观
- 培训第1天
- Django入门:第一个Django应用
- 渗透理解Animation时间插值Interpolator类
- HDU-2500-做一个正气的杭电人
- 万物之基础——对象
- html5练习
- 一个高效的Android GIF播放器
- session机制
- Struts1和Struts2的区别
- Linux用户态和内核态
- 下拉多选框
- Lua中的字符串函数库
- 关于开博客的简述与此前学习回顾
- 不确定栏目数量的(多行)导航栏居中