“超”文本标记语言——HTML

文本，是指书面语言的表现形式。

百度百科

说白了，文本就是你能看得到的字，不论是纸上的还是屏幕上的，都是文本。文本就是用来记录信息一种形式。

那么，什么是“超文本”呢？

首先，超文本是一种文本。所以超文本再“超”，其功能也不过是用来记录信息而已。

而“超文本”之所以“超”，在于相比于普通文本，超文本有更便捷的内容组织形式。

举个栗子

当你在阅读英语文章时，遇到不认识的单词，你就会去查词典，而显然，这是因为英语文章的生词与字典之间有着某种“关联”，我们称“文章与字典形成了一个链接”，那么，这个“链接”连到哪里呢？我们是通过字典的索引找到的，一般来说，也就是字母顺序表。这时，英语文章、字典以及两者之间的链接，就形成了超文本。这种文本组织形式通过“链接”的形式，极大地扩充了文本的容量。但是在计算机之前，这种形式的文本组织形式并不能很大程度方便人们的信息记录与获取，单在计算机上，这一点得到了改善——为了获取到“链接”的目标，你不再需要按照字母顺序表的索引才能获得生词的意思，计算机通过一种“标记语言”，直接指向了链接的目标（你可以理解为词典中的页码），有了这种标记语言，你只要轻轻一点，就能获得链接的目标文本，而这种用“标记语言”修饰形成的链接，也就是“超链接”。

这里，我们就谈到了“标记语言”，顾名思义，这是一种标记，就像你在英语文章的生词旁边写下了这个单词在哪本字典的哪一页一样，这种“标记”，让“超文本”变得极其方便。

那么，我们接下来，就来看看，这种标记语言的神奇之处。

从开天辟地开始

标记语言，也就是用普通的文本来标记超文本，让普通文本不再普通。

为了与普通文本区分开来，当你开始使用超文本标记语言（HTML）的时候，你要使用一个符号，来告诉阅读者，接下来的文本含有标记语言。这个符号写作

<html>

这个符号是由一对尖括号与html的字符串组成的，这也是其他所有标签的雏形，所不同的只不过是见括号里的字符串不同罢了。

当所有的标记文本书写完毕，我们同样需要一个符号来说明一下，为了与开始的标签建立联系，这个标签写作：

</html>

没错，与开始的标签相比，只不过多了一个左斜杠而已。

基本上，我们之后要学习使用的标签都是如此，他们往往成对出现，在标签之间的是该对标签所修饰的内容，对于没有斜杠的标签，我们把它叫做开标签（或开始、起始标签），而对带斜杠的，我们称之为闭标签（闭合标签）或者结束标签。事实上，还有一些标签可以把开标签与闭标签写在一起，我们后面会提到

学习方法

学习HTML，对于新手来说，往往最难的是诸多的标签需要记忆，有的人会说，既然我们有诸如DW之类好用的网页设计软件，我们还需要把这些东西背下来吗？

其实，这是绝对错误的想法。

首先，标签是不需要背的，一些常用的标签，在你多写几个简单的网页后，就已经熟练了，而复杂还不常用的标签，你只需要知道有这个东西，实际用的时候，在参考手册中都能查得到。

其次，网页设计软件只是我们的辅助工具，虽然靠着DW，一些没学过HTML的人也能作出一些精美的网页，但是当继续往后学习，你的步伐就会被阻塞，那时，你还要回来记这些标签，更何况，真正使用的标签其实没有你想的那么多。

学习网页设计的时候，你可以去找一些简单的网站，然后查看他们的源码，读别人的代码，你可以获取新的思路，发现一些错误。然后，就是要勤加练习，多写两行代码，比你多看两分钟的教学视频可强多了。

HTML(1)简介的更多相关文章

  1. ASP.NET Core 1.1 简介

    ASP.NET Core 1.1 于2016年11月16日发布.这个版本包括许多伟大的新功能以及许多错误修复和一般的增强.这个版本包含了多个新的中间件组件.针对Windows的WebListener服 ...

  2. MVVM模式和在WPF中的实现（一）MVVM模式简介

    MVVM模式解析和在WPF中的实现(一) MVVM模式简介 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在 ...

  3. Cassandra简介

    在前面的一篇文章<图形数据库Neo4J简介>中,我们介绍了一种非常流行的图形数据库Neo4J的使用方法.而在本文中,我们将对另外一种类型的NoSQL数据库——Cassandra进行简单地介 ...

  4. REST简介

    一说到REST,我想大家的第一反应就是“啊,就是那种前后台通信方式.”但是在要求详细讲述它所提出的各个约束,以及如何开始搭建REST服务时,却很少有人能够清晰地说出它到底是什么,需要遵守什么样的准则. ...

  5. Microservice架构模式简介

    在2014年,Sam Newman,Martin Fowler在ThoughtWorks的一位同事,出版了一本新书<Building Microservices>.该书描述了如何按照Mic ...

  6. const,static,extern 简介

    const,static,extern 简介 一.const与宏的区别: const简介:之前常用的字符串常量,一般是抽成宏,但是苹果不推荐我们抽成宏,推荐我们使用const常量. 执行时刻:宏是预编 ...

  7. HTTPS简介

    一.简单总结 1.HTTPS概念总结 HTTPS 就是对HTTP进行了TLS或SSL加密. 应用层的HTTP协议通过传输层的TCP协议来传输,HTTPS 在 HTTP和 TCP中间加了一层TLS/SS ...

  8. 【Machine Learning】机器学习及其基础概念简介

    机器学习及其基础概念简介 作者:白宁超 2016年12月23日21:24:51 摘要:随着机器学习和深度学习的热潮,各种图书层出不穷.然而多数是基础理论知识介绍,缺乏实现的深入理解.本系列文章是作者结 ...

  9. Cesium简介以及离线部署运行

    Cesium简介 cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎,一款开源3DGIS的js库.cesium支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区 ...

  10. 1.Hibernate简介

    1.框架简介: 定义:基于java语言开发的一套ORM框架: 优点:a.方便开发;           b.大大减少代码量;           c.性能稍高(不能与数据库高手相比,较一般数据库使用者 ...

随机推荐

  1. Delphi XE10在 Android下调用静态库a文件

    Delphi Seatle can link Delphi project with Static library files(*.a): 1.at Delphi IDE, Add the " ...

  2. Oracle索引实现方式

  3. 个人对js闭包的心得见解

    谈起闭包很多人都会挠头.我以前也是,因此我查阅了很多资料,综合分析和理解,自认现在已经识得了闭包的真面目.下面我就从闭包的产生条件,闭包的作用,闭包的实质,闭包的本质,闭包产生的时机,闭包的应用 等几 ...

  4. table的td、th的一些样式问题（宽度，边框，滚动条）

    1. 给table加边框 table{ border-collapse: collapse; /*表格的边框合并为一个单一的边框*/ } table, table tr th, table tr td ...

  5. Angular 弹窗 控件

    这个控件个人很喜欢,比起primgNG等弹窗组建,这款弹窗可以很轻松的定义自己的样式和布局. 可控参数有:宽度,高度,是否带有关闭图标,基本满足基础弹窗需求. 并且 Title/Content/Foo ...

  6. 淘宝商品放大镜效果-JavaScript

    效果图 HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

  7. cannot find module 'xxx' 解决办法

    先将node_module文件夹删掉 工程目录下输入命令:npm clean cache 查看package.json里有没有依赖项,有的话npm install 没有就npm install exp ...

  8. 20155222 卢梓杰 myod

    20155222 卢梓杰 myod 复习c文件处理内容 编写myod.c 用myod XXX实现Linux下od -tx -tc XXX的功能 main与其他分开,制作静态库和动态库 编写Makefi ...

  9. 20155231 2016-2017-2 《Java程序设计》第3周学习总结

    20155231 2016-2017-2 <Java程序设计>第3周学习总结 教材学习内容总结 学习目标 区分基本类型与类类型 理解对象的生成与引用的关系 掌握String类和数组 理解封 ...

  10. # 20155236 2016-2017-2 《Java程序设计》第二周学习总结

    20155236 2016-2017-2 <Java程序设计>第二周学习总结 教材学习内容总结 对于类型.变量.运算符.流程控制等等的学习.在其中包含着基本的语法元素,还有基本的逻辑语句. ...