格式化文本标记

《个人练习笔记四》

文本修饰标记

文本修饰标记各类浏览器均支持,各类页面开发工具中仍然有这类标记。

标记说明
< b>你好!< /b>定义加粗
< i>你好!< /i>定义斜体
< u>你好!< /u>定义下划线
< del>你好!</ del>定义删除线
< sup>你好!</ sup>定义上标
< sub>你好!</ sub/>定义下标
< strong>你好!</ strong>定义着重文字。与< b>< /b>效果相同
< em>你好!< /em>定义加重语气,与< i>< /i>效果相同
< small>你好!< /small>变小字符
< big>你好!< /big>变大字符
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>普通文字</p>
    <b>加粗文字</b>
    <br>
    <br>
    <i>斜体文字</i>
    <br>
    <br>
    <u>划线文字</u>
    <br>
    <br>
    <del>删除文字</del>
    <br>
    <br>
    <sup>定义上标</sup>
    <br>
    <br>
    <sub>定义下标</sub>
    <br>
    <br>
    <strong>着重文字</strong>
    <br>
    <br>
    <em>加重语气</em>
    <br>
    <br> <small>变小文字</small>
    <br>
    <br>
    <big>变大文字</big>



</body>

</html>

引用与术语表记

标记主要用途
< abbr>etc.< /abbr>定义缩写
< abbress>河北衡水市< /abbress>定义地址
< blockquote>长的引用< /blockquote>定义长的引用
< cite>引用,引证< /city>定义引用、引证
< q>引用短语< /q>定义短的引用语,IE看不到引号,其他可以
< dfn>定义项目< /dfn>定义一个定义项目
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>中国加油</p>
    <abbr>etc.</abbr>
    <address>河北衡水市</address>
    <br> 李白:
    <blockquote>床前明月光</blockquote>
    <cite>疑是地上霜</cite>
    <br>
    <q>举头望明月</q>
</body>

</html>

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

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
### 回答1: 可以使用HTML中的 `<p>` 标签来段输出长文本。例如: ```html <p>这是第一段文字。</p> <p>这是第二段文字。</p> <p>这是第三段文字。</p> ``` 此外,还可以使用 `<br>` 标签来进行换行。例如: ```html <p>这是一段长长长长长长长长长的文字,需要换行。</p> <p>这是一段长长长长长长长长长的文字,<br>需要换行。</p> ``` ### 回答2: HTML是一种标记语言,可用于格式化和排列文本和其他元素,使其在网页上以结构化和可读性良好的方式呈现。 要使用HTML格式化输出长文本,首先需要创建一个HTML文档。可以通过使用文本编辑器(如Notepad ++)来创建一个新的HTML文件,然后将以下代码添加到文件中: ``` <!DOCTYPE html> <html> <head> <title>长文本格式化</title> <style> p { text-align: justify; } </style> </head> <body> <h1>长文本标题</h1> <p> 这里是长文本的第一段。在HTML中,可以使用<p>标签来定义段落。段落的文本默认是左对齐的。如果想要文本两端对齐,可以使用CSS样式属性"text-align: justify;"。 </p> <p> 这里是长文本的第二段。继续使用<p>标签定义每个段落。可以根据需要添加尽可能多的段落。 </p> <p> 这里是长文本的第三段。可以在<p>标签中插入其他HTML元素,如<strong>强调文本</strong>或<a href="https://example.com">链接</a>。 </p> </body> </html> ``` 在上面的示例中,使用了`<p>`标签来定义段落,并使用CSS样式属性`text-align: justify;`将文本两端对齐。 可以根据需要,每个段落中可以插入其他HTML元素来丰富文本的呈现,如`<strong>`标签用于强调文本,`<a>`标签用于添加链接等。 保存文件并将其以.html扩展名保存,然后在浏览器中打开该文件,您将看到格式化的长文本显示在浏览器中。 ### 回答3: 使用HTML格式化输出长文本可以通过使用HTML标签来改变文字的样式和布局。下面是一些常用的HTML标签和示例: 1. `<p>`标签可以用于段落的换行和样式设置: ``` <p>这是第一个段落。</p> <p>这是第二个段落。</p> ``` 2. `<h1>`到`<h6>`标签可以用于设置标题的大小和样式,数字越小标题越大: ``` <h1>这是一级标题</h1> <h2>这是二级标题</h2> ``` 3. `<ul>`和`<li>`标签可以用于创建无序列表: ``` <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> ``` 4. `<ol>`和`<li>`标签可以用于创建有序列表: ``` <ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ol> ``` 5. `<strong>`和`<em>`标签可以用于给文字加粗或斜体样式: ``` <p>这是一个<strong>加粗</strong>的词语。</p> <p>这是一个斜体的词语。</p> ``` 6. `<br>`标签可以用于强制换行: ``` <p>这是第一行。<br>这是第二行。</p> ``` 除了上述示例,还有许多其他的HTML标签和属性可以用于格式化文本,如`<div>`用于划文本块,`<span>`用于设置文本样式,`<a>`用于创建链接等等。可以根据具体的需求选择合适的HTML标签来完成格式化输出。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值