HTML5入门——网页设计其实并不难

什么是HTML

HTML是Hyper Text Markup Language(超级文本标记语言)的缩写,那么什么是超文本呢?问得好,超级文本是指一个页面可以包含图片、链接、甚至音频、视频、程序非文字元素。

HTML的发展

1995年11月 HTML2.0发布

1997年1月 HTML3.2发布

1997年12月 HTML4.0发布

1999年12月 HTML4.01发布

2014年10月 HTML5发布

HTML标签

首先,请看下图中一个简单的HTML例子:

HTML5入门——网页设计其实并不难

  • <!DOCTYPE html>指明此页面遵循的HTML5规范

  • <html></html>限定了页面的开始点与结束点,其中规定本页面的属性

比如 lang="en"指明本页面为英语页面。

  • <head></head>为头部标签,用于定义页面的头部,并且它是所有头部元素的容器。其中<meta charset="UTF-8">表示页面的编码是UTF-8。

  • <title></title>是头部标签的一个子元素,用于指定网页的标题

    比如<title>何如在人间</title>效果如下

HTML5入门——网页设计其实并不难

HTML5入门——网页设计其实并不难

  • <body></body>用来定义页面的主体

本文还将介绍的标签有:

  • <h#></h#>标题标签,#为阿拉伯数字1-6。它的效果如下图:

HTML5入门——网页设计其实并不难

HTML5入门——网页设计其实并不难

标题1-6字体依次变小

  • <p></p>段落标签,用于定义一个段落,效果如下:

HTML5入门——网页设计其实并不难

HTML5入门——网页设计其实并不难

段落标签有一个换行的效果。

  • <br>换行标签,用于换行,效果如下:

HTML5入门——网页设计其实并不难

HTML5入门——网页设计其实并不难

  • <u></u>下划线标签

  • <s></s>删除线标签

  • <sup></sup>上标标签

  • <sub></sub>下标标签

  • <b></b>加粗标签

  • <i></i>倾斜标签

上述这几个标签的效果如下图:

HTML5入门——网页设计其实并不难

HTML5入门——网页设计其实并不难

这篇文章到此处就结束了,感谢大家看我这边拙劣的文章,喜欢请关注我哟,本头条号以后会发表C++,Java,Android等方面的文章,希望你们能够喜欢,明天见。

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: