《Adobe Dreamweaver CS6中文版经典教程》——2.2 HTML起源于何处

简介:

本节书摘来自异步社区《Adobe Dreamweaver CS6中文版经典教程》一书中的第2 章,第2.2节,作者:【美】Adobe公司 更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.2 HTML起源于何处

HTML和第一种浏览器是由在瑞士日内瓦的CERN(Conseil Européen pour la Recherche Nucléaire,它是European Council for Nuclear Research(欧洲核物理研究委员会)的法语形式)粒子物理实验室工作的科学家Tim Berners-Lee于20世纪90年代早期发明的。他原本打算使用该技术通过当时刚刚问世的Internet共享技术论文和信息。他公开地共享他的HTML和浏览器发明,尝试使整个科学界及其他人采用它们,并使他们自身参与开发它们。他没有申请版权保护或者尝试出售他的发明创造的事实开启了Web上的开放性和友好关系的趋势,这一趋势今天仍在延续。

Berners-Lee在20多年前创建的语言比我们现在使用的语言的构造要简单得多,但是HTML仍然极其容易学习和掌握。在本书编写的时候,HTML的版本为4.01,该版本于1999年正式采用。HTML由大约90个标签(Tag)组成,比如html、head、body、h1和p等。这些元素用于封闭或标记文本和图形,以便使浏览器可以用指定的方式显示它们。由一个开始标签(< …>)和一个封闭标签(< /…>)组成的HTML标记被认为是平衡的。当两个匹配的标签以这种方式出现时,它们被称作“元素”。

一些元素用于创建页面结构,另外一些元素用于格式化文本,还有一些元素用于支持交互性和可编程性。即使Dreamweaver消除了为任何特定的网页或项目手动编写大部分代码的需要,对于任何成长中的Web设计师,阅读和解释HTML代码的能力仍然是一种建议具备的技能。并且有时候,手工编写代码是找到网页中的错误的唯一方法。

从图2.1中可以看到网页的基本结构。


b5587a4b4d1247ddffe4d0359ce71e71b9f289ce

正确结构化或平衡的HTML标记由一个开始标签和一个封闭标签组成,标签包含在角括号中。通过重复输入原始标签并在左括号后面输入一个斜杠(/)来创建封闭标签。可以用简写形式书写空标签(如水平标线),如图2.1所示。

你可能会对上述代码在浏览器中只是显示“Welcome to my first webpage”感到吃惊。代码的其余部分创建页面结构和文本格式。和冰山一样,实际网页的大部分内容是不可见的。

相关文章
|
1月前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
|
1月前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
|
2月前
|
移动开发 前端开发 JavaScript
HTML的起源!
HTML的起源!
|
Web App开发
Dreamweaver CS6破解教程[序列号+破解补丁
Adobe Dreamweaver CS6中文简体版下载地址:Dreamweaver CS6中文简体版下载[带破解] 该教程将不断更新,最新版请猛击:http://www.itxueyuan.org/view/6317.html 破解之前的准备 1) 序列号这里为大家生成了两个,可以通过软件验证:1325-0949-2080-9819-3777-32301325-0160-5283-9851-2671-89512) 破解补丁安装时会用到,请大家提前下载好(安装时需要断网)。
2103 0
|
SQL 移动开发 数据可视化
前端必知词汇:Dreamweaver CS6
Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页(通常是标准通用标记语言下的一个应用HTML),对于初级开发者,可以无需编写任何代码就能快速创建Web页面。
547 0
|
移动开发 HTML5
【简讯】Adobe成立HTML5研发中心!
近日,Adobe开发者联盟新开设了HTML5开发者中心。 该中心提供HTML5一站式服务,包括CSS3,使用最新的APIs,并与音频、视频以及更多协作。 原文出自:New ADC HTML5 Developer Center
690 0
|
Web App开发 数据采集 前端开发
《Learning Scrapy》(中文版)第2章 理解HTML和XPath
序言第1章 Scrapy介绍 第2章 理解HTML和XPath第3章 爬虫基础 第4章 从Scrapy到移动应用第5章 快速构建爬虫第6章 Scrapinghub部署第7章 配置和管理第8章 Scrapy编程第9章 使用Pipeline第10章 理解Scrapy的性能第11章(完) Scrapyd分布式抓取和实时分析 为了从网页提取信息,了解网页的结构是非常必要的。
1069 0