html5-常用的文本元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用的文本元素</title>
</head>
<body>
    常用的文本元素<br><!-- 强制换行 -->
        <b>加粗文字</b><br>
        <i>倾斜文字</i><br>
        <del>删除文字</del><br>
        <strong>加粗文字</strong><br>
        安全换行aksdjklafjsdjfklsjdlajfsdjfakls<wbr>jdfjaskldjfal <br>
        <em>作用是强调,效果是倾斜</em><br>
        <s>删除线</s>
        <ins>下划线</ins><br>
        <u>下划线</u><br>
        <small>小号字体</small><br>
        上标演示:x<sup>2</sup><br>
        下标演示:x<sub>1</sub><br>
        短语的解释<dfn>WTO</dfn><br>
        <q>双引号</q><br>
        <code>计算机代码</code><br>
        加上拼音:<ruby>侯伟东<rt>houweidong</rt></ruby><br>
        <cite>侯伟东</cite><br>
        文字方向:<bdo dir="">侯伟东</bdo><br>
        <bdo dir="rtl">侯伟东</bdo><br>
        <mark>黄色背景</mark><br>
        <time>2017年9月3日</time><br>
        <span>一般性文本,木有特殊效果</span>
</body>
</html>

时间: 2024-10-07 17:06:13

html5-常用的文本元素的相关文章

HTML5 1.2 文本元素

<!DOCTYPE html> < html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>例1</title> </head> <body bgcolor=”#fedcbd“> <b>加粗文字</b><br> <i>倾斜文字</i><br> &

3 文本元素

第 3 章文本元素 学习要点: 1.文本元素总汇 2.文本元素解析 本章主要探讨 HTML5中的文本元素,所谓文本元素,就是将一段文本设置成相匹配的 结构和含义. 一.文本元素总汇 HTML5规范指出:使用元素应该完全从元素的语义出发.但是由于历史遗留及用户至上 的原则,这种语义会宽松许多. 元素名称 a 说明 生成超链接 br 强制换行 wbr b 可安全换行 标记一段文字但不强调 表示重要 strong i 表示外文或科学术语 表示强调 em code var samp kdb abbr c

第 3 章 文本元素

学习要点: 1.文本元素总汇 2.文本元素解析 主讲教师:李炎恢 本章主要探讨 HTML5 中的文本元素,所谓文本元素,就是将一段文本设置成相匹配的结构和含义. 一.文本元素总汇 HTML5 规范指出:使用元素应该完全从元素的语义出发.但是由于历史遗留及用户至上的原则,这种语义会宽松许多. 元素名称 说明 a 生成超链接 br 强制换行 wbr 可安全换行 b 标记一段文字但不强调 strong 表示重要 i 表示外文或科学术语 em 表示强调 code 表示计算机代码 var 表示程序输出 s

3.html5的文本元素

如果你看了第一篇的内容,你会发现我的代码是这样的: 文本 <span>文本</span> <scolia>文本</scolia> <scolia abcd=123>文本</scolia> 但显示的效果却是这样的: 很奇怪,明明我的代码是分了4行来写的,但为什么在浏览器显示的时候却都在一行以内,而且它们之间都有一个空格的距离? 因为,浏览器对于换行的解释并不是依靠我们写代码时的排版,而是根据特定的标签,例如专用的换行标签<br/&

HTML5新增的语义元素、JS常用对象

HTML5新增的语义元素 <header>元素表示页面中一个内容区域或整个页面的标题,通常他可能是一个页面中的(指主体标记中的第一个元素),可以包含站点的标题.Logo和旗帜广告 <header> <img src="logo.png"> <h1>YEN的Java Web之路</h1> </header> <footer>元素表示整个页面或页面中一个区域块的脚注,通常包含一些基本信息,包括一些基本信息:

对HTML5 元素表——文本元素的认识

知识点一 文本元素 超链接 超链接书写格式: <a href = "目标"> 内容 </a> <a href = "目标"> 链接的目标:页面地址(路径) <a href = "目标"> 锚点格式:id属性的元素:a在href的值是#加上id属性的元素的属性值 <a href = "目标"> 功能链 h1~h6 一级标题--六级标题 p 段落标签 blockquote

详解html5增强页面的元素

HTML5 增强页面的元素,包含 figure.figcaption.details.summary.mark.progress.meter.ol.dl.cite 和 small 元素.这些元素都是起到一些辅助作用,比如:figure元素,它主要作用类似于展示一个作品集,图片(包含图片,图片说明,图片标题).具体我们以下来详细学习HTML5这些增强页面的元素. figure元素与figcaption元素 figure元素最常用的地方就是来展示图片,这里的图片包含图片说明,图片标题已经图片本身.一

HTML5中的新增元素

HTML5中新增了大量的元素与属性,这些新增的元素和属性使HTML5的功能变得更强大,使网页设计效果有了更多的实现可能. 新增的主体结构元素section元素<section>标签定义文档中的节,比如章节,页眉,页脚或文档中的其他部分.它可以与h1,h2,h3,h4,h5,h6等元素结合起来使用,显示文档结构.<section> <h1>...</h1> <p>...</p></section> article元素<

HTML5之新增的元素

今天打开博客看到自己有了一个小粉丝,说实话还是蛮开心的,坚持写博客大半年了,终于迎来了自己的第一个小伙伴.总算是坚持了那么久的事情看到了结果吧. 前几天参加了我们学院老师的比赛---<青年教师大赛的初赛>.我被我们老师拉去做了义工-----计时员.看了所有老师的比赛,虽然都特别好,但是让我印象深刻的还是一个HTMl5+CSS3的课程.看到那种炫酷的效果,我瞬间都被吸引住了.所以忙完了手头上的作业,就从别人那里要到了HTML5的教程,开始了我的学习HTML5之路.虽然看了6节课了,还是没有学到老