“超”文本标记语言——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. nRF5 SDK for Mesh(一) 介绍和下载源码

    一: 官网介绍地址:http://www.nordicsemi.com/Products/Bluetooth-low-energy/nRF5-SDK-for-Mesh Nordic offers a ...

  2. 我的QT5学习之路（四）——信号槽

    一.前言 前面说了Qt最基本的实例创建.控件以及工具集的介绍,相当于对于Qt有了一个初次的认识,这次我们开始认识Qt信号通信的重点之一——信号槽. 二.信号槽 信号槽是 Qt 框架引以为豪的机制之一. ...

  3. stateless 无状态组件

    使用:

  4. PlanetLab介绍

    转自http://blog.sina.com.cn/s/blog_83517c050100vyzq.html PlanetLab产生背景 随着计算机技术和通信技术的不断发展,Internet的商业化和 ...

  5. 纸质文稿如何生成PDF

    步骤: (1) 将即将要转换的文稿单张向下放入打印机. (2) 将打印设备(打印机)连接至你的电脑. (3) 打开控制面板,点击"查看设备和打印机". (4) 找到你当前的打印设备 ...

  6. vue中的slot（插槽）

    vue中的插槽----slot 什么是插槽? 插槽(Slot)是Vue提出来的一个概念,正如名字一样,插槽用于决定将所携带的内容,插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性. ...

  7. vim8配置python3补全

    安装Python3 卸载编译安装的python3 rm -rf /usr/local/lib/python3.7/ rm -rf /usr/local/bin/2to3* rm -rf /usr/lo ...

  8. [译]C语言实现一个简易的Hash table(5)

    上一章中,我们使用了双重Hash的技术来处理碰撞,并用了C语言实现,贲张我们将实现Hash表中的插入.搜索和删除接口. 实现接口 我们的hash函数将会实现如下的接口: // hash_table.h ...

  9. s3c6410 RomCode文档读后总结

    最近无意中看到一篇关于s3c6410 RomCode的介绍,结合自己的经验,做个总结. 首先贴张图,具体描述下该芯片的启动方式及具体流程. 因为s3c6410的板子多数是从SD或者Nand方式启动,重 ...

  10. #define定义数据溢出的问题

    使用合泰单片机做一个小东西,使用 #define TIMER_COUNT (30*60*1000) 时,发现结果老是不对,后来想想,是不是数据溢出了,一查果然是这样.看来是stm32用多了,总以为#d ...