关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

网站建设基础语言-html知识

作者:佚名   时间:2013-08-12   分享到:

HTML 是Hypertext Marked Language的缩写,中文译为“超文本标记语言”,其目的在于网站制作中运用标签使文件达到预期的显示效果。用HTML编写的超文本文档称为HTML 文档,它能独立于各种操作系统平台(如UNIX,Windows 等),且每个Web页都对应一个HTML 文档。自1990 年以来HTML就一直被用作WWW(World Wide Web) 的信息表示语言,用于描述 Homepage 的格式设计和与WWW 上其他Homepage 的连接信息。HTML 中的超文本功能,也就是链接功能,使网页之间可以互相链接起来,从而使人们在浏览网页时可以十分方便地从一个页跳转到另一个页面。HTML是在SGML 定义下的一种描述性语言,或者说HTML 是SGML的一个应用程序。虽然HTML 和C、BASIC、Pascal 等一样都称为语言,但是用C、BASIC、Pascal 语言编过程序的人会发现,HTML 和它们有着本质的不同。
    C 语言是编译语言,需要经过编译才能有过程性的运行,而HTML 是一种解释语言,或者说是一种标识语言,通过各种标识来表达不同信息。也有的人认为HTML 根本就不是一种语言,而只是一种排版格式而已。
手动做一个网站页面:
    手动做网站既可以使用普通的编辑工具(如,记事本、写字板、Word 2000 等),也可以使用可视化专业工具软件(如,Dreamweaver MX、Frontpage 2000 等)来创建网页(HTML 文档)。下面来学习一下如何在记事本和Dreamweaver MX 中利用HTML 语言来创建第一个网页。
1.用编辑工具创建第一个网页(HTML 文档)
    编写 HTML 语言可以使用的编辑工具很多,最简单的就是用Windows 自带的记事本了,下面就以记事本为例,来学习编辑第一个网页,操作步骤如下:
① 编写代码。在 Windows 操作系统中,依次点击“开始”→“程序”→“附件”→“记事本”。打开一个记事本后,在里面输入如图

这就是一个HTML 文件最基本的结构。下面先将它保存好,然后在浏览器中浏览一下效果,最后再来解释这些代码的含义。
② 保存文件。打开“文件”菜单,选择“另存为”。在弹出的“保存为”对话框中,先选择保存该文件的位置。本书选择C盘根目录下的“My web”文件夹,然后为该文件起个名字,如“first.htm”,最后单击“保存”按钮。(需要注意的是文件的扩展名一定要写完全,不能省略,否则会被存为TXT 文件,而且也不能是.txt,而是.htm 或.html。)
③ 浏览效果。找到刚才保存的文件“first.htm”,打开它就可以看到图所示的浏览效果。?

④ 源码分析。前面介绍 HTML 语言时曾经提到,HTML 源代码就是网页的本质所在,而源代码中有许多带尖括号的字符,被称之为标签。观察本例的HTML 源代码不难发现其中就包含了许多标签,如

、,,、等,那么它们到底有什么作用,又有什么含义呢?下面就一起来分析一下这些代码:
和标签
   和标签是用来告诉浏览器,表示这个文件是HTML 格式的文件,也就是网页文件,而不是txt 文档或是doc 等其他格式的文档。整个HTML 文件的所有内容都应该包含在这一对标签之间,即HTML 文件必须以开始,以结束。
和标签
   和标签位于Web 页的开头,它包含一些与Web 有关的特定信息,如网页的标题、样式定义及脚本等。标签应放在标签的后面,且是成对出现的。本例中的标签就是最基本的、最常用的标题标签,写在标签之间的内容就是显示在浏览器标题栏上的标题文字。和标签
   和标签表示正文内容的开始。人们浏览网页时所看到的文字、图形、图像、链接、动画、视频和声音等元素就是位于该标签内的。从图4-1-1 可以看出,在HTML 文档中的和标签是放在和标签之后且成对出现的。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/news/20151229/n6721.html

上海联楷网络新闻