模块二 HTML基础任务1：HTML文档的基本结构和基本语法.pdfVIP

网页设计与Web应用开发基础

课程名称可修改课程名称可修改

课程名称可修改

模块二HTML基础

COURSECOURSETITLETITLE

COURSETITLE

任务1：HTML文档的基本结构和基本语法

NAMENAME白会肖可修改可修改

!DOCTYPEhtml

htmllang=enHTML的语法格式？

head

metacharset=UTF-8

title我的第一个网页/title

/head

body

欢迎来到我的第一个网页！

/bodyHTML中各个标签的作用？

/html

1.HTML

知识2.常用的HTML标签

目标3.HTML的语法规则

1.会使用HTML标签进行网页设计

技能2.合理使用HTML的语法规则

目标3.会文字版面编辑

1.学习过程中形成乐于探究的意识和敢于

素质创新的精神。

目标2.养成主动与他人交流合作的精神。

HTML(HypertextMarkupLanguage)即超文本标记语言，是一种用来描述网页的计算机语言，我们

通常说的网页的源代码就是指HTML。

HTML不是编程语言，不同于C语言、Java或C#等编程语言。

HTML提供以下功能：

•出版在线的文档，其中包含了标题、文本、表格、列表以及照片等内容。

•通过超链接检索在线的信息。

•为获取远程服务而设计表单，可用于检索信息、定购产品等。

•在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用。

HTML

网页标题

HEAD

TITLE我的第一个网页/TITLEHEAD头部部分

/HEAD

HTML网页

BODYBODY主体部分

欢迎访问我的第一个网页!

/BODY

网页内容，可以是文本、

/HTML

图像等

这部分包括标题和其他说明信息。包括在HEAD…/HEAD标签内

1.META标签

2.body标签

3.分段标签p

4.换行标签br

5.预定义标签pre

6.分隔标签hr

7.特殊字符

8.注释标签

网页页面中出现乱码，那如何消除乱码使其正常显示？

使用META标签

简体中文：gb2312

繁体中文：big5

纯英文网页：iso-8859-1

HEAD

METAhttp-equiv=Content-Typecontent=text/html;charset=UTF-8

TITLE网页标题/TITLE

/HEAD