超文本标记语言(hyper text markup language,html)是一利,用于网页制作的排版语言,是web北京网站设计最基本的构成元素。html并非一种编程语言。用html标记文档或给文档添加标记,使文档可在www上发布。用html准备的文档包含引用图形和格式标记.用web浏览器查看这些html文档。
html最早源于标准通用化标记语言(standard general markup language,sgml ),是由web的发明者tim berners-lee和同事daniel w . connolly于1990年创立的一利,标记式语言,它是scml的应用。www协会作为制定html标准的国际性正式组织,于1993年正式推出html 1.0版,提供简单的文本格式功能。1995年2月推出html 2.0版,增加了表格处理、图形、图像等功能。
html是用来表示网上信息的符号标记语言,它用明确的命令说明文件的格式,通过将标准化的标记(tag)命令写在html文件中。构成htm l文档.它们以.html或.htm为后缀。当web浏览器从wel,服务器读取某一个万维网页面的htm l文档后,就按照html文档中的多种标记.根据浏览器所使用的显示器尺寸和分辨率大小,重新进行排版并恢复所读取的页面。
学习html语言是理解实施网络营销的重要技术基础,htm l语言有助于深人掌握网页制作技术,而且在运用搜索引擎与电子邮件等网络营销常用手段时候也会经常涉及html代码。
1 .html标识符
html的标识符就是放在尖括号内的一些字母或单词,如
。html文件可支持很多种标识符,学习htm l语言实际上就是学习这些各种各样的标识符。
大多数的标识符都是成对出现的,包括开始标识符和结束标识符,它们定义了标识符所影响的范围,它们的区别是结束标识符比开始标识符多了一个斜线,如学习将以粗体显示文字“学习”而不影响开始标识符和结束标识符以外的文字。有一些标识符只有单一的标识符号,例如,换行标识符.
许多标识符包括有一些属性,它们对标识符作用的内容进行更详细的控制。如字体标识符的字号属性指定文字的大小,颜色属性指定文字的颜色,例如:
< font size = 3 color= green.>本行字字体为3号字,颜色为绿色。< /font>
html的标识符不区分大小写,但为了便于html文档的维护和醒目,通常使用大写标识符。
html的注释由开始标识符构成,这两个标识符之间的内容都被浏览器解释为注释,因而不在浏览器中显示。
2.html语法结构
一个web页对应一个html文件,html文档的基本结构由文档开始和结束标记、首部标记、正文标记组成。
(1)文档开始和结束标记和
和是html文档的第一个和最后一个标识符,html文档的全部内容在这两个标识符之中,这两个标识符告诉浏览器该文件为一个web页。
(2)首部标记和
首部标记和位于web页的开头,但不包括web页的实际内容,用做设置网页的标题(title)、定义样式表(css)或插人脚本(script)等。其中,最常用的标识符是标题标识符,用于定义网页的标题,所定义的标题在浏览器窗口标题栏中显示。
(3)正文标一记和
正文标记和包含web页的内容,正文里包含文字、图片、链接、表格等。
html文档的基本结构如下:
一一一一一一一一一一一一一一一一一一一文档起始标识符
一一一一一一一一一一一一一一一一首部起始标识符
一一一一一一一一一一一一标题结束标识符
一一一一一一一一一一一一一一一首部结束标识符
一一一一一一一一一一一一一一一正文起始标识符
正文一一一一一一一一一一一一一一一正文结束标识符
一一一一一一一一一一一一一一一文档结束标识符
3.html文件编辑
制作与编辑htm l文件,最简单的方式就是直接在windows自带的“记事本”写人htm l标识符,并将其保存为扩展名是“html”或“htm”的文件格式。例如,将如图5-13所示代码写人“记事本”,并保存为“index.html"。在浏览器中打开看到的效果如图5-14所示。
在记事本中编写html代码时,需要特别注意的是“<>”、“"”等符号均为英文标点.才能在浏览器中正确显示。
此外,如果要查看浏览器中打开网页文件的html的源代码。有两种方法:一是右击鼠标,选择view source(查看源文件)命令;二是选
择浏览器菜单view(查看)中的source(源文件)命令。
4.相对路径和绝对路径
html文件可以引用多种格式外部文件,包括html网页、音频、图片、视频等。为了指明引用文件的位置,需要通过路径标明文件所在位置。html有两种路径的写法:相对路径和绝对路径。
(1)相对路径
①同一个目录的文件引用
如果源文件和引用文件在同一个目录里,直接写引用文件名即可。现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。
假设info . html路径是:c:inetpubwwwrootsitesblablainfo.html
假设index .html路径是:c:inetpubwwwrootsitesblablaindex.html
在info.html加人index .html超链接的代码应该这样写:
index.html
②表示上级目录
二滚示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。
假设info.html路径是:c:inetpubwwwrootsitesblablainfo.html
假设index.html路径是:c:inetpubwwwrootsites index.html
在info.html加人index.html超链接的代码应该这样写:
index.html
假设info.html路径是:c:inetpubwwwrootsitesblahlainfo.html
假设index.html路径是:c:inetpubwwwrootindex.html
在info.html加人index.html超链接的代码应该这样写:
index.html
假设info.html路径是:c:inetpubwwwrootsitesblahlainfo.html
假设index.html路径是:c:inetpubwwwrootsiteswowstoryindex.html
html路径是:c:inetpubwwwrootsites.
在info.html加人index.html超链接的代码应该这样写:
index.html< /a>
③表示下级目录
引用下级目录的文件,直接写下级目录文件的路径即可。
假设info.html路径是:c:inetpubwwwrootsitesblablainfo.html
假设index.html路径是:c:inetpubwwwroot sitesblablahtmlindex.html
在info.html加人index.html超链接的代码应该这样写:
营销型网站建设公司http://www.it214.net/