HTML基础(part5)--常用标签之重文本标签
鄙人的学习笔记。
文本节标签<span>
span标签,定义文档中的一小节文本。span标签可以跟其他的span标签共用一行。
举个例子
代码：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>小黄之家</title>
</head>
<body><span>兔子喜食草。一般家庭饲养的兔子要注意食物的提供，因为幼兔没有饱感。蔬菜本来是不建议给幼兔吃的，容易得肠炎，成年后才可以适当提供。</span><span>兔子分幼兔和成兔。都是早晚喂食，每天2次。</span><span>如遇到换品牌粮食的情况，需要过渡，不可直接更换，导致兔子不适应，出现不适。幼兔是1～6个月的兔子，成兔是6个月以上的兔子</span></body>
</html>
页面：
着重文本标签<em>
em标签是针对局部文本进行语气加强，或者是对局部文本有强调的作用。em标签可能会改变局部文档的语义，例如：在文本【我更喜欢<em>小黄</em>和大白】中，我们将小黄进行了着重，则这句话中”小黄”变成了关键。当搜索引擎在搜索时，如果发现检索的内容和强调的内容很相似，则页面的排名会提前。加上em标签后，文本会默认显示为斜体。
举个例子
代码：
页面：
加强语气标签<strong>
strong标签是针对整个文档而言，有加强语气的作用。例如：一篇文章中最重要的主题思想可以用strong标签进行包裹。strong标签不会改变语义。加上em标签后，文本会默认显示为粗体。
纯样式标签<i>和<b>
<i>标签可以将文字样式变为斜体，而<b>标签可以将文字样式变为粗体。但我们不推荐使用，因为所有的样式，我们都应该通过CSS进行控制。
举个例子
代码：
页面：
上标标签<sub>和下标标签<sup>
举个例子
代码：
页面：
备注：在浏览器中，刷新浏览器页面，可以用【ctrl+r键】
HTML基础(part5)--常用标签之重文本标签相关推荐
- 050.前端开发之HTML基础及常用标签
050.前端开发之HTML基础及常用标签 文章目录 一.前端开发介绍 (一)前端开发都有哪些内容 1.HTML是什么? 2.CSS 3.JavaScript 4.HTML.CSS和JavaScript ...
- HTML基础(part3)--常用标签之HTML标签
鄙人的学习笔记. 常用标签 Web语义化,是指使用语义恰当的标签,使页面有良好的结构.页面的元素有含义,才能使人和搜索引擎都容易理解.所以,我们要尽量使用有语义的标签,如:<h1>< ...
- HTML基础之常用标签第二篇：有序无序标签，以及框架标签
上一篇聊了一些HTML中的一些基础标签,现在开始再聊HTML中的一些其它标签,比如有序无限标签,还有一些框架标签.表单标签涉及内容有点多,后面再来一篇. li <li> 标签定义列表项目. ...
- HTML基础之常用标签第一篇：基础标签
上一篇主要聊了一些head标签的内容,而本篇就聊body标签下的标签,而这一部分是页面呈现最重要的部分,毕竟这个标签下的内容是网页最直观的体现.现在聊一些其基本的标签. 全局属性 其实前面说的标签和属 ...
- java基础 - Mybatis常用标签
1. 定义sql语句 1.1 select 标签 id :唯一的标识符. parameterType:传给此语句的参数的全路径名或别名 例:com.test.poso.User或user result ...
- 基础html交代选择器,html/css基础(html常用标签与css选择器)-2019年1月14号22时45分
实例 序号名称价格数量用途 1暖手宝301被窝太冷2笔记本电脑50001学习php3别墅2000万1结婚用 运行实例 » 点击 "运行实例" 按钮查看在线实例 五:表单 (1)表单 ...
- HTML基础(part7)--常用标签之超链接标签
鄙人的学习笔记. 超链接标签<a> 超级链接,不仅仅可以嵌套文本,还可以嵌套图片.表格.标题. 语法 <a href="你要跳转的网页的网址" target=&q ...
- HTML基础(part6)--常用标签之列表
鄙人的学习笔记. 列表标签 无序列表标签<ul> <ul><li>元素1</li><li>元素2</li><li>元 ...
- HTML基础(part4)--常用标签之图片标签
鄙人的学习笔记. 段落标签<p> 段落标签语法 <p> 包裹段落的内容 </p> 备注:p标签之间不会相互共用一行.会独占一行或者多行的空间. 举个例子 代码: & ...
最新文章
- mina、netty消息边界问题（采用换行符）
- 获取请求url的查询字符串
- 理解 Delphi 的类(六) - 认识类的封装
- React中跨域问题的完美解决方案
- anki 新的卡片类型_梁宝川：这一类型Anki卡片，你做了吗？
- android两张图片切换,android recyclerview 切换列表视图
- python opencv 打开图像时报错 (-215:Assertion failed) size.width0 size.height0 in function 'cv::imshow'
- 性价比超高的云服务器
- java动态扩展_java栈内存动态扩展要怎么理解？要如何实现？
- burpsuite csrf攻击_WEB安全之CSRF
- 有几种部署模式_来！PyFlink 作业的多种部署模式
- python类创建对象底层实现机制（简单）
- linux系统如何启动rpcbind,在Linux系统上关闭rpcbind、postfix、rpc.statd、hpiod服务的方法...
- java中常用的设计模式（*）
- c语言小车程序,循迹小车程序C语言
- 【python】抖音无水印视频下载
- MySQL 事务的特性
- 网络共享时 计算机名如何设置方法,win7怎么在局域网共享文件夹|win7局域网共享设置方法...
- RTX3070Ti和RTX2080Ti哪个强 RTX3070Ti和RTX2080Ti参数对比哪个好
- vue项目中gojs最新V2.2.5版本去除水印