html 段落与排版标记 Web前端开发技术、详细文章(例如)
在HTML中,段落由<p>
标签定义,而排版用到的标记包括<div>
、<span>
、<h1>
到<h6>
等。以下是一些常用排版标记的示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>排版示例</title>
<style>
.title {
color: blue;
}
.text-bold {
font-weight: bold;
}
.text-italic {
font-style: italic;
}
</style>
</head>
<body>
<h1 class="title">排版示例</h1>
<p>这是一个段落。</p>
<div>
<span class="text-bold">粗体文本</span>,<span class="text-italic">斜体文本</span>。
</div>
<h2>标题 2</h2>
<h3>标题 3</h3>
<h4>标题 4</h4>
<h5>标题 5</h5>
<h6>标题 6</h6>
</body>
</html>
在这个例子中,我们定义了一个.title
类来设置标题的颜色,.text-bold
类和.text-italic
类用于设置文本的粗体和斜体样式。段落由<p>
标签定义,<div>
标签用于定义文档部分,<span>
标签用于组合文档中的行内元素。<h1>
到<h6>
分别定义了从大到小的标题。
评论已关闭