HTML页面属性:设置文字对齐与列表样式

需积分: 3 2 下载量 7 浏览量 更新于2024-08-16 收藏 1.15MB PPT 举报
该资源主要介绍了网页制作中关于页面属性设置的一些基础知识,特别是与文字对齐方式相关的元素。内容涵盖了背景颜色、背景图片、文本列表的创建(有序列表、无序列表、缩进式列表)以及HTML的基本标记和语法。 在网页设计中,文字的对齐方式是至关重要的,它影响着内容的可读性和视觉效果。通过“页面属性”可以设置文字的各种属性,包括对齐方式。常见的对齐方式有左对齐、右对齐、居中和两端对齐。在HTML中,可以使用`<p>`标签内的`align`属性来实现,例如`<p align="center">`会使段落居中对齐。 背景颜色和背景图片是网页设计中的基础元素,可以通过CSS或HTML的`body`标签内设置`background-color`和`background-image`属性来调整。例如,`<body style="background-color: #FFFFFF; background-image: url('image.jpg');">`将背景设为白色,并添加一张名为"image.jpg"的背景图片。 有序列表和无序列表是组织信息的常用方式。有序列表用`<ol>`标签创建,每个列表项用`<li>`标签包裹,可以通过`type`属性更改数字或字母的样式。例如,`<ol type="a">`会以小写字母a开始编号。无序列表用`<ul>`标签创建,同样使用`<li>`标签定义列表项。此外,`<ol>`和`<ul>`还可以通过`type`属性设置不同的列表符号,如圆形、实心正方形或实心圆点。 缩进式列表,也称为定义列表,由`<dl>`、`<dt>`和`<dd>`标签组成。`<dt>`用于定义术语,`<dd>`则定义术语的描述。例如,`<dt>水果</dt><dd>苹果</dd><dd>鸭梨</dd>`会创建一个包含“水果”术语及其对应的描述“苹果”和“鸭梨”的列表。 HTML标记符是构建网页结构的基础,如`<html>`、`<head>`、`<title>`和`<body>`是每个HTML文档必须的元素。其他常用的标记包括段落`<p>`、换行`<br>`、水平线`<hr>`以及各种字体样式标签如`<b>`(加粗)、`<i>`(斜体)、`<u>`(下划线)等。`<big>`和`<small>`用于调整字体大小,`<div>`用于分区显示内容,而`<h1>`到`<h5>`则用于创建不同级别的段落标题。 HTML的语法包括一般标记和空标记。一般标记由起始和结束标记组成,如`<b></b>`,而空标记没有结束标记,如`<br>`。了解这些基本语法对于编写有效的HTML代码至关重要。 这个资源提供了一个良好的起点,帮助初学者理解如何通过HTML来控制网页的布局和样式,尤其是文字对齐方式和列表的使用,这对于创建专业且美观的网页非常重要。