dw网页html基本结构,《《HTML网页基本结构与DW》.pdf

《《HTML网页基本结构与DW》.pdf

HTML网页基本结构与DW

信赖源于专业

预习检查

请描述HTML文档的基本结构！

标题标签有哪几种类型？

–

到

哪些标签可以控制文字样式？

–

–

2

课程目标和项目展示

本门课程目标

能制作界面美观大方、面向企业应用的静态商业网站，

含动态脚本功能。

课程项目展示

3

本章目标

了解Internet的相关介绍

了解HTML技术

掌握网页背景设置

掌握字体和段落标签的应用

4

Internet相关技术介绍

TCP/IP协议:是Internet国际互联网络的基础。

–HTTP协议：用于浏览网页

–FTP协议：用于Internet文件共享

IP地址和域名简介

–IP地址：标识网络中每台主机的唯一地址。

–域名：用于标识IP地址的有意义的词组。

URL (Uniform Resource Locator)

统一资源定位符，用于精确定位网络中的各种资源。如网

页、图片、音乐、视频等。

5

Internet相关技术介绍

Web浏览器

– 将网页文件翻译成丰富多彩的网页

常用的浏览器：

– IE、FireFox、……

绝对路径和相对路径

– 绝对路径：文件或目录在硬盘上的真正路径。

C:\xyz\test.txt 或/index.htm

– 相对路径：相对于某个基准目录的路径。

./ 代表当前目录 ../ 代表上级目录

6

HTML语言

什么是 HTML？

– HTML (Hyper Text Markup Language) 指的是超文本

标记语言

– 是一种标记语言，用来描述网页的，而非编程语言

– 标记语言是一套标记标签(markup tag)

– HTML 使用这套固定的标记标签来描述网页

7

HTML标签

HTML 标签

– HTML 标记标签通常被称为 HTML 标签(HTML tag)

。

– HTML 标签是由尖括号包围的关键词，比如

– HTML 标签通常是成对出现的，比如 和

– 标签对中的第一个标签是开始标签，第二个标签是结

束标签 。开始和结束标签也被称为开放标签和闭合标

签

– HTML 标签不区分大小写

8

HTML网页的结构

HTML网页的结构

网页标题

欢迎来到HTML 头部部分

您好，HTML ！

主体部分

网页内容，可以是

文本、图像等

这部分包括标题和其他说明信息。包括在

… 标签内

这部分包含文本、图像和链接。它包括在

… 标签内

…标签标记HTML 文档的开始和结束

9