一、HTML 简介

一、HTML的发展历史

 HTML英语意思是 Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。HTML是由WEB的发明者Tim Berners-Lee和同事Daniel W.Connolly于1990年创立的一种标记式语言。它是标准通用化标记语言SGML的应用。
    
    用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。通过HTML,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML一种能够被广泛理解的语言,“翻译“成可以识别的信息,即所有的计算机都能够理解的一种用于出版的“母语”。就是我们现在所见到的网页。 
   自1990年以来HTML就一直被用作WWW(是World Wide Web的缩写,也可简写WEB、中文叫做万维网)的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件需要通过WWW浏览器显示出效果。
   HTML( 超文件标记语言 ) 是一种建立网页文件的语言,透过标记式的指令(Tag),将影像、声音、图片、文字、动画、影视等内容显示出来。因为它可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。 超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准.

   所谓超文本,是因为它可以加入图片、声音、动画、影视等内容,事实上每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML指令代码,这些指令代码并不是一种程序语言,它只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。HTML的普遍应用就是带来了超文本的技术----通过单击鼠标从一个主题跳转到另一个主题,从一个页面跳转到另一个页面与世界各地主机的文件链接。直接获取相关的主题。如下所示:

       通过html可以表现出丰富多彩的设计风格:

               图片调用:<IMG SRC="文件名">
               文字格式: <FONT SIZE="+5 " COLOR="#00FFFF">文字</FONT>

       通过HTML可以实现页面之间的跳转: 

               页面跳转:〈A HREF="文件路径/文件名"></A> 

       通过HTML可以展现多媒体的效果: 

                声频:<EMBED SRC="音乐地址" AUTOSTART=true>
                视频:<EMBED SRC="视频地址" AUTOSTART=true>

    从上面我们可以看到HTML超文本文件时需要用到的一些标签。在HTML中每个用来作标签的符号都是一条命令、它告诉浏览器如何显示文本。这些标签均由"<"和">"符号以及一个字符串组成。而浏览器的功能是对这些标记进行解释,显示出文字、图像、动画、播放声音。这些标签符号用“<标签名字 属性>”来表示。

    HTML只是一个纯文本文件。创建一个HTML文档,只需要两个工具,一个是HTML编辑器,一个WEB浏览器。HTML编辑器是用于生成和保存THML文档的应用程序。WEB浏览器是用来打开WEB网页文件,提供给我们查看WEB资源的客户端程序。

二、HTML的强大功能

  • 出版在线的文档,其中包含了标题、文本、表格、列表以及照片等内容。
  • 通过超链接检索在线的信息。
  • 为获取远程服务而设计表单,可用于检索信息、定购产品等。
  • 在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用.

三、HTML的广泛应用

所有的万维网文件都是由超文本标志语言HTML所创建的。在这种语言中,可以使用各种标记对文件进行处理。这些标记决定了文件内容的外观、结构以及交互性等方面,他们的共同之处就是都使用"<>",例如段落标记

,图片标记等。
  在浏览器中,是看不到任何HTML标记的,但是在浏览器中所看到的网页效果却都是由这些标记生成的。在大多数情况下,在创建站点时并不需要对HTML标记进行掌握,因为在FrontPage 等这样的软件中,对于HTML的处理是在幕后进行的,因而就掩盖了该语言的复杂性。 如果需要查看网页的HTML标记,可以选择HTML模式。

现在的网页制作,大都采用一些专门的网页制作工具,如Dreamweaver、Frontpage,flash 等。这些工具都是所见即所得,非常地方便。但大家千万不要以为只懂这些工具就够了。在很多时候,我们都需要手动对HTML代码进行调整,才能达到更好、更专业的效果。
在了解了HTML的定义后,接下来我们便来学习此语言。

四、HTML基本概念

定义:

HTML 语言是一种超文本的标记语言,简单来讲就是构建一套标记符号和语法规则,将所要显示出来的文字、图象、声音等要素按照一定的标准要求排放,形成一定的标题、段落、列表等单元。

超文本标记:

  • 超文本标记用带尖括号“<”和“>”表示。
  • 超文本标记一般是成对出现,用带斜杠的元素表示结束。如:<html>和</html>。但有些标记只有起始标记而没有结束标记,如:<BR>,它在网页中表示引入一个换行动作,还有些标记可以省略,如:段落的结束标记</P>就可以省略。
  • 超文本标记忽略大小写,如:<HTML>和<html>是等效的,但其中实体内容的名称是要区分大小写,如"&NAME"和"&name"是表示不同的实体。
  • 一个标记元素可写在多行,参数位置不受限制。

HTML语言的单元 (元素)

整个网页页面的内容由特定内容形成的许多单元构成的,而每个单元又由三部分组成----起始标记、单元内容、结束标记。

  • 起始标记:起始标记由“<”和“>”来界定,单元名称和属性由起始标记给出;
  • 单元内容:中间的部分是单元的内容部分;
  • 结束标记:结束标记由“</”和“>”来界定,比起始标志多一斜杠;

例如:标题栏单元的标记形式
<TITLE>高考状元访谈--记一位农家孩子的成长经历</TITLE>
其中<TITLE>和</TITLE>是起始标记和结束标记,“高考状元访谈--记一位农家孩子的成长经历”是单元的基本内容。
总之,整个HTML文档都是由标记构成的,HTML文档的标记为编写该文档建立了固定的框架,我们只需要在这个框架中填充内容就行了。

posted @ 2018-06-13 20:55  云原生运维社区  阅读(494)  评论(0编辑  收藏  举报