《【2017年整理】HTML基本结构与常用标记》由会员分享，可在线阅读，更多相关《【2017年整理】HTML基本结构与常用标记（15页珍藏版）》请在金锄头文库上搜索。
1、1附录 A HTML 基本结构与常用标记1 HTML 简介我们在浏览器上看到的网页其实是 HTML文件构成的,HTML 是“Hypertext Markup Language（超文本标记语言”的英文缩写。它是一种可以在网上传输，并被浏览器认识和翻译成页面显示出来的文件。 “超文本”是指页面内既可以包含文字，也可以包含图片、声音、视频、链接和程序等非文字的元素。尽管 WWW仍然是 HTML应用最多的地方，但是它还被应用到其他很多的领域，例如使用HTML可使新闻、消息和 E-mail更加具有吸引力，甚至可以用 HTML来开发独立的和以网络为核心的应用程序。随着技术的发展，HTML 增加了许多新功能
2、和新特性，HTML 已经变成了一个更加丰富、更加有用的标记语言。1.HTML 文件的编辑与运行在编写 HTML文件时，如果文件中不包含 ASP之类的动态服务器页面代码，则只要有一个可以编辑 HTML文件的编辑器和一个可浏览 HTML文件的浏览器就可以了。把编辑后的文件以“.html”或“.htm”为扩展名保存，使用浏览器就可以直接打开；如果文件中包含了ASP之类的代码，则编辑 HTML文件后应该将其以“.asp”等为扩展名保存，并置于 Web服务器端，再通过浏览器进行访问。如果直接用浏览器打开，则其中的动态服务器页面代码不会被执行。编辑 HTML的文件的编辑器必须是能够编辑纯文本的，或者是可以
3、将其他文本转换成纯文本的。最简单的编辑器莫过于 Windows系统的“记事本” ，占用系统资源最少。但是使用时每一个 HTML标记都要网页设计者自己写出，故很熟悉 HTML的设计者可以选用。而对更多的人来说，使用本章 3.1.3介绍的网页制作工具软件来用编辑 HTML文件则是更好的选择。这些工具软件可以自动把你的“所见即所得”的页面编辑操作转换成 HTML标记，使得你不必每个标记都得去写；也可以立即把你的写的 HTML标记以网页显示出来。如此可以大大提高编辑 HTNL文件，设计网页的效率。2.HTML 文件的基本结构HTML文件总是以标记开头,它告诉 Web浏览器,它正在处理的是 HTML的文
4、件。类似地,文件中最后一行总是标记,它是 HTML文件的结束标记。文件中所有的文本和HTML标记都包含在 HTML的这个起始和结束标记间。HTML的基本结构：标记 HTML文件的开始标记首部的开始2标记首部的内容，如网页标题标记首部的结束标记主体的开始标记网页内容，如网页文本 标记主体的结束标记 HTML文件的结束如图 1所示的网页对应的 HTML文件如图 2所示。图 1 “站点发布信息”网页图 2 “站点发布信息”网页对应的 HTML 文件图中注明了和标记，首部标记和主体标记。其中首部标记、主体标记以及其他标记的作用见本节后面及 3.7节的解说。3.HTML 文件的命名HTML文件是以文本方
5、式存储的文件。文件命名格式为：3文件名.Htm或文件名.html文件名为字母或数字组成的字符串，字符之间不能有空格，但可以有下划线。4. 版本信息迄今为止 HTML已公布了多个版本，最新的规范是 HTML4.0。一个完整的 HTML文件通常是以版本声明开始的，用以指明文件语法的定义，版本声明标记是。5. 标题信息HTML文件首部位于文件开始标记之后，并由开始标记和结束标记定义。首部内容包括标题名、文本文件的地址、创作信息等文件信息说明，并由专门标记定义，它们都不在浏览器窗口内显示。首部内使用的主要标记有：(1) 和 标记标记首部的开始，标记首部的结束。(2) 和 标记每个 HTML文件都有一个
6、标题名，在浏览器中作为窗口名称显示在该窗口的最上方标题栏内。网页标题名要写在和标记之间，并且和标记应包含在和标记之间。一个网页只能有一个网页标题名，而且标记中不能包含其他标记。由于许多浏览器将网页名称放在窗口上的标题框中，因而，页面标题就像是页面的门面，一定要短小精悍，反映页面内容，同时由于浏览器标题栏空间有限，标题不要太长，一般上限是 50-60个字符，多余的字符将被截掉。(3) 标记标记是一个单标记，用于指明 HTML文件自身的某些信息，例如文件创建工具、文件作者的信息等。格式为：或使用的属性有: name 指定特性名 http-equiv 定义标记的特性 content 指定特性的值(4
7、)主体标记和网页中的主要内容就是网页的主体，它写在之间，而标记对包含在标记对之内。4文件主体定义了网页显示的内容，如文字、链接、图像、表格或者其他对象。设计制作网页，实际上主要是设计和标记之间的文本和图形内容及各种标记。与相关的属性主要有: background 图像设置网页的背景 bgcolor 设置网页的背景色 text 设置网页文本的颜色 link 设置超文本链接尚未访问文本时的颜色 ,默认为蓝色 vlink 设置超文本链接已经访问文本的颜色 ,通常为紫色 alink 设置超文本链接被选择瞬间时文本的颜色2 常用 HTML 标记简介1基本结构标记HTML标记的基本结构由两大部分组成： 首
8、部标记 主体标记首部标记和主体标记的主体内容又由其他的标记和文本组成。在 HTML文档中，有的标记只能出现在首部标记中，大多数标记则只能在正文标记中出现。在首部中出现的标记书写顺序没有严格要求,而在正文中出现的标记的次序不能随意改动，改动后会改娈 HTML文档的输出形式。一个 HTML文档应具有下面的结构：表明 HTML文档开始表明文件头开始表明文件头结束表明正文开始表明正文结束表明 HTML文档结束2文本结构标记当我们要在浏览器中显示文本时，我们可以用文本结构标记来实现，但要注意，文本结构标记是位于标记之间的。常用文本结构标记如下。(1) 标记对是用来创建一个段落，在此标记对之间加入的文本将
9、按照段落的格式显示在浏览器上。另外，标记还可以使用 ALIGN属性来说明对齐方式。语法是：。5(2) 是一个单一的标记，没有结束标记，作用是用来创建一个回车换行。如果把放在标记对的外边，将创建一个行距较大的回车换行，若把放在标记对的里边，将创建一个行距较小的回车换行。(3) 在标记对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。(4) 标记对用来排版大块 Html段落，也用于格式化表，此标记对的用法与标记对非常相似，同样有 ALIGN对齐方式。3 列表标记网页中的列表使用如下的标记来创建。(1) 用来创建目录表，作为无序列表。(2) 用来创建菜单列表，作为无序列表。(3) ，与用来创建
10、一个普通的列表，用来创建表中的上层项目，用来分创建列表中的最下层项目。和都必须放在标记对之间。(4) 标记对用来创建一个标有数字的列表，标记对用来创建一个标有圆点的列表，标记用来创建一个列表项，该标记只能在或标记对之间使用。若放在之间则在每个列表项前加上一个数字，若在之间则在每个列表项前加上一个圆点。4 超级链接标记超级链接是 Html语言的一大特色，正因为有了它，我们对内容的浏览才能够具有灵活性和网络性。(1) 本标记对的属性 HREF是不可缺少的，标记对之间加入需要链接的文本或图像。HREF 的形式可以是 URL形式，即网址或相对路径，也可以是 MAILTO形式，即发送 E-MAIL形式。
11、如： 6这是我的网站或者这是我的电子邮箱此外，还具有 TARGET属性，此属性用来指明浏览的目标框架。这将在框架标记中作详细的说明。这里简单说说，如果不使用 TARGET属性，当浏览者点击了链接之后，将在原来的浏览窗口中浏览新的 HTML文档；如果使用 TARGET属性且其值等于“-BLANK”，则点击链接之后，将打开一个新的浏览窗口来浏览新的 HTML文档。(2) 本标记对要结合标记对使用才有效果。标记对用来在 HTML文档中创建一个标签，属性 NAME是不可缺少的，它的值也即是标签名，如：此处创建了一个标签创建标签是为了在 HTML文档中创建一些链接，以便能够找到同一文档中的有标签的地方。
12、要找到标签所在地，就必须使用标记对。如要找到“标签名”这个标签，就要编写如下代码：点击此处将使浏览器跳到“标签名”处(3) 为用户端的图像映像指定链接，它的属性值为 NAME.(4) 用于定义热区或区域。使用的属性有 SHAPE（定义形状）与 COORDS（定义一个以逗号分隔的坐标列表） 。5 表格标记表格标记对于制用网页是非常重要的，现在的很多网页都是使用多重表格，主要是因为表格不但可以定位文本或图像的输出，而且还可以在表格中进行任意的背景和前景颜色的设置。(1) 标记对用来创建一个表格，它有八个属性值，分别为： ：设置表格的背景色。 ：设置边框的宽度，若不设此属性，则边宽为零。 ：设置边框
13、的颜色。 ：设置边框明亮部分的颜色。 ：设置边框昏暗部分的颜色。 ：设置表格格子之间空间的大小。 ：设置表格格子边框与内容之间空间的大小。 ：设置表格的宽度。7以上各个属性可以结合使用，有关宽度、大小的单位用绝对像素值。而有关颜色的属性使用十六进制 RGB颜色码或 HTML语言给定的颜色常量名。(2) 与标记对用来创建表格中的每一行，而标记对用来创建表格一行中每一个格子，例如要创建一个一行三列的表格，则标记就可按如下方式书写：最外层，创建一个表格 创建一行 要输出的文本 创建三个格子 要输出的文本要输出的文本最外层 。(3) 标记对用来设置表格头，通常是黑体居中文字。(4) 为表格定义一个标题
14、，使用属性 ALIGN指定标题的位置。6 框架标记创建框架页面时，我们也可以根据框架标记编制出任意的框架集合。它的标记如下：(1) 该标记对用来定义主文档中有几个框架并且各个框架是如何排列的。该标记放在框架的主文档的标记对的外边，也可以嵌在其他框架文档中，并且可以嵌套使用。它具有 ROWS和 COLS属性，使用标记时这两个属性至少必须选择一个，否则浏览器只显示第一个定义的帧。ROWS 用来规定主文档中各个框架的行定位，而 COLS用来规定主文档中各个框架的列定位。(2) 标记放在之间，用来定义某一个具体的框架。标记具有 SRC和 NAME属性，这两个属性都是必须要取值的。SRC 定义此框架的源
15、 HTML文件名，浏览器将会在此框架中显示 SRC指定的 HTML文件。NAME 是此框架的名字，当此框架要建立超链接时必须要用到。标记还有 SCROLLING和 NORESIZE属性，SCROLLING 用来指定是否显示滚动条，取值可以是“YES” （显示） 、 “NO”（不显示） 、 “AUTO”（需要时显示） 。NORESIZE属性直接加入标记中即可使用，不需赋值，它用来禁止用户调整一个框架的大小。8(3) 标记对也是放在标记对之间，用来在那些不支持框架的浏览器中显示文本或图像信息。7 表单标记(1) 标记用来创建一个表单，也即定义表单的开始和结束位置，在标志对之间的一切都属于表单的内容
16、。标记具有 action、method 和 target属性。Action 用来处理程序的程序名，method 属性用来定义处理程序从表单中获得信息的方式，可取值为GET和 POST的其中一个。GET 方式是处理程序从当前 Html文档中获取数据，然而这种方式传送的数据量是有所限制的，一般限制在 1KB以下。POST 方式与 GET方式相反，它是当前的 Html文档把数据传送给处理程序，伟送的数据量要比使用 GET方式的大的多。target 属性用来指定目标窗口或目标框架。(2) 标记用来定义一个用户输入区，用户可以在其中输入信息。此标记放在标记对之间。标记中共提供了八种类型的输入区域，具体是哪一种类
