创建第一个HTML网页(未完待续)

要学会游泳,就必须下水。所以二话不说,我们直接开始制作一个HTML网页,并尝试在在这个网页中添加你所能想象到的所有内容。

构建网页的基本结构

网页的基本结构就像是一个三明治,由html标签夹着head和body标签。

<img src="http://upload-images.jianshu.io/upload_images/1498956-7517e65e5731e942.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/400">

首先,在记事本中输入一对html标签,用于亮明身份,告诉计算机这是个html文件。两个标签中间就是网页的全部内容。

<html>
...
</html>

然后,在html标签中间添加一对head标签,用于存放一些不需要显示出来的信息,主要是文档的各种属性和信息,包括网页作者、关键字、标题、引用等等,以后再细讲。

<html>
  <head>
  </head>
</html>

最后,在head标签之后添加一对body标签,用于存放需要显示出来的元素,例如图像、链接、段落、列表等元素,是网页的主体,所以用单词body来命名。

<html>
  <head>
  </head>
  <body>
  </body>
</html>

添加内容

在body标签中输入一些内容

<html>
  <head>
  </head>
  <body>
    This is my first page.
  </body>
</html>

保存、浏览

将文件保存为firstpage.html,注意后缀名应该为.html或.htm,关闭文件,再双击打开,就可以看到你所创建的第一个网页了。

Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,278评论 19 139
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 6,430评论 2 21
  • 这是全栈数据工程师养成攻略系列教程的第十九期:19 Web基础 网页的骨骼HTML。 写Web网页的基础三件套是H...
    宏伦工作室阅读 4,676评论 0 12
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,712评论 1 92
  • 星期六去接女儿回家的时候,女儿就跟我说,她花40分钟背的英语课文没有被老师认可,所以想节假日重新背诵,让我帮她录一...
    长青竹ing阅读 1,576评论 0 0

友情链接更多精彩内容