开发者社区> 异步社区> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
基于HTML5/CSS/JS响应式圣诞老人过悬崖小游戏
基于HTML5/CSS/JS响应式圣诞老人过悬崖小游戏
0 0
HTML+CSS(HTML5+CSS3)项目案例(公共部分common)-1
HTML+CSS(HTML5+CSS3)项目案例(公共部分common)
0 0
HTML+CSS(HTML5+CSS3)项目案例(公共部分common)-2
HTML+CSS(HTML5+CSS3)项目案例(公共部分common)
0 0
Python Html5和CSS3的新增功能:CSS权重与CSS3新增选择器
Python Html5和CSS3的新增功能:CSS权重与CSS3新增选择器
0 0
web前端学习(五)——HTML5中设置简单的CSS样式(选择器、内联样式、内部样式表及外部样式表)
web前端学习(五)——HTML5中设置简单的CSS样式(选择器、内联样式、内部样式表及外部样式表)
0 0
web前端学习(六)——HTML5中通过CSS设置超链接及鼠标形状
web前端学习(六)——HTML5中通过CSS设置超链接及鼠标形状
0 0
_HTML5期末大作业——HTML+CSS+JavaScript平遥古城旅游景点介绍(6页)
_HTML5期末大作业——HTML+CSS+JavaScript平遥古城旅游景点介绍(6页)
0 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
天猫 HTML5 互动技术实践
立即下载
《企业全面上云成功路径与实践》
立即下载
FLINK在大规模实时无效广告流量检测中的应用
立即下载