HTML5-从0开始学习之行内文本标签详解

r囧r小猫 2022-05-11 11:14 272阅读 0赞

### 这次我们来学习行内文本的一系列标签，学习这些标签后能有效的增加阅读性。 ###

### 下面我们来学习有哪些标签： ###

<body>
    <p>今天下午<time>3点到5点</time>来打游戏，然后晚上去<address>公园</address>玩</p>
    <p>原价：<del>8888元</del>，现价：8000元</p>
    <p>原价：<s>8888元</s>，现价：8000元</p>
    <p>我是个<ins>帅哥</ins></p>
    <p>我是个<u>帅哥</u></p>
    <p>我是个<strong>帅哥</strong></p>
    <p>我是个<b>帅哥</b></p>
    <p>我是个<em>帅哥</em></p>
    <p>我是个<i>帅哥</i></p>
    <p>我是个<mark>帅哥</mark></p>
    </body>

### 效果如图所示： ###

![70][]

--------------------

### <time>标签：定义时间或日期，该元素能够以机器可读的方式对日期和时间进行编码，搜索引擎能够生成更智能的搜索结果。 ###

--------------------

### <address>标签：定义文档或文章的作者/拥有者的联系信息，或者是地址。 ###

### <address> 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。 ###

--------------------

### <del>标签：定义文档中已被删除的文本。和<s>标签效果相同。 ###

--------------------

### <ins>标签：将文本带有下划线。和<u>标签效果相同。 ###

--------------------

### <strong>标签：将文本加粗。和<b>标签效果相同。 ###

--------------------

### <em>标签：将文本变为斜体，和<i>标签效果相同。 ###

--------------------

### <mark>标签：突出显示部分文本。 ###

--------------------

## 以上是我们经常会用到的文本标签，更多文本标签还请查询其他资料 ##

[70]: /images/20220505/51796acd37c14190b12116ade29b27e1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，272人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5-从0开始学习之音频标签介绍

<audio src="1.mp4" controls></audio> 效果如图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_sh

心已赠人/ 2022年05月14日 17:20/ 0 赞/ 240 阅读

相关 HTML5-从0开始学习之视频标签介绍

<video src="1.mp4" controls></video> 具体效果如下： ![watermark_type_ZmFuZ3poZW5naGVpdGk_

亦凉/ 2022年05月14日 17:17/ 0 赞/ 249 阅读

相关 HTML5-从0开始学习之行内文本标签详解

这次我们来学习行内文本的一系列标签，学习这些标签后能有效的增加阅读性。下面我们来学习有哪些标签： <body> <p>今天下午<time>3点到5

r囧r小猫/ 2022年05月11日 11:14/ 0 赞/ 273 阅读

相关 HTML5-从0开始学习之HTML段落，标题与格式化文本

这次我们来学习html中得到段落，标题，格式化文本。这三个元素都属于文本元素。文本是网站访问者最重要的信息来源。段落<p></p> <p>标签是用来包装段落

梦里梦外;/ 2022年05月11日 11:06/ 0 赞/ 228 阅读

相关 HTML5-从0开始学习之HTML5标签，属性，与元素之间的关系

上次我介绍了HTML5的结构，如下图所示 <!DOCTYPE html> <html lang="en"> <head> <meta

旧城等待，/ 2022年05月11日 11:04/ 0 赞/ 233 阅读

相关 HTML5-从0开始学习之HTML文档结构

首先我使用的代码编译器是VS code，一键生成HTML文档格式后如图 <!DOCTYPE html> <html lang="en"> <head>

﹏ヽ暗。殇╰゛Y/ 2022年05月11日 10:50/ 0 赞/ 243 阅读

相关 HTML5-从0开始学习之表单属性详解

什么是表单？表单是网页中数据采集的工具。表单组成部分由三部分组成：（一）表单标签<form> （二）表单域<input> （三）表单按钮<

悠悠/ 2022年05月03日 14:26/ 0 赞/ 225 阅读

相关 HTML5-从0开始学习之有序，无序列表

我们在浏览网页中经常会看到各种各样的列表，我们现在来学习如何制作两种列表。 1.有序列表 <body> <ol> <

妖狐艹你老母/ 2022年05月03日 03:30/ 0 赞/ 278 阅读

相关 HTML5-从0开始学习之img图片属性

我们平常在页面中不只是能看到文字说明，也能看到很多图片出现在页面中，图片的出现大大增加了用户的观赏性，使页面内容不在枯燥无味，下面我们来学习如何在页面中插入图片。

﹏ヽ暗。殇╰゛Y/ 2022年05月03日 03:28/ 0 赞/ 365 阅读

相关 HTML5-从0开始学习之table表格

这次我们来学习制作网页中的表格，表格标签用<table>标签使用。接下来我们用一个例子来展示表格的效果。 <body> <table border

谁借莪１个温暖的怀抱￠/ 2022年05月03日 03:28/ 0 赞/ 242 阅读