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