HTML页面属性与列表详细指南

需积分: 3 30 浏览量更新于2024-08-16 收藏 1.15MB PPT 举报

"选择属性面板单击“页面属性”-网页制作的页面属性" 网页制作中的“页面属性”是HTML编辑过程中的一个重要环节，它允许设计师和开发者自定义网页的基本外观和感觉。通过选择属性面板并单击“页面属性”，我们可以调整一系列的视觉元素，包括背景颜色、背景图片、文本样式、页面边距以及链接和标题的设置。 1. **背景颜色**：这是设置网页主背景颜色的地方。你可以选择预设的颜色或者输入特定的十六进制颜色代码来定制背景色，这将影响整个网页的底色。 2. **背景图片**：除了颜色，你还可以设置一个背景图像，使得网页在打开时有特定的图片作为背景。可以设置图片平铺、固定或相对于窗口滚动等多种显示方式。 3. **文本的项目列表**：在HTML中，有两种主要类型的列表：有序列表和无序列表。有序列表使用`<ol>`标签，无序列表使用`<ul>`标签。列表项则通过`<li>`标签定义。 - **有序列表**：默认显示为带数字的列表，如`<ol><li>苹果</li><li>鸭梨</li></ol>`。可以通过设置`type`属性改变数字样式，如`type="a"`显示小写字母，`type="A"`显示大写字母，`type="1"`显示数字，`type="i"`和`type="I"`分别显示小写和大写罗马数字。 - **无序列表**：通常显示为带圆点的列表，如`<ul><li>苹果</li><li>鸭梨</li></ul>`。同样，可以通过`type`属性改变圆点样式，例如`type="circle"`显示空心圆点，`type="square"`显示实心正方形，`type="disc"`显示默认的实心圆点。 - **缩进式列表**：也称为定义列表，用`<dl>`、`<dt>`和`<dd>`标签实现，如`<dl><dt>水果</dt><dd>苹果</dd><dd>鸭梨</dd></dl>`，用于定义术语及其解释。 4. **设置页面的边距**：页面属性还允许你设定页面内容与浏览器窗口边缘的距离，这会影响内容的对齐和整体布局。 5. **设置文字的属性**：包括字体、字号、颜色、对齐方式等。例如，`<font>`标签可以改变字体和颜色，`<b>`、`<i>`、`<u>`分别用于加粗、斜体和下划线，`<big>`和`<small>`用于增大或减小字体大小。 6. **链接**：HTML中的链接由`<a>`标签定义，如`<a href="http://example.com">链接文本</a>`，链接的属性`href`指定目标URL。 7. **标题**：标题标签`<h1>`到`<h6>`用于创建不同级别的标题，`<h1>`是最重要的标题，`<h6>`是最不重要的标题。此外，HTML文档的基础结构包括`<html>`、`<head>`、`<title>`和`<body>`标签，它们是每个HTML文档必不可少的部分。还有一些其他常用的标记，比如段落`<p>`、换行`<br>`、水平线`<hr>`，以及各种字体样式标签如`<b>`、`<i>`、`<u>`，字体大小调整`<big>`、`<small>`，分区显示`<div>`，以及不同级别的段落标题`<h1>`到`<h6>`。列表创建则涉及到`<ol>`、`<ul>`和`<li>`标签，它们用于创建有序和无序列表。 HTML的语法遵循一定的规则，包括起始和结束标记的使用，以及空标记的存在。例如，`<br>`是一个没有结束标记的空标记，用于插入一个换行。了解这些基本语法是编写有效HTML文档的关键。

xxxibb

粉丝: 21
资源: 2万+

HTML页面属性与列表详细指南

结合网页制作工具,运用HTML语言编写多页面个人网站,要.docx

网页设计与制作使用层和框架布局页面PPT学习教案.pptx

网页设计与制作-习题答案

网页制作超链接

网页制作模板

Axure原型设计之动态面板页面切换（tab页）

网页制作：项目06使用表格布局门户网站首页--.ppt

网页制作之图层

Dreamweaver制作网页经典问题

网页制作技术考试题

最新资源