html5--1.5 文本元素
html5--1.5 文本元素
学习要点:
掌握常用的文本元素
文本元素,就是讲一段文本设置成相匹配的结构和含义
1.b元素: 我的作用就是 加粗文字;
2.br元素: 我的作用就是强制换行;
3.i元素: 我的作用就是让 文字倾斜;
4.del元素: 我的作用就是 删除文子
5.strong元素: 我的作用是强调一段文本我的实际作用也是加粗文字.
6.wbr元素: 我的作用是表示安全换行Theshiyigehenchanghenchangdedanci.
再来对比一下没有安全换行的文本Theshiyigehenchanghenchangdedanci.
让它从安全位置换行,就是当浏览器变窄的时候
7.em元素: 我的作用是强调,我的实际作用也是让文字倾斜
8.s元素: 我的实际作用就是 删除线;从语义上来看,表示不准确的删除。
9.u元素: 我的实际作用就是 给文字加下划线
10.ins元素: 我的实际作用也是 给文字加下划线;从语义上来看,是添加一段文字,起到强调作用。
11.small元素: 我的作用是 添加小号字体 ,从语义上来看,用于免责声明和澄清声明。
12.sub和sup元素:我们的作用就是添加下标和上标: sub表示下标:HTML5;sup表示上标我的房子100m2
13.dfn元素: 我的作用从语义上看表示定义术语,是对一个词或短语的解释,实际效果就是倾斜文本
14.abbr元素: 我的作用是表示一段文本的缩写,在文本显示上没有任何实际效果,比如WTO
15.q元素: 我的作用从语义上看表示引用来自其他地方的的内容, 我的实际作用就是给文本加上双引号
16.code等元素: 也没特殊的效果,code元素用来表示计算机代码片段;function(){}
var元素用来表示编程语言中的变量; num
samp元素表示程序或计算机的输出您没有权限浏览该网页
kbd元素表示某部分内容是由用户利用键盘输入如:请按Enter键
*这几个元素属于英文范畴,必须将lang="en",英语才能体现效果。
17.ruby元素: 我的作用是表示位于表意文字上方或右方的注音符号
英 (ying) 雄(xiong)***不常用,浏览器支持不太好,很多浏览器不支持此功能

18.cite元素: 我的作用从语义上来看就是表示引用其他作品的标题。 实际效果就是倾斜文本
19.bdo元素: 我的功能是设置文字方向,必需使用dir属性才可以设置,共两个值,rtl(从右到左);ltr(从左到右)默认为ltr
rtl就是从右到左,即:right to left


20.mark元素: 我的作用是突出显示文本,用于记号, 我的实际作用就是加上一个黄色的背景。
21.time元素: 我的作用从语义上来看就是表示日期和时间,例如 2015-9-18
22.span元素: 我的作用就是表示一般性的文本,没有特殊语义,没有特殊效果

html5--1.5 文本元素的更多相关文章
- 3.html5的文本元素
如果你看了第一篇的内容,你会发现我的代码是这样的: 文本 <span>文本</span> <scolia>文本</scolia> <scolia ...
- HTML5学习(4)文本元素
使用VSCode编辑器,内置emmet插件. ctrl+/ 注释/取消注释 ctrl+enter 新起一行 ctrl+shift+enter 往上新起一行 h$*4>lorem10 <h1 ...
- HTML5 增强的页面元素
一.HTML5 改良的 input 元素的种类 1.<input type="number" id="num1"> var n1 = documen ...
- bootstrap快速入门笔记(五)-文本元素类,各种标签,排版
1,h1到h6这里也有定义了 2,全局元素被直接赋予font-size 设置为 14px,line-height 设置为 1.428,<p> (段落)元素还被设置了等于 1/2 行高(即 ...
- HTML5表单新增元素与属性
form属性 在html4中,表单的从属元素必须写在表单内部,而在HTML5中,可以把他们书写在任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单了. ...
- html5表单新增元素与属性2
1.标签的control属性 在html5中,可以在标签内部放置一个表单元素,并且通过该标签的control属性来访问该表单元素. <script> function setValue() ...
- zx-editor 移动端(HTML5)富文本编辑器,可与原生App混合(hybrid)开发
ZxEditor 移动端HTML文档(富文本)编辑器,支持图文混排.引用.大标题.无序列表,字体颜色.加粗.斜体. 可用于独立web项目开发,也可以用于与原生App混合(hybrid)开发. 源码地址 ...
- 读书笔记:《HTML5开发手册》--HTML5新的结构元素
读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在 ...
- HTML5之新增的元素
今天打开博客看到自己有了一个小粉丝,说实话还是蛮开心的,坚持写博客大半年了,终于迎来了自己的第一个小伙伴.总算是坚持了那么久的事情看到了结果吧. 前几天参加了我们学院老师的比赛---<青年教师大 ...
随机推荐
- Sereja and Array-数组操作或者线段树或树状数组
CodeForces - 315B Sereja and Array Time Limit: 1000MS Memory Limit: 262144KB 64bit IO Format: %I ...
- .net mvc项目 ajax
经常在后台用一般处理程序(.ashx)来处理前台的ajax请求 using System; using System.Collections.Generic; using System.IO; usi ...
- 如何在DOS窗口中显示UTF-8字符
在中文Windows系统中,如果一个文本文件是UTF-8编码的,那么在CMD.exe命令行窗口(所谓的DOS窗口)中不能正确显示文件中的内容.在默认情况下,命令行窗口中使用的代码页是中文或者美国的,即 ...
- 【Linux】线程并发拷贝程序
据说大连某211高校的李教授越来越重口.不仅延续要求他所带的每个本科班.都要写一份线程并发拷贝程序的传统,并且还開始规定不能用Java语言写作.导致我之前写的<[Java]线程并发拷贝程序> ...
- smokeping安装
一.准备工作: 1.以防止安装依赖出错,首先给系统安装第三方源:rpm -Uvh http://apt.sw.be/redhat/el6/en/x86_64/rpmforge/RPMS/rpmforg ...
- 巧用redis位图存储亿级数据与访问
业务背景 现有一个业务需求,需要从一批很大的用户活跃数据(2亿+)中判断用户是否是活跃用户.由于此数据是基于用户的各种行为日志清洗才能得到,数据部门不能提供实时接口,只能提供包含用户及是否活跃的指定格 ...
- EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:内部搜索功能的实现
上一篇介绍了处理接口获取的数据,本篇将介绍如何在接收到的数据中搜索出自己符合条件的数据: 为了页面的美观,我们往往会以分页的形式来进行数据的展示.但是,当需要展示出来的数据太多的时候,我们很难迅速的找 ...
- ptyhon ORM mongoengine
参考资料:http://www.tuicool.com/articles/bMvI7vN from mongoengine import * from datetime import datetime ...
- jvm堆查看
jps查看jvm的进程号 jmap -histo:live [进程号] >log.txt dump jvm堆.
- 点聚-weboffice 6.0 (一)
WebOffice是一款由北京点聚信息技术有限公司提供的完全免费(商业用途也免费)且功能强大的在线Word/excel/wps编辑辅助控件,可以实现:1.在线编辑Word.Excel.PPT.WPS. ...