Html学习之旅——常用标签02
2017-01-17 本文已影响0人
袋袋_Deken
超链接标签
常用三种超链接
示例
<!Doctype html><html xmlns=http://www.w3.org/1999/xhtml>
<head>
<title>Deken前端学习 </title>
</head>
<body>
<!-- 外链接 html_day03.html与本文件处于同一个文件夹下 -->
<a href="html_day03.html" name="deken">打开妹子</a><br><br>
<!-- 邮箱链接 默认打开Windowsoffice邮箱 -->
<a href="mailto:flpkpm@163.com">发送邮件到flpkpm@163.com</a>
<pre>
</pre>
<!-- 锚链接：既可以链接本页面 也可以链接其他页面 #号前面链接外部，#号后面链接本页面指定命名的地方-->
<a href="#deken">回到顶部</a><br><br>
<a href="html_day03.html#">打开其他页面的妹子</a>
</body>
</html>
其中href为超链的属性，name算是一个公共的属性，为了表示当前标签
运行结果
运行结果上如所示，点击回到顶部然后就跳到上部的打开妹子，看光标就知道了。
列表标签
常用几个列表标签
示例
<!Doctype html><html xmlns=http://www.w3.org/1999/xhtml>
<head>
<title>Deken前端学习 </title>
</head>
<body>
<!-- 有序标签 -->
<ol type="1" start="2">
<li>中国</li>
<li>美国</li>
<li>韩国</li>
<li>朝鲜</li>
<li>英国</li>
</ol>
<!-- 无序标签 -->
<ul type="circle" >
<li>中国</li>
<li>美国</li>
<li>韩国</li>
<li>朝鲜</li>
<li>英国</li>
</ul>
<!-- 自定义标签 dl为包裹标签 dt为标题 dd为内容子项 -->
<dl>
<dt>
水果
</dt>
<dd>香蕉</dd>
<dd>苹果</dd>
<dd>葡萄</dd>
<dd>橙子</dd>
<dt>
动物
<dd>猴子</dd>
<dd>小狗</dd>
<dd>小猫</dd>
<dd>小猪</dd>
</dt>
</dl>
</body>
</html>
重点关注属性type start
结果
运行结果
多媒体标签
常用多媒体标签
多媒体标签主要分音频、视频、以及循环播放（挺好玩的，比如广告轮播）
音频：<bgsound> ：src 文件所在路径，loop 循环播放的次数
视频：<embed>、<vedio>(html5.0新标签)：autostart 是否自动播放，volume 播放界面 宽，loop循环播放次数
滚动： <marquee> : direction 滚动方向，behavior 滚动过程中的文字变化，具体包括3种（效果不是很明显，读者可自己尝试）：slide、alternate、scroll，scrollamount每一次移动的像素数值越小移动得越慢，loop循环次数。
本篇到此结束，是不是很简单呀？。
