网页制作指南:页面属性与HTML基础

需积分: 3 2 下载量 59 浏览量 更新于2024-08-16 收藏 1.15MB PPT 举报
"网页制作-HTML页面属性与元素学习" 在网页制作中,HTML(超文本标记语言)是构建网页的基础。本学习目标主要涵盖了HTML的一些核心概念和元素,包括页面属性、文本处理、列表创建以及基本的HTML语法。 1. 背景颜色和背景图片 设置页面背景颜色可以通过CSS(层叠样式表)中的`background-color`属性来实现,例如:`body { background-color: #ffffff; }`。若要添加背景图片,可以使用`background-image`属性,如:`body { background-image: url('image.jpg'); }`。这允许将图像设置为页面的背景。 2. 文本的项目列表 - 有序列表(`<ol>`)用于创建有顺序的项目,比如步骤或排名。默认数字是1,但可以通过`type`属性改变,如`<ol type="a">`创建小写字母序号。 - 无序列表(`<ul>`)用于创建无特定顺序的项目,通常用圆点表示,可通过`type`属性更改样式,如`<ul type="square">`创建实心正方形。 - 缩进式列表(定义列表`<dl>`)由术语`<dt>`和解释`<dd>`组成,如`<dt>水果</dt><dd>苹果</dd><dd>鸭梨</dd>`,常用于术语解释。 3. 设置页面的边距 页面边距可以通过CSS的`margin`属性调整,例如:`body { margin: 20px; }`将所有边距设置为20像素。还可以单独设置上、右、下、左边距,如`margin: 20px 30px 40px 50px;`。 4. 设置文字的属性 HTML提供多种标签来控制文本样式,如: - `<b>`使文本加粗 - `<i>`使文本斜体 - `<u>`在文本下划线 - `<big>`增大字体大小 - `<small>`减小字体大小 - `<font>`(过时)用于指定字体、大小和颜色,但现代网页设计更倾向于使用CSS。 5. 链接 链接是通过`<a>`标签创建的,例如:`<a href="http://www.example.com">访问示例网站</a>`。`href`属性指定了链接的目标地址。 6. 标题 HTML提供了从`<h1>`到`<h6>`的六级标题,其中`<h1>`是最大标题,`<h6>`是最小标题,用于组织和结构化页面内容。 HTML的标记符是构建网页的基本构建块,每个元素都由起始标签和结束标签组成,如`<p>`和`</p>`用于段落。有些标记,如`<br>`(换行)和`<hr>`(水平线),是空标记,没有结束标签。此外,`<div>`用于创建分隔区域,而`<h1>`至`<h6>`则用于创建不同级别的标题。列表元素`<ol>`、`<ul>`和`<li>`用于创建各种列表。 HTML语法主要包括两种类型:一般标记,如`<b>文本</b>`,和空标记,如`<br>`。了解这些基础知识对于网页制作至关重要,它们构成了网页内容的基本结构和样式。