HTML基础教程:标签、背景设置与网页制作

需积分: 3 1 下载量 171 浏览量 更新于2024-08-17 收藏 1.88MB PPT 举报
本章主要关注HTML基本标签的学习,涵盖了从HTML文档的基本结构到实际应用的各种元素,包括标题标签、字体和段落处理、图片插入、超链接、列表标签以及制作滚动效果等内容。 HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它不涉及编程,而是通过一系列标签来描述页面布局和内容。HTML文档的基本结构通常包含以下部分: 1. `<html>`:整个HTML文档的根元素。 2. `<head>`:包含了文档的元数据,如标题`<title>`,CSS样式链接,JavaScript文件引用等。 3. `<title>`:定义了网页的标题,在浏览器的标签页上显示。 4. `<body>`:包含网页的实际内容,如文本、图像、链接等。 在HTML中,标题标签`<h1>`到`<h6>`用于设置不同级别的标题,其中`<h1>`最重要,`<h6>`最次。字体和段落处理标签包括: - `<font>`:虽然现在很少使用,但过去常用来设置字体、颜色和大小。 - `<b>`和`<strong>`:加粗文字,`<strong>`更强调语义。 - `<i>`:斜体。 - `<p>`:定义段落。 - `<pre>`:保留文本格式,如空格和换行。 - `<br>`:插入单行换行。 - `<u>`:下划线。 插入图片使用`<img>`标签,需要指定`src`属性为图片的URL,并可设置`alt`属性提供替代文本。超链接由`<a>`标签创建,通过`href`属性指向目标URL。 列表标签包括无序列表`<ul>`、有序列表`<ol>`和定义列表`<dl>`,它们分别用`<li>`标签来定义列表项。在`<ul>`和`<ol>`中,`<li>`表示列表项;在`<dl>`中,`<dt>`定义术语,`<dd>`则解释术语。 制作滚动效果可能涉及CSS和JavaScript,例如使用CSS的`overflow`属性创建滚动条,或者用JavaScript动态改变内容位置实现滚动效果。 此外,了解TCP/IP协议基础,如HTTP协议(用于网页浏览)、FTP协议(文件共享),以及IP地址、域名和URL的作用,对理解网页工作原理至关重要。Web浏览器如IE、Firefox和Opera则是用户与这些网络资源交互的工具。路径分为绝对路径和相对路径,前者是文件的完整路径,后者是相对于当前或父级目录的路径。 本章旨在帮助学习者全面掌握HTML的基本元素和结构,从而能够创建和编辑基本的网页内容。