你的位置:首页 > 网页设计

[网页设计]自学HTML的几个例子


  此处不赘述HTML中不同标签的用法仅仅给出自己学习时写的一些自娱自乐的例子,具体标签用法请参考W3C(http://www.w3school.com.cn/),毕竟这个才是最靠谱的,请不要相信任何二道贩子。

例子1:实现了一个简单的动漫人物图像显示及介绍的页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html lang="en" ="http://www.w3.org/1999/xhtml"><head>  <title>html basis-3</title>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <meta name="author" content="Wayne Ng" />  <meta name="description" content="basis-3" />  <meta name="revised" content="Wayne Ng,2016/1/12" />  <style type="text/css">    h3{color: Red}    div#part1{background-color: LightBlue}  </style></head><body>  <div id="part1">    <h3>插入音乐播放器播放MP3</h3>    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=29719175&auto=0&height=66"></iframe>  </div></body></html>

显示效果如下:

法师

 显示效果(太大了仅仅截取一部分):


提示:按生成外链播放器即可获得对应外链音乐的html代码

                                    

               修订于2016/1/12  By野马菌