《讲HTML基础》PPT课件

《《讲HTML基础》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、2.1HTML简介2.2HTML文档的基本结构2.3网页文件的创建过程2.4段落标记2.5文字标记2.6列表标记2.7表格标记2.8表单标记2.9超链接标记2.10图片标记第2讲网页制作基础语言——HTMLHTML是HypertextMarkupLanguage（超文本标记语言）的缩写，是一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）把HTML文档划分成不同的逻辑部分，如段落、标题和表格等。同时标记还描述了文档的结构，它向浏览器提供该文档的格式化信息，并传送文档外观特征。HTML可以用来建立文本与图片相结合的复杂页面，这些页面可以被网上的任何人浏览，也就是通

2、常所说的网页。HTML语言是建立网页的规范或标准，从它出现发展到现在，规范不断完善，功能越来越强。1990(创立)—1993(1.0)—1995(2.0,3.0)—1998(4.0)HTML4.0+CSS实现了文档结构和显示样式的分离2.1HTML简介1.标记HTML文档由标记和被标记的内容组成。标记（tag）用来控制网页中文本和图像的各种效果。HTML标记分为双标记和单标记。双标记的一般格式为：<标记>受标记影响的内容例如，标题标记单标记的一般格式为：<标记>例如，换行标记
表示为：
【例2

3、-1.1】，【例2-1.2】2.2HTML文档的基本结构一、标记及其属性2.标记的属性标记只是规定这是什么信息，或是文本，或是图片，但怎样显示或控制这些信息，就需要在标记后面加上相关的属性来表示，每个标记有一系列的属性。格式为：<标记属性1="属性值1"属性2="属性值2"…>受影响的内容例如，字体标记有属性size和color等。属性示例【例2-2.1】，【例2-2.2】注意：标记字母不区分大小写。HTML文档是一种纯文本格式的文件，HTML文档的基本结构为：

4、e>网页的标题网页的内容【例2-3】二、HTML文档的基本结构1.HTML文件标记HTML文件标记以开头，位于文件的最前面，表示HTML文件的开始。HTML文件标记以结束，位于文件的最末端，表示HTML文件的结束。2.HTML文件头标记HTML文件头标记以开始，以结束。文件头内容可以是标题名、文本文件地址、创作信息等信息说明，之间的内容不在浏览器的窗口内显示，但其中标记之间的内容在浏览器标题栏中显示。三、

5、HTML文档结构的说明（顶级标记）3.HTML文件标题标记HTML文件标题是指显示在浏览器窗口标题栏的提示信息，提供了文件的主题词或保存路径。其标记对为：。标题在保存文件时可以作为默认文件名。4.HTML文件体标记HTML文件体是HTML文档的主体部分，显示在浏览器窗口的文本显示区。其标记对为：文件体内容。可以用最简单的“记事本”来编辑HTML文件。①打开记事本。单击Windows的“开始”—“程序”—“附件”中单击“记事本”。②创建新文件，在“记事本”窗口中，按HTML语言规则输入内容。③保存文件

6、。打开“记事本”—“文件”—“保存”。此时将出现“另存为”对话框，在“保存在”下拉列表框中选择文件要存放的路径；在“文件名”文本框输入以.html或.htm为后缀的文件名，在“保存类型”下拉列表框中选择“所有文件”。最后单击“保存”按钮。注意：此时该文件也可以称为“网页”。2.3HTML文件的创建过程一、编辑和保存HTML文件通过编辑得到的.html文件，可以使用浏览器进行预览，有两种方法可以打开.html网页文件。1.用浏览器打开网页在浏览后会有不满意的地方，此时可重新在“记事本”中打开该.html文件修改；或者在浏览器中直接打开源文件（在IE中，从“查看”菜单中的“源文件”中

7、打开）。修改后，单击“文件”菜单中的“保存”命令。如果浏览器没有关闭，要在浏览器中看到修改后的效果，可直接单击浏览器工具栏上的“刷新”按钮。2.在“Windows资源管理器”或“我的电脑”中打开在“Windows资源管理器”或“我的电脑”中双击要打开的.html文件，这时将直接在默认的浏览器中打开该.html文件。二、预览网页1.提倡使用小写标记2.代码缩进书写网页的内容