<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>第三课时</title>
</head>
<body>
<ol start="3" reversed type="A"><!--reversed是列表序号倒序。
                            start是开始的序号(索引)为多少。
                            type是指定列表序号的类型。-->
    <li>列表项1</li><li>列表项2</li><li>列表项3</li><li>列表项4</li><li>列表项5</li><li>列表项6</li>
</ol>
<a href="http://book.qidian.com/info/1005401550"
   title="十盗偷天" target="_blank" rel="next">十盗偷天</a>
<!--1.href用来制定超链接要跳转的页面,页面可是本地的页面,也可是非本地的。
    2.title控制鼠标放在链接上显示的内同
    3.target控制点击连接新页面的打开方式,也就是显示位置,
    _blank是新的页面打开,_self是在本身的页面打开。
    4.rel通过rel来指定两个页面之间的关系,打开页面和当前页面的关系(next prep)
    添加该属性可以做到搜索引擎的优化-->
<a href="../2/second.html#top">页面跳转1</a>
<!--路径加上锚点的名称,跳转到外部也买年的同时,也可以指定跳转位置。
    方法:路径地址+锚点地址(锚点名称)-->
<br/>
<!--删除线,用来显示删除数据-->
<s>这是被删除的文本</s>
<br/>
<strike>这是被删除的文本</strike>
<br/>
<span style="text-decoration: line-through">这是被删除的文本</span><!--HTML5推荐的方法-->
<br/>
<u>下划线文本</u>
<br/>
<!--HTML5推荐的方法-->
<span style="text-decoration: underline">下划线文本</span>
<br/><br/>
<span style="text-decoration: overline">上划线文本</span>
<br/>
<!--cite标签:浏览器显示为倾斜,常用于书、画作、作品的引用-->
<cite>这是cite标签</cite>
<!--mark:高亮或比标记文本,浏览器显示为黄色背景-->
<br/>
<mark>高亮显示文本</mark>
<br/><br/>
<pre><!--用pre保存代码的格式,光标放在<code>后面,
            按alt+上,就可以将code中的代码整个移动到pre中-->
<code>StringBuffer sb=new StringBuffer();
    for(String s:arr){
    sb.append(s);
    }
</code>
</pre>
<br/>
<bdo dir="ltr">十盗偷天</bdo>
<br/>
<bdo dir="rtl">十盗偷天</bdo>
<!--bdo表示文本方向的标签,dir是方向,ltr是从左到右,rtl是从又到左-->
<br/><br/>
<!--sup:上标文本-->
X<sup>2</sup>
<br/>
<br/>
<!--sub:下标文本-->
log<sub>2</sub>10
<br/>
S<sub>2</sub>O<sub>4</sub>H<sup>-</sup>
<br/><p>十盗&nbsp;&nbsp;&nbsp;&nbsp;偷天</p>
<!--&nbsp;是空格。(符号)-->
<br/>
&copy;
<!--&copy;版权符号-->
<br/>
&lt;<!--左尖括号-->我被尖括号玩了&gt;<!--右尖括号-->
<br/>
&frasl;<!--斜线-->
<br/>
&lt;u&gt;下划线&lt;&frasl;u&gt;<u>下划线</u>
</body>
</html>

html5第三课时,标签应用。相关推荐

  1. title标签-HTML5精讲 课时ID:6.4 【表严肃】#HTML教程 #HTML5教程 #title标签

    6.4 <title>标签-HTML5精讲 课时ID:6.4 [表严肃]#HTML教程 #HTML5教程 #title标签 是什么 <title>标签用于指定浏览器标签上显示的 ...

  2. HTML-CSS(三十四)HTML5新语义化标签

    header:页眉 footer:页脚 main:主体 hgroup:标题组合(如果出现两标题相邻,则可以使用这个) nav:导航 artical :独立的内容 section:区域 与div作用差不 ...

  3. html5改成块状标签,HTML5基本网页结构以及标签的改变

    一.HTML5崭新的页面布局: 1.传统的HTML页面布局: 2.HTML5布局: 3.HTML5布局使用的标签: (1)header元素:header元素表示页面总的一个内容区块或者整个页面的标题: ...

  4. html5的新增的标签和废除的标签

    新增的结构标签 section元素  表示页面中的一个内容区块,比如章节.页眉.页脚或页面的其他部分.可以和h1. h2--等元素结合起来使用,表示文档结构.例:HTML5中<section&g ...

  5. HTML5实践 -- 三步实现响应式设计

    HTML5实践 -- 三步实现响应式设计 响应式web设计现在已经不是一个难事了,如果你还不熟悉他,可以参看我的文章<HTML5实践 -- 流式响应式设计>.如果你是一个初学者,可能响应式 ...

  6. HTML5新增的video标签,HTML5中video标签的使用方法

    HTML5中video标签的使用方法 发布时间:2020-08-27 11:33:56 来源:亿速云 阅读:100 作者:小新 这篇文章将为大家详细讲解有关HTML5中video标签的使用方法,小编觉 ...

  7. (20)HTML5 <summary>标签

    一.浏览器支持 二.标签定义及使用说明 <summary> 标签为 <details> 元素定义一个可见的标题. 当用户点击标题时会显示出详细信息. 它是HTML5 中的新标签 ...

  8. HTML5基本结构及标签

    <!DOCTYPE html> <html><head><title>我的第一个HTML5页面</title></head>&l ...

  9. 【H5】html5的新增的标签和废除的标签

    新增的结构标签 section元素 表示页面中的一个内容区块,比如章节.页眉.页脚或页面的其他部分.可以和h1. h2--等元素结合起来使用,表示文档结构.例:HTML5中<section> ...

最新文章

  1. 7个小众却很有意思的工具推荐,每一个都是大宝藏!
  2. java和python工资-python为什么叫爬虫 python工资高还是java的高
  3. ASP.NET MVC Controller激活系统详解:默认实现
  4. Java中Filter、Listener,拦截器的学习,listener、 filter、servlet 加载顺序及其详解
  5. 清华大学-美团数字生活联合研究院成立
  6. 终于!商汤科技开源DAVIS2017视频目标分割冠军代码
  7. 我的YUV播放器MFC小笔记:unicode编码、宽字符
  8. 基于Go语言实现高并发推荐系统架构设计
  9. Android四大组件之——Activity(一)定义、状态和后退栈(图文详解)
  10. 5、Spring Cloud-声明式调用 Feign(下)
  11. JVM的7种垃圾收集器
  12. [日志]08/19/2007
  13. python 采集系统_python—收集系统信息
  14. STM32学习——Keil5的注册步骤
  15. STM32 Boot模式设置方法
  16. c#模板保存并读取.mdl文件
  17. matlab批量修改图片的大小_matlab批量修改图片大小
  18. 【转】卡马克快速平方根——平方根倒数算法
  19. 哈哈,word 多少页 一千字?
  20. Holm–Bonferroni method

热门文章

  1. DDX、DRM和DRI是什么
  2. Java中重载的作用?
  3. 使用console打印图片,图案的样式
  4. java 自考qq群_学生建QQ群 成绩好的同学作业答案发群共享
  5. Nvida driver CUDA
  6. 给 Systemd service配置环境变量
  7. CATIA工程图转AUTO CAD设置详解
  8. Xshell使用和基本命令
  9. python写我的世界启动器_的世界(Minecraft)如何自己制作启动器-百度经验
  10. 父替女还23万卡债:“卡奴”怎走投无路