星空网 > 软件开发 > 网页设计

自学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='/images/loading.gif' data-original="http://music.163.com/outchain/player?type=2&id=29719175&auto=0&height=66"></iframe>  </div></body></html>

显示效果如下:

自学HTML的几个例子

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

自学HTML的几个例子

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

自学HTML的几个例子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

                                    

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

 




原标题:自学HTML的几个例子

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

FBA物流小哥:https://www.goluckyvip.com/tag/1375.html
Youtube红人:https://www.goluckyvip.com/tag/13750.html
海关查柜:https://www.goluckyvip.com/tag/13751.html
标签备案要求:https://www.goluckyvip.com/tag/13752.html
春节航运:https://www.goluckyvip.com/tag/13753.html
春节航线:https://www.goluckyvip.com/tag/13754.html
永康白云风景区怎么走 白云山风景区怎么去??:https://www.vstour.cn/a/363181.html
2022世界杯门票如何买?:https://www.vstour.cn/a/363182.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流