大超教你建网站:NO.4 初学HTML

大超

上篇讲了FTP服务器,如果你认真实践,应该已经掌握从自己电脑上传文件到你的网站空间了。那上传什么文件呢?先从静态的HTML文件开始吧。

HyperText Markup Language(超级文本标记语言)的缩写就是HTML,一般用.htm或者.html作为文件扩展名

2018111621155187.jpg

经常听到的H5是什么

H5顾名思义就是排行老五呗!看看HTML的发展历程就知道了:

  • HTML 1.0——在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准):

  • HTML 2.0——1995年11月发布,于2000年6月发布之后被宣布已经过时

  • HTML 3.2——1997年1月14日,W3C(万维网联盟)推荐的标准

  • HTML 4.0——1997年12月18日,W3C推荐标准

  • HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准

  • HTML 5——2014年10月29日,W3C泪流满面地宣布,经过几乎8年的艰辛努力,HTML5标准规范终于最终制定完成了,并已公开发布。

既然H5是最新的标准,就直接学H5吧,其实语法跟它的4哥差不太多,基本语法都一样。

HTML文件的基本结构

  • <!DOCTYPE html>在第一行,声明这是H5文件。

  • <html></html>成对出现,网页的所有内容都夹在它们中间。

  • <head></head>成对出现,网页的头部信息,下面的meta和title都要放在它们中间。

  • <meta>定义了HTML文档中的元数据(编码、关键词等数据)。

  • <title></title>成对出现,网页的标题,就是你打开一个网站时,浏览器最上面显示的网站名称。

  • <body></body>成对出现,从英文意思也能看出来就是网页的主体了。

下面开始实践吧。

做第一个HTML文件

在你的电脑桌面上点击鼠标右键,新建一个txt文本文档,在里面录入以下信息:

<!DOCTYPE html>
<html>
<head>
<title>我的第一个H5文件</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

保存后,关闭,然后把它重命名(包含.txt)为H5.html。双击打开它,恭喜你!你会做网页了。你把它上传到你的网站空间,然后用http://你的域名/H5.html就可以访问,还可以把它分享给你的朋友。

有问题可在下方评论留言,或关注“大超小志”微信公众号留言。

标签: 大超教你建网站 HTML

留言评论

如需留言或评论,请在微信中打开此页面。