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

本节书摘来自异步社区《HTML5+CSS3网页设计入门必读》一书中的第1章,第1.6节,作者: 【美】Julie Meloni更多章节内容可以访问云栖社区“异步社区”公众号查看。

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内容。

上一篇:【REACT NATIVE 系列教程之二】创建自定义组件&&导入与使用示例


下一篇:Debian及树莓派改时间