“超”文本标记语言——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. 纯 js 实现上传文件支持拖拽

    开发「bufpay.com 个人即时到账收款平台」 后台需要支持开发者的微信和支付宝二维码上传. <p> <button class="btn btn-primary&qu ...

  2. VUE 采坑之旅-- Mint-ui 按需引入报出Module build failed: Error: Couldn't find preset "es2015" relative to directory "C:\\phpStudy\\PHPTutorial\\WWW\\text\\vuep\\vue-demo"

    首先按照mint-ui的文档中按需引入的要求,先执行 npm install babel-plugin-component -D 然后,将.babelrc文件替换了,但是后来我又将其改了(采坑过程我也 ...

  3. AttributeError: module 'tensorflow' has no attribute 'enable_eager_execution'

    Traceback (most recent call last): File "linear_regression_eager_api.py", line 15, in < ...

  4. S3 Zeta使用python和opencv

    一.为SDK的Buildroot打上下面的补丁 diff --git a/package/opencv/Config.in b/package/opencv/Config.in index c046b ...

  5. Rails中重写Active Record字段属性

    系统重构或升级时偶尔会碰到需要重写某个字段的情况,例如: 1. 读取user的name字段时,实际返回name_new字段 class User < ActiveRecord::Base def ...

  6. Python学习：18.Python异常处理

    一.为什么使用异常处理 当程序运行的时候出现了异常,导致程序终止运行,为了解决这种情况,我们需要预先对可能出现的异常进行处理,一旦出现这种异常,就使用另一种方式解决问题,还有就是错误信息是使用者没有必 ...

  7. 网站sql注入漏洞修复方案之metinfo 6.1.0系列

    近日,我们SINE安全对metinfo进行网站安全检测发现,metinfo米拓建站系统存在高危的sql注入漏洞,攻击者可以利用该漏洞对网站的代码进行sql注入攻击,伪造恶意的sql非法语句,对网站的数 ...

  8. 《nginx源代码解析》系列分享专栏

    <nginx源代码解析>系列分享专栏 解析nginx源代码,从main函数开始,一步步解读nginx运行原理,同时进行nginx第三方模块的开发,努力做到知其然,知其所以然 <ngi ...

  9. 在客户端模拟调用srv和topic

    rostopic pub -r 10 /toipic_name Tab+Tab rosservice call /service_name  Tab+Tab rostopic pub -r 10 /c ...

  10. Docker CPU Usage

    背景 当一台机器上跑有多个 Docker Container 的时候,我们需要知道,哪些容器占用了多少资源.采集这些指标,来让我们可以更加好的分配资源给每个 Container. 获取容器CPU使用率 ...