html中的文本格式化标签+多媒体标签+关于IE浏览器兼容的问题(干货!)

https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注!
欢迎关注微信公众号:宝藏女孩的成长日记
让这个可爱的宝藏女孩在努力的道路上与你一起同行!
如有转载,请注明出处(如不注明,盗者必究)

目录

  • 一、文本格式化标签
    • b标签和 strong标签
    • i标签和 em 标签
    • small标签
    • big标签
    • u标签
    • del/s标签
    • sub标签
    • sup标签
  • 二、多媒体标签
  • 三、关于IE浏览器兼容的问题

一、文本格式化标签

b标签和 strong标签

<b> <strong>标签呈现粗体文本效果。

注意: html5中建议使用<strong>而不使用 <b>,追寻语义原则

i标签和 em 标签

<i> <em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。

注意: html5中建议使用 <em> 而不使用 <i>

small标签

<small> 标签呈现小号字体效果。

<small>缩小字体。

如果被包围的字体已经是浏览器所支持的最小字号,那么<small>标签将不起作用。

big标签

<big>标签呈现大号字体效果。

u标签

<u>标签可定义下划线文本。

del/s标签

<del> 定义文档中已被删除的文本。

sub标签

<sub> 定义文档中的下标文本。

sup标签

<sup> 定义文档中的上标文本。

具体实例

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css"></style></head><body><b>1、从前从前有个人爱你很久,但偏偏风渐渐把距离吹得好远,</b><strong>好不容易又能再多爱一天,但故事的最后你好像还是说了拜拜。——《晴天》</strong><br/><i>2、我用漂亮的押韵,</i><em>形容被掠夺一空的爱情;我用凄美的字型,描绘后悔莫及的那爱情。——《夜曲》</em><br/><small>3、我一路向北,离开有你的季节,</small><big>你说你好累,已无法再爱上谁。风在山路吹,过往的画面全都是不对,细数惭愧,我伤你几回。——《一路向北》</big><br/><u>4、断了的弦再怎么连,</u><del>我的感觉你已听不见,你的转变像断掉的弦,</del><s>再怎么接音都不对,你的改变我能够分辨。——《断了的弦》</s></br/>a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup><br/>log<sub>2</sub></body>
</html>

运行结果
在这里插入图片描述

二、多媒体标签

视频和音频资源:

链接:https://pan.baidu.com/s/1JfzkfgxhDWgfvTb94IHUqw

提取码:o6ri

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><audio controls="controls" loop="loop" autoplay="autoplay" muted="muted" preload="auto"><source src="audio1.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。</audio><video width="550" height="400" controls="controls" autoplay="autoplay" poster="img/dog.jpg" loop="loop" muted="muted"><source src="1.mp4" type="video/mp4">您的浏览器不支持Video标签。</video><!-- loop="loop:如果文件出现这个属性,那么在文件完成播放后,会再次开始播放autoplay="autoplay":如果出现该属性,则视频在就绪后马上播放controls="controls":如果出现该属性,就向用户展示按钮,比如播放按钮width="550" height="400":设置视频的宽高muted="muted" :出现该属性,该视频的输出为静音poster="img/dog.jpg:该视频正在下载时所展示的图片,直到用户点击播放按钮,此时我的路径是img下的dog.jpg的图片,当视频还没有加载出来的时候,就会显示这张图片--></body>
</html>

运行结果
在这里插入图片描述

https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注!
欢迎关注微信公众号:宝藏女孩的成长日记
让这个可爱的宝藏女孩在努力的道路上与你一起同行!
如有转载,请注明出处(如不注明,盗者必究)

三、关于IE浏览器兼容的问题

讲下面代码放在 元素中,因为 IE 浏览器在解析 HTML5 新元素时需要先加载该文件。

<!--[if lt IE 9]><script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]-->

以上代码是一个注释,作用是在 IE 浏览器的版本小于 IE9 时将读取 html5.js 文件,并解析它。

还可以打开http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js网址,将内容复制粘贴到记事本里面,将此.txt文件改名为html5shiv.min.js,然后在放进你的js文件里面,这防止了网络不好或者没有连接网络造成的困扰。
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/568791.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html如何制作一个漂亮的表格?+ 列表制作 + 表单制作(干货!直接收代码)

https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注&#xff01; 欢迎关注微信公众号&#xff1a;宝藏女孩的成长日记 如有转载&#xff0c;请注明出处&#xff08;如不注明&#xff0c;盗者必究&#xff09; 目录html如何制作一个漂亮的表格&#xff1f;列表制作表单…

如何提高写前端的效率?干货,快进!

我们在写前端的时候&#xff0c;面对重复代码的时候&#xff0c;很多时候就会复制粘贴&#xff0c;实际上可以通过技巧来提高写前端的效率。接下来将介绍几个常用的提高效率的技巧 目录注释乘法后代兄弟上级分组自增ID和类自定义属性文本隐式标签注释 输入以下代码 Ctrl/另外…

带你一起学习工程经济学!与生活相关的一些实用的公式。研究经济学的理由就是【为了避免被经济学家欺骗】

目录一、框架二、设备及工器具购置费的计算2.1国产设备2.2进口设备2.3用实例来理解这些公式三、预备费的计算3.1基本预备费3.2价差预备费3.3用实例来理解这些公式四、建设期利息4.1各年应计利息4.2用实例来理解公式研究经济学的理由就是【为了避免被经济学家欺骗】——琼罗宾逊…

实操代码带你理解CSS中的常用选择器(你值得掌握!)

在CSS中&#xff0c;我们要给一个元素定义样式&#xff0c;首先得把这个元素选出来&#xff0c;我在网上看了很多文章&#xff0c;再结合老师所讲的精华部分将平时比较常用的选择器整理出来分享给大家&#xff0c;哈哈哈一起学习一起进步&#xff01; https://blog.csdn.net/ha…

手把手教你如何下载大厂页面的字体——开发

在个人学习的商城开发中&#xff0c;有些网上比较好看的字体想要下载该怎么办呢&#xff1f;接下来详细介绍一下 拿小米商城举例&#xff1a;https://www.mi.com/ 这个搜素框中的搜索符号其实是一种字体&#xff0c;那么如何来下载这种字体呢&#xff1f; 步骤&#xff1a; 右键…

一篇文章带你实操代码理解盒子模型

https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注&#xff01; 欢迎关注微信公众号&#xff1a;宝藏女孩的成长日记 如有转载&#xff0c;请注明出处&#xff08;如不注明&#xff0c;盗者必究&#xff09; 目录一、盒子模型的几个关键词二、盒子有尺寸&#xff0c;…

CSS中定位(带你实操代码掌握固定定位、绝对定位与相对定位(子绝父相))

https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注&#xff01; 欢迎关注微信公众号&#xff1a;宝藏女孩的成长日记 如有转载&#xff0c;请注明出处&#xff08;如不注明&#xff0c;盗者必究&#xff09; 目录固定定位绝对定位和相对定位子绝父相绝对定位相对定位…

CSS中z-index属性的简单理解

https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注&#xff01; 欢迎关注微信公众号&#xff1a;宝藏女孩的成长日记 如有转载&#xff0c;请注明出处&#xff08;如不注明&#xff0c;盗者必究&#xff09; 总之就是一句话&#xff1a;拥有更高堆叠顺序的元素总是会…

python中pip已经安装好第三方库,但在pycharm中import时还是标红

已经pip安装好第三方库了&#xff0c;但是在pycharm中import还是标红&#xff0c;像下图&#xff1a; 我记得上次重装系统&#xff0c;出现这种情况的时候&#xff0c;我重启一下pycharm就行了&#xff08;但是感觉pycharm一开一关很费时间&#xff09; 还有一个解决办法&…

软工学子带你一起学习工程经济学!献上与工作相关的实用公式(值得一进)

研究经济学的理由就是【为了避免被经济学家欺骗】——琼罗宾逊 以前看见过一句话&#xff1a;大学生的钱是最好赚的。为什么&#xff1f;因为大学生要面子、没有经历过赚钱的心酸以及思想单纯容易被骗。最近一件事情让我感触很深&#xff0c;前几天室友将学校的水果店给投诉了…

Enterprise Architect(EA)画UML之用例图,敲详细讲解+实战举例

目录具体步骤前提准备实战画用例图实战加一绘制“机票预订系统”用例图补充补充一&#xff1a;如何调整整体字体补充二&#xff1a;如何修改边框字体补充三&#xff1a;在关闭Enterprise Architect之后如何打开&#xff1f;在《UML面向对象分析、建模与设计》中学到了用例图&am…

带你一起学习实用计算机英语!(IT行业、四六级党记起来)《软件工程专业英语》第二单元的重点词汇+名词缩写+重难句+软件需求规格说明

英语是全球IT行业的行业语言&#xff0c;英语技能是IT行业最基本的技能之一。因此熟练掌握相关英语技能对于发展职业生涯具有积极的作用。 《软件工程专业英语》适用于高等院校软件工程、计算机科学及其相关专业、软件学院、各类职业信息技术学院和专业培训机构等。 当我拿到《…

商城左侧菜单栏网页模板

https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注&#xff01; 欢迎关注微信公众号&#xff1a;宝藏女孩的成长日记 如有转载&#xff0c;请注明出处&#xff08;如不注明&#xff0c;盗者必究&#xff09; 哈哈哈直接上代码趴&#xff01; 商城左侧菜单栏网页模板…

IntelliJ IDEA 如何导出安卓(Android)apk文件 详细教程

做完一个Android项目之后&#xff0c;如何才能把项目发布到Internet上供别人使用呢&#xff1f;我们需要将自己的程序打包成Android安装包文件–APK&#xff08;AndroidPackage&#xff09;&#xff0c;其后缀名为".apk"。将APK文件直接上传到Android模拟器或Android…

IntelliJ IDEA 如何用 真机 测试安卓(Android)App 实战移动端

目录前言真机测试步骤实战移动端测试前言 https://blog.csdn.net/hanhanwanghaha一个超级无敌可爱的人鸭 欢迎您的关注&#xff01; 欢迎关注微信公众号&#xff1a;宝藏女孩的成长日记 如有转载&#xff0c;请注明出处&#xff08;如不注明&#xff0c;盗者必究&#xff09; 用…

一篇文章带你快速入门JavaScript(实操代码)

目录一、前提简介1.1什么是JavaScript1.2JavaScript和Java语言的区别1.3Html、Css和Javascript1.4Javascript作用二、实操代码2.1Javascript写在本html内2.2Javascript可以写在单独的文件中&#xff08;外联方式&#xff09;2.3实战&#xff1a;点击一个盒子&#xff0c;让另外…

心情再差,也还是要拿起我的 JavaScript 实战重点代码

昨天与国家奖学金失之交臂&#xff0c;伤心的哭了一晚上&#xff0c;生活也还是要继续&#xff0c;抹完了眼泪今天继续干我的JavaScript&#xff01; 目录一、JavaScript的几个常用函数实战下载框制作二、如何获取一个或者多个元素2.1根据ID查找2.2根据class查找2.3根据标签查找…

如何删除github远程仓库?三部搞定!

https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注&#xff01; 欢迎关注微信公众号&#xff1a;宝藏女孩的成长日记 让这个可爱的宝藏女孩在努力的道路上与你一起同行&#xff01; 如有转载&#xff0c;请注明出处&#xff08;如不注明&#xff0c;盗者必究&#xf…

js实战代码系列—周杰伦给你报时间+网页页签制作模板+jQuery初体验

等到下次需要用的时候&#xff0c;可以回来找模板用哈哈哈哈&#xff01; 刚碰jQuery&#xff0c;今天是个好日子&#xff0c;明天继续学jQuery&#xff0c;明天也是个好日子。 https://blog.csdn.net/hanhanwanghaha一个超级无敌可爱的人鸭 欢迎您的关注&#xff01; 欢迎关注…

【资讯】2017年最好的25大发明,你最钟爱哪个?

引言《时代周刊》每年都会评出一份有趣的发明榜单&#xff0c;悉数一年间世界范围内的重大发明。今年的榜单出来后&#xff0c;「得到」作者马徐骏抢先进行了解读。带你一起看看&#xff0c;2017年有哪些发明正在悄然改变我们的生活。1. 阿迪达斯的4D跑鞋——Futurecraft这款鞋…