《HTML5+CSS3网页设计入门必读》——1.6 创建一个示例文件

1.6 创建一个示例文件

HTML与CSS入门经典(第9版)
在开始前,让我们看看程序清单1.1。这个程序清单代表一份简单的Web内容,其中包含几行HTML代码,用于在两行上以大号、加粗字母打印“"Hello World! Welcome to My Web Server.”,并在浏览器窗口内居中显示它们。在继续学习本书后面的内容时,你将对这个文件内使用的HTML和CSS有更多的了解。

程序清单1.1 我们的示例HTML文件

<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
</head>
<body>
<h1 style="text-align: center">Hello World!<br/>Welcome to My Web
Server.</h1>
</body>
</html>

为了利用这些内容,可以打开所选的文本编辑器,比如“记事本”(在Windows上)或TextEdit(在Mac上)。不要使用“写字板”、Microsoft Word或者其他全功能的字处理软件,因为这些程序创建的文件类型不同于我们用于创建Web内容的纯文本文件。

输入在程序清单1.1中看到的内容,然后使用mple.html文件名保存文件。.html扩展名告诉Web服务器你的文件的确完完全全是HTML。当把文件内容发送给请求它的Web浏览器时,浏览器也会知道它是HTML,并将相应地呈现它。

既然你已经有了一个要使用的示例HTML文件——并且希望把它放到某个地方,比如Web托管账户,现在就让我们发布你的Web内容。

时间: 2024-09-15 20:08:46

《HTML5+CSS3网页设计入门必读》——1.6 创建一个示例文件的相关文章

《HTML5+CSS3网页设计入门必读》——导读

前言 当我和Mandy Brown.Jason Santa Maria成立A Book Apart时,我们十分希望对一个主题内容进行整理并成书出版,而且我们觉得,只有一个作者适合这项工作. 网页设计是基于标准的.虽然"real fonts"或CSS3也对网页设计产生了深远的影响,但HTML的影响是其他方面所无法比拟的.HTML是开发人员对W3C步调和政策不满的结果,它是为网页应用程序(而不仅仅是文件)而设计的,因此,虽然这个新版本的网络语言令网页设计界为之兴奋,但也导致了同等程度的愤怒

《HTML5+CSS3网页设计入门必读》——2.3 错误处理

2.3 错误处理 HTML5不仅声明了浏览器应该如何处理规范格式的标记,还首次规范了浏览器该如何处理格式不规范的文件. 浏览器厂商曾不得不独自研究如何处理错误.无论最流行的浏览器做出怎样的尝试,该过程通常都会涉及逆向工程,这会耗费浏览器厂商的时间.与其浪费时间模仿竞争对手处理有缺陷的标记,倒不如尝试实现新功能. 在HTML5中定义错误处理恐怕难以实现.虽然HTML5具有与HTML 4.01完全相同的元素和属性,并且完全没有添加新特性,但在2012年年底之前完成错误处理的定义仍然是徒劳的. 网页设

《HTML5+CSS3网页设计入门必读》——1.9 在不涉及Web服务器的情况下分发内容

1.9 在不涉及Web服务器的情况下分发内容 在线发布HTML和多媒体文件显然是学习HTML和创建Web内容的主要原因.不过,在另外一些情况下,其他的发布形式简直是不可行的.例如,你可能希望在商品展示会上分发CD-ROM.DVD-ROM或USB驱动器,其中带有设计为Web内容的市场营销材料--即可以通过Web浏览器查看的超链接的文本,但是不涉及Web服务器.你还可能希望在可移动媒体上包括基于HTML的指导手册,以便在培训研讨会上给学生演示它们.这些只是说明在不涉及Internet的发布场景中如何

《HTML5+CSS3网页设计入门必读》——1.8 了解在Web服务器上放置文件的位置

1.8 了解在Web服务器上放置文件的位置 维护Web内容的一个重要方面是确定将如何组织该内容--不仅便于用户查找,而且便于你维护服务器上的内容.把文件放在目录中有助于管理那些文件. 在Web服务器上命名和组织目录以及开发针对文件维护的规则完全取决于你自己.不过,在这个漫长的过程中,维护一个组织良好的服务器可以使其内容管理更高效. 1.8.1 基本的文件管理在你浏览Web时,可能注意到当你在Web站点中导航时URL会改变.例如,如果查看一家公司的Web站点,并且单击通往公司的产品或服务的图形导航

《HTML5+CSS3网页设计入门必读》——第2章 HTML5的设计2.1 设计原则

第2章 HTML5的设计 法国大革命是极端的政治和社会变革时期.这种革命热情也被倾注于对计时系统的改革中.在一段时期内,法兰西共和国引入了十进制计时制,即1天分为10小时,且1小时分为100分钟.该计时制的逻辑性和清晰性明显优于六十进制的计时制. 但十进制的计时制失败了.没有人使用这种计时制度.而XHTML 2的命运与之相似. W3C再次证明了法国大革命的教训:改变现有的行为习惯是非常非常困难的. 2.1 设计原则 为了避免过去所犯的错误,WHATWG起草了一系列设计原则以指导HTML5的开发.

《HTML5+CSS3网页设计入门必读》——6.4 使用Web字体

6.4 使用Web字体 在上一节中,看到我们十分确信所用的字体系列驻留在每个人的计算机上.也就是说,可以保证大多数计算机都会呈现Arial或Times New Roman,或者具有用于serif和sans-serif的所必需的默认字体,如果这是样式表所需要的话.但是,利用CSS3中包括的@font-face特性,甚至可以对在线放置的内容发挥更大的设计能力. 简而言之,@font-face特性允许在HTML5标记中定义要使用的字体,使得无论用户是否在他们的计算机上安装了那些字体(并且很有可能用户没

《HTML5+CSS3网页设计入门必读》——1.2 创建Web内容

1.2 创建Web内容 你可能注意到本书中使用的术语是"Web内容"(web content),而不是"Web页面"(web page),我们是有意这样做的.尽管我们谈论的是"访问Web页面",但是我们实际的意思是"查看我们计算机上的一个地址上的所有文本和图像".我们阅读的文本和查看的图像都是通过Web浏览器呈现的,在单独的文件中可以找到关于它们的某些指导. 这些文件可以包含被HTML代码标记(mark up)或包围的文本,告

《HTML5+CSS3网页设计入门必读》——2.6 语法:以自己的方式进行标记

2.6 语法:以自己的方式进行标记 一些编程语言,如Python,以其特殊的方式编写说明.使用空格来缩进代码是强制性的,空格很重要.而其他编程语言,如JavaScript,却不在格式方面作任何要求,每一行开头是否空格并不那么重要. 如果与一些程序员同处一室并说出"重要的空格"之类的话,那么就会导致一整晚不断升温的激烈辩论. 关于空格重要性的辩论核心存在一个基本的哲学问题:汇编语言应该保持特定的汇编风格,还是编写者可以按自己喜欢的风格编写? 标记并不需要空格.如果想要在每次嵌套元素时都添

《HTML5+CSS3网页设计入门必读》——2.2 切合现实

2.2 切合现实 持续的内部张力推动了HTML5的创立.一方面,规范需要足够强大,从而有能力支持创建网页应用程序,另一方面,虽然大多数现有内容都处于完全混乱的状态,但是HTML5仍需要支持已有的内容.如果 HTML5的规范在某一个方向上偏离得太远,那么它将重蹈XHTML 2的覆辙.但是,如果它在另一个相反的方向上偏离得太远,那么它就会认为标签和表单是万能的,因为这两者是大量网页建立的基础. 这是一种微妙的平衡,保持这种平衡需要务实且冷静的方法.