HTML5小标签补充
1.有序列表补充:
start:指定列表的开始索引(索引:编号)
reversed:列表的索引倒序显示
type:指定列表索引的类型
2.a标签补充:
页面跳转功能属性介绍:
1.href:用来指定超链接要跳转的页面,页面可以是本地页面, 也可以是非本地页面
2.title:用来指定鼠标悬浮时的提示文本
3.target:用来指定要打开的网页在什么位置显示(blank、self)
4.rel:用来指定要打开的页面和当前页面的关系 添加该属性可以做到 搜索引擎优化(next:下一页;prev:前一页)
<!--跳转到外部页面的同时也可以指定跳转位置
方法:路径地址+锚点地址(锚点名称)-->
3.s标签(strike):删除线(用来显示删除数据)
4.<!--s标签:删除线 用来显示删除数据-->
<s>被删除的文本</s>
5.上、下划线:
<u>下划线文本</u>
<!--html5推荐的实现方法-->
<span style="text-decoration: underline">下划线文本</span>
<br><br>
<span style="text-decoration: overline">上划线文本</span>
6.<!--cite标签:浏览器显示为倾斜,常用于书、画作、作品的引用-->
<cite>这是一个cite标签</cite>
7.<!--mark:标签:高亮或标记文本 浏览器显示为黄色背景-->
<mark> 高亮显示文本</mark>
8.<!--code:只是表示计算机代码。但是浏览器只会显示等宽字体
不会保留代码格式,需配合pre标签使用-->
<pre>
<code>
StringBuffer sb=new StringBuffer();
for(String s:arr){
sb.append(s);
}
</code>
</pre>
9.<!--bdo:表示文本方向, dir=“ltr” 从左往右 dir=“rtl” 从右往左-->
<bdo dir="ltr">天道酬勤</bdo>
<bdo dir="rtl">天道酬勤</bdo>
10.<!--sup:上标文本-->
X <sup>2</sup> X^2
11.<!--sub:下标文本-->
log <sub>2</sub>10
12.<!--转义字符-->
<!--版权:©-->
©
<!--左括号:<-->
<
<!--右尖括号:>-->
>
<!--斜线:⁄-->
⁄
<br>
<u>下划线</u>
<br>
<u>下划线<⁄u>
相关代码显示:
<a href="http://www.jredu100.com/" title="杰瑞教育" target="_blank" rel="prev">页面跳转1</a> <a href="../homework/one.html#111">页面跳转2</a> <br><!--s标签:删除线 用来显示删除数据--> <s>被删除的文本</s><u>下划线文本</u><!--html5推荐的实现方法--> <span style="text-decoration: underline">下划线文本</span><span style="text-decoration: overline">上划线文本</span><!--cite标签:浏览器显示为倾斜,常用于书、画作、作品的引用--> <cite>这是一个cite标签</cite>
<!--mark:标签:高亮或标记文本 浏览器显示为黄色背景--> <mark> 高亮显示文本</mark><!--code:只是表示计算机代码。但是浏览器只会显示等宽字体 不会保留代码格式,需配合pre标签使用--> <pre> <code>StringBuffer sb=new StringBuffer();for(String s:arr){sb.append(s);} </code> </pre><!--快捷键Alt+上方向键:将下方的代码块放到标签中--> <!--bdo:表示文本方向, dir=“ltr” 从左往右 dir=“rtl” 从右往左--> <bdo dir="ltr">天道酬勤</bdo> <br> <bdo dir="rtl">天道酬勤</bdo><!--sup:上标文本--> X <sup>2</sup><!--sub:下标文本--> log <sub>2</sub>10S <sub>2</sub>O <sub>4</sub>SO <sub>4</sub> <sup>2-</sup><!--跳转到锚点名称为top的地方去--> <a href="#top">返回顶部</a><!--功能性链接: mailto://xxxxxxx 给指定邮箱发送邮件 tencent://message/?uin=xxxxxxx 给指定QQ发送消息--> <a href="mailto://17862802158@163.com">发邮件</a> <a href="tencent://message/?uin=1786998792">发消息</a> <br><br><p>杰瑞 教育</p><!--转义字符--> <!--版权:©--> © <!--左括号:<--> < <!--右尖括号:>--> > <!--斜线:⁄--> ⁄ <br> <u>下划线</u> <br> <u>下划线<⁄u> <br><br>
HTML5小标签补充相关推荐
- html标记ruby,html5 ruby标签的定义及使用方法详解(内有实例介绍)
本篇文章主要为大家讲解了html5中一个新标签,html5 ruby标签,虽然不算是新的,但也是在html5里新的标签,html5 ruby标签的定义和具体的用法实例都在这篇文章中,希望大家认真阅读 ...
- html5新标签使用
HTML 5 视频标签<video> <video width="320" height="240" controls="contr ...
- html5 meta标签属性整理
html5 meta标签属性整理 前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下 ...
- c 嵌入html5 win7,Html5新标签解释及用法
2011-01-28 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的 ...
- 【html 及 HTML5所有标签汇总】★★★
/****************************************************************************/ [HTML5所有标签汇总]★★★ /*** ...
- html5变动标签新写法,Html5新标签解释及用法
Html5新标签解释及用法 发布时间:2012-02-17 22:50:45 作者:佚名 我要评论 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1. ...
- html5列表标签代码,HTML5列表标签和表格标签(示例代码)
一.列表 1.1 什么是列表标签? 作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一对数据是一个整体 无序列表---unordered-list(最多):新闻列表.导航.商品列表 作用: ...
- h5列表 php,常用的HTML5列表标签
这次给大家带来常用的HTML5列表标签,使用用HTML5列表标签的注意事项有哪些,下面就是实战案例,一起来看一下. 一.列表标签作用 作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数 ...
- 分享21个丰富多彩的 HTML5 小游戏
作为下一代的网页语言,HTML5 拥有很多让人期待已久的新特性.HTML5 的优势之一在于能够实现跨平台游戏编码移植,现在已经有很多公司在移动设备上使用 HTML5 技术.随着 HTML5 跨平台支持 ...
最新文章
- 极客新闻——15、软件测试自动化的最新趋势
- I/O多路复用——select
- AJAX POST 请求
- 久坐的危害和解决方式
- Java多线程编程 — 锁优化
- dataframe 空值替换为0_Python数据分析:Pandas之DataFrame
- RewriteCond 和RewriteRule
- python里的π怎么调用_用python计算圆周率π
- 初学者的回归测试,都该注意哪几点?
- Asp.Net资料网址
- 最近面试有感,不要耍小聪明,面试官都是开了上帝视角的
- ami码matlab,matlab编程实现ami码的相关问题
- 三、Python复习教程(重点)- 前端框架实战
- jetson nano风扇控制、远程控制和远程桌面
- 《数值分析》-- 埃尔米特插值与分段插值
- RTT学习笔记7-中断管理
- 泰坦尼克号幸存者预测 python 详解
- Python代码实现NIST随机性测试
- 要脱大家一起脱:网络实名制与官员财产透明化
- 用python对某校园热水服务app进行测试,实现自动免费用水(仅供参考)
热门文章
- fps软件工作量评估示例_介绍FPS示例
- 社区物业管理系统复盘
- 模板方法模式和职责链模式
- 微信小程序身份证号码/手机号隐藏中间几位
- 微信小程序上传图片报错:uploadFile:fail url not in domain list
- android 修改电量图标(改为数字图标)
- 百度编辑器ueditor插入表格没有边框解决方法
- 旧手机可以用上鸿蒙系统,老款华为手机不要丢,不仅能升级鸿蒙,还能升级内存,真香!...
- RouterOS使用指南-ADSL定时断线重拨
- Rational Rose 2007 下载,安装及破解激活图文教程