<!-- HTML富文本示例代码 -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML富文本示例</title>
<style>
/* 简单的样式定义 */
body {
font-family: Arial, sans-serif;
margin: 20px;
}
.rich-text {
background-color: #f9f9f9;
padding: 15px;
border-radius: 5px;
}
.highlight {
color: red;
font-weight: bold;
}
</style>
</head>
<body>
<div class="rich-text">
<h1>欢迎来到HTML富文本编辑器示例</h1>
<p>这是一个包含多种格式的富文本示例。</p>
<ul>
<li>无序列表项 1</li>
<li>无序列表项 2</li>
<li>无序列表项 3</li>
</ul>
<ol>
<li>有序列表项 1</li>
<li>有序列表项 2</li>
<li>有序列表项 3</li>
</ol>
<p>这里有一些<strong>加粗</strong>和<em>斜体</em>的文字。</p>
<p>你还可以使用<a href="https://example.com">超链接</a>。</p>
<p>这是带有<span class="highlight">高亮</span>效果的文字。</p>
<img src="https://via.placeholder.com/150" alt="示例图片">
</div>
</body>
</html><style>标签添加了一些基本的样式，使页面看起来更美观。例如，设置了字体、背景颜色、边距等。.rich-text和.highlight类来应用特定的样式，如背景颜色、字体颜色和加粗效果。https://via.placeholder.com），你可以替换为实际的图片URL。上一篇：doctype html怎么解决
下一篇：html怎么加图片
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站