第2讲HTML基础10.pptVIP

* * 2.1 HTML简介 2.2 HTML文档的基本结构 2.3 网页文件的创建过程 2.4 段落标记 2.5 文字标记 2.6 列表标记 2.7 表格标记 2.8 表单标记 2.9 超链接标记 2.10 图片标记 第2讲 网页制作基础语言——HTML HTML是Hypertext Markup Language（超文本标记语言）的缩写，是一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）把HTML文档划分成不同的逻辑部分，如段落、标题和表格等 。同时标记还描述了文档的结构，它向浏览器提供该文档的格式化信息，并传送文档外观特征。 HTML可以用来建立文本与图片相结合的复杂页面，这些页面可以被网上的任何人浏览，也就是通常所说的网页。 HTML语言是建立网页的规范或标准，从它出现发展到现在，规范不断完善，功能越来越强。 1990(创立)—1993 (1.0)—1995(2.0,3.0)—1998(4.0) HTML4.0+CSS 实现了文档结构和显示样式的分离 2.1 HTML简介 1.标记 HTML文档由标记和被标记的内容组成。标记（tag）用来控制网页中文本和图像的各种效果。HTML标记分为双标记和单标记 。 双标记的一般格式为： 标记 受标记影响的内容 /标记 例如，标题标记title表示为： title 我的第一个网页 /title 单标记的一般格式为： 标记 例如，换行标记br表示为： br 【例2-1.1】 ， 【例2-1.2】 2.2 HTML文档的基本结构 一、标记及其属性 2. 标记的属性 标记只是规定这是什么信息，或是文本，或是图片，但怎样显示或控制这些信息，就需要在标记后面加上相关的属性来表示，每个标记有一系列的属性。格式为： 标记 属性1=属性值1 属性2=属性值2 … 受影响的内容 /标记 例如，字体标记font有属性size和color等。 font size=“6 color=red 属性示例 /font 【例2-2.1】 ， 【例2-2.2】 注意：标记字母不区分大小写。 HTML文档是一种纯文本格式的文件，HTML文档的基本结构为： html head title 网页的标题 /title /head body 网页的内容 /body /html 【例2-3】 二、HTML文档的基本结构 1. HTML文件标记 HTML文件标记以html 开头，位于文件的最前面，表示HTML文件的开始。 HTML文件标记以/html结束，位于文件的最末端，表示HTML文件的结束。 2. HTML文件头标记 HTML文件头标记以head开始，以 /head结束。 文件头内容可以是标题名、文本文件地址、创作信息等信息说明，head /head之间的内容不在浏览器的窗口内显示，但其中title/title标记之间的内容在浏览器标题栏中显示。 三、HTML文档结构的说明（顶级标记） 3. HTML文件标题标记 HTML文件标题是指显示在浏览器窗口标题栏的提示信息，提供了文件的主题词或保存路径。其标记对为： title文件标题/title。标题在保存文件时可以作为默认文件名。 4. HTML文件体标记 HTML文件体是HTML文档的主体部分，显示在浏览器窗口的文本显示区。其标记对为： body 属性=“属性值”…文件体内容 /body。 可以用最简单的“记事本”来编辑HTML文件。 ① 打开记事本。单击Windows的“开始”—“程序”—“附件” 中单击“记事本”。 ② 创建新文件，在“记事本”窗口中，按HTML语言规则输入内容。 ③ 保存文件。打开“记事本”—“文件”—“保存”。此时将出现“另存为”对话框，在“保存在”下拉列表框中选择文件要存放的路径；在“文件名”文本框输入以.html或.htm为后缀的文件名，在“保存类型”下拉列表框中选择“所有文件”。最后单击“保存”按钮。 注意：此时该文件也可以称为“网页”