美文网首页Web 前端开发
Html学习之旅——常用标签02

Html学习之旅——常用标签02

作者: 袋袋_Deken | 来源:发表于2017-01-17 11:47 被阅读0次

超链接标签

常用三种超链接
示例
<!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循环次数。

本篇到此结束,是不是很简单呀?。

相关文章

  • Html学习之旅——常用标签02

    超链接标签 示例 其中href为超链的属性,name算是一个公共的属性,为了表示当前标签 运行结果 运行结果上如所...

  • HTML学习02——常用标签

    以下学习资料参考自W3school——www.w3school.com 一、iframe 标签 iframe 元素...

  • Html学习之旅——常用标签01

    总所周知,html5成为时下越来越火的语言,因为一次编程可以同时运行到Android和IOS上。百度百科给出的定义...

  • Html学习之旅——常用标签03

    表格标签 示例1 效果图: 示例2: 效果图: 表单标签 示例 效果图 提交表单之后的效果 框架标签 示例 效果图...

  • html常用标签02

    块级标签 行内标签 图像标签 . ps:单标签

  • HTML常用标签02

    HTML重点标签介绍 a标签 1. 属性 · 1. href 取值: a.网址 b.路径 c.伪协议 2. 作用:...

  • html入门级常用标签

    html入门级常用标签 html的格式规范 html中常用的标签 html中常用标签有a、form、input、b...

  • 前端技能总结

    目前已学习的内容 HTML HTML常用标签 HTML语义化 HTML5新增标签 CSS CSS语法 CSS选择器...

  • HTML笔记-- 其他常用标签

    HTML笔记-- 其他常用标签 标签(空格分隔): HTML html中其他常用标签: b:加粗 s:删除线 u:...

  • HTML学习笔记

    这是HTML常用标签的学习 基于HTML5 一.HTML语法规范 上面是一个文档声明 根标签 html html文...

网友评论

    本文标题:Html学习之旅——常用标签02

    本文链接:https://www.haomeiwen.com/subject/esdmbttx.html