html5第三课时,标签应用。
<!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>十盗 偷天</p> <!-- 是空格。(符号)--> <br/> © <!--©版权符号--> <br/> <<!--左尖括号-->我被尖括号玩了><!--右尖括号--> <br/> ⁄<!--斜线--> <br/> <u>下划线<⁄u><u>下划线</u> </body> </html>
html5第三课时,标签应用。相关推荐
- title标签-HTML5精讲 课时ID:6.4 【表严肃】#HTML教程 #HTML5教程 #title标签
6.4 <title>标签-HTML5精讲 课时ID:6.4 [表严肃]#HTML教程 #HTML5教程 #title标签 是什么 <title>标签用于指定浏览器标签上显示的 ...
- HTML-CSS(三十四)HTML5新语义化标签
header:页眉 footer:页脚 main:主体 hgroup:标题组合(如果出现两标题相邻,则可以使用这个) nav:导航 artical :独立的内容 section:区域 与div作用差不 ...
- html5改成块状标签,HTML5基本网页结构以及标签的改变
一.HTML5崭新的页面布局: 1.传统的HTML页面布局: 2.HTML5布局: 3.HTML5布局使用的标签: (1)header元素:header元素表示页面总的一个内容区块或者整个页面的标题: ...
- html5的新增的标签和废除的标签
新增的结构标签 section元素 表示页面中的一个内容区块,比如章节.页眉.页脚或页面的其他部分.可以和h1. h2--等元素结合起来使用,表示文档结构.例:HTML5中<section&g ...
- HTML5实践 -- 三步实现响应式设计
HTML5实践 -- 三步实现响应式设计 响应式web设计现在已经不是一个难事了,如果你还不熟悉他,可以参看我的文章<HTML5实践 -- 流式响应式设计>.如果你是一个初学者,可能响应式 ...
- HTML5新增的video标签,HTML5中video标签的使用方法
HTML5中video标签的使用方法 发布时间:2020-08-27 11:33:56 来源:亿速云 阅读:100 作者:小新 这篇文章将为大家详细讲解有关HTML5中video标签的使用方法,小编觉 ...
- (20)HTML5 <summary>标签
一.浏览器支持 二.标签定义及使用说明 <summary> 标签为 <details> 元素定义一个可见的标题. 当用户点击标题时会显示出详细信息. 它是HTML5 中的新标签 ...
- HTML5基本结构及标签
<!DOCTYPE html> <html><head><title>我的第一个HTML5页面</title></head>&l ...
- 【H5】html5的新增的标签和废除的标签
新增的结构标签 section元素 表示页面中的一个内容区块,比如章节.页眉.页脚或页面的其他部分.可以和h1. h2--等元素结合起来使用,表示文档结构.例:HTML5中<section> ...
最新文章
- 7个小众却很有意思的工具推荐,每一个都是大宝藏!
- java和python工资-python为什么叫爬虫 python工资高还是java的高
- ASP.NET MVC Controller激活系统详解:默认实现
- Java中Filter、Listener,拦截器的学习,listener、 filter、servlet 加载顺序及其详解
- 清华大学-美团数字生活联合研究院成立
- 终于!商汤科技开源DAVIS2017视频目标分割冠军代码
- 我的YUV播放器MFC小笔记:unicode编码、宽字符
- 基于Go语言实现高并发推荐系统架构设计
- Android四大组件之——Activity(一)定义、状态和后退栈(图文详解)
- 5、Spring Cloud-声明式调用 Feign(下)
- JVM的7种垃圾收集器
- [日志]08/19/2007
- python 采集系统_python—收集系统信息
- STM32学习——Keil5的注册步骤
- STM32 Boot模式设置方法
- c#模板保存并读取.mdl文件
- matlab批量修改图片的大小_matlab批量修改图片大小
- 【转】卡马克快速平方根——平方根倒数算法
- 哈哈,word 多少页 一千字?
- Holm–Bonferroni method