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

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中可以看到网页的基本结构。

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

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

时间: 2024-11-01 19:43:42

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

《Adobe Dreamweaver CS6中文版经典教程》——导读

前言 Adobe Dreamweaver CS6是行业领先的Web内容制作程序.无论你是为了生活还是为了自己的事业而创建网站,Dreamweaver都提供了你所需的所有工具,帮助你达到专业水平. 关于经典教程 本书是在Adobe产品专家的支持下开发的图形和出版软件的官方培训系列教材中的一种. 精心合理的课程设计,可使你按自己的进度来学习.如果你是Dreamweaver的初学者,那么你将会学到使用这款软件的基础知识.如果你是经验丰富的用户,那么你将会发现经典教程讲解了许多高级特性,包括使用Drea

《Adobe Dreamweaver CS6中文版经典教程》——1.4 选择工作区布局

1.4 选择工作区布局 自定义软件环境的快捷方式是使用Dreamweaver中预建的工作区之一.这些工作区已经被专家进行了优化,以使你所需的工具唾手可得. Dreamweaver CS6包括11种预建的工作区.要访问这些工作区,可以从位于"应用程序"栏中的"工作区"菜单中选择它们,如图1.16所示. Dreamweaver的长期用户可能选择"经典"工作区.它以适于在Dreamweaver以前的版本中查看和使用的方式显示面板和工具栏,如图1.17所

《Adobe Dreamweaver CS6中文版经典教程》——2.3 编写你自己的HTML代码

2.3 编写你自己的HTML代码 编写代码的思想听起来可能很困难,但是创建网页实际上要比你所想的容易得多.在下面几个练习中,你将通过创建一个基本的网页以及添加并格式化一些简单的文本内容,来学习HTML的工作方式. 注意: 你可以自由地在练习中使用任意文本编辑器,但是一定要将文件保存为纯文本文件. 1.启动"记事本"(Windows)或TextEdit(Mac). 2.在空白文档窗口中输入以下代码: <html> <body> Welcome to my firs

《Adobe Dreamweaver CS6中文版经典教程》——第2课 HTML基础2.1 什么是HTML

第2课 HTML基础 课程概述在这一课中,你将熟悉HTML,并将学习如何执行以下任务: 手工编写HTML代码: 了解HTML语法: 插入代码元素: 格式化文本: 添加HTML结构: 利用Dreamweaver创建HTML.完成本课程大约需要45分钟的时间.本课程没有支持文件. HTML 是Web 的支柱,也是Web 页面的骨架.像你身体里的骨骼一样,它是Internet 的结构组织和实质内容.但是除了Web 设计师之外,其他人通常看不到它.如果没有它,Web 将不会存在.Dreamweaver

《Adobe Dreamweaver CS6中文版经典教程》——1.3 处理面板

1.3 处理面板 尽管可以从菜单访问大多数命令,但Dreamweaver还是把它的大量功能散布在用户可选择的面板和工具栏中.你可以在屏幕四周随意显示.隐藏.排列和停靠面板(见图1.6).如果你愿意,甚至可以把它们移到第二个或第三个视频显示界面上. "窗口"菜单列出了所有可用的面板.如果你在屏幕上没有看到特定的面板,可以从"窗口"菜单中选择它.菜单中出现的勾号指示面板是打开的.偶尔,一个面板可能在屏幕上位于另一个面板后面,并且难以定位.在这些情况下,只需在"

《Adobe Dreamweaver CS6中文版经典教程》——1.7 创建自定义的快捷键

1.7 创建自定义的快捷键 Dreamweaver的另一个强大特性是创建你自己的快捷键以及更改现有的快捷键的功能.快捷键是独立于自定义的工作区加载和保存的. 如果你必须通过快捷键使用某个命令,而该命令又没有快捷键,就可以自己创建它.试试下面的操作. 1.选择"编辑">"快捷键"命令,打开"快捷键"对话框,如图1.22所示. 2. 单击"复制副本"按钮,创建一组新的快捷键.3. 在"复制副本名称"框中输

《Adobe Dreamweaver CS6中文版经典教程》——1.2 切换和拆分视图

1.2 切换和拆分视图 Dreamweaver分别为编码员和设计人员提供了专用的环境,还提供了一个把这两者混合在一起的复合选项. 1.2.1 "设计"视图"设计"视图在Dreamweaver工作区中着重显示其所见即所得的编辑器,它非常接近(但并非完美)地描绘了Web页面在浏览器中的样子.要激活"设计"视图,可以单击"文档"工具栏中的"设计"按钮,如图1.2所示. 1.2.2 "代码"视图

《Adobe Dreamweaver CS6中文版经典教程》——1.6 个性化首选参数

1.6 个性化首选参数 在你继续使用Dreamweaver时,你将为每种活动设计你自己最佳的面板和工具栏的工作区.你可以在你自己命名的自定义的工作区中存储这些配置. 要保存自定义的工作区,可以从"应用程序"栏上的"工作区"菜单中选择"新建工作区",如图1.21所示.

《Adobe Dreamweaver CS6中文版经典教程》——2.4 常用的HTML4代码

2.4 常用的HTML4代码 HTML代码元素服务于特定的目的.标签可以创建结构,应用格式化效果,标识合乎逻辑的内容,或者生成交互性.创建独立结构的标签称为块(block)元素:在另一个标签的主体内执行其工作的标签称为内联(inline)元素.**2.4.1 HTML标签**表2.1显示了一些最常用的HTML标签.为了最大限度地利用Dreamweaver和你的网页,了解这些元素的本质以及如何使用它们是有帮助的.记住,一些标签可以服务于多个目的. 2.4.2 HTML字符实体实体为每个字母和字符而