web格式化文本与段落和列表实验代码
时间: 2024-09-20 14:14:57 浏览: 40
前端开发与实践- 格式化文本、段落与列表.pptx
Web格式化文本通常涉及到HTML和CSS的结合使用,以便控制网页内容的呈现。HTML负责结构,而CSS则负责样式。以下是一个简单的例子,展示了如何通过HTML创建段落和列表,并使用CSS进行美化:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
/* CSS样式 */
p {
font-family: Arial, sans-serif;
color: #333;
line-height: 1.6;
}
ul {
list-style-type: disc;
padding-left: 20px;
}
li {
margin-bottom: 10px;
}
</style>
</head>
<body>
<h1>我的文章标题</h1>
<p>这是一个段落,我们可以使用<p>标签来定义。默认样式已经设置好了,文字会比较清晰易读。</p>
<ul>
<li>这是列表项一,通过<ul>和<li>标签创建无序列表。</li>
<li>列表项二,你可以添加更多列表项。</li>
</ul>
</body>
</html>
```
在这个代码中:
- `<p>`标签用于创建段落,`font-family`和`color`属性设置了字体和颜色。
- `ul`和`li`分别创建了一个无序列表,`list-style-type`设定了项目标记为圆点,`padding-left`增加了左缩进。
阅读全文