本节书摘来自异步社区《HTML5+CSS3网页设计入门必读》一书中的第1章，第1.6节,作者： 【美】Julie Meloni更多章节内容可以访问云栖社区“异步社区”公众号查看。
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内容。
相关资源：七夕情人节表白HTML源码(两款)