HTML书写格式是怎样的?

2020-12-15 16:35:09 浏览数 (3)

一. HTML介绍

        HTML(英语:Hyper Text Markup Language,简称:HTML )也叫作超文本标记语言,上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李(Tim Berners-Lee)发明,它最大的优点就是支持超链接跳转,可以前往其他的网页,从而形成了整个互联网。是一种使用结构化 Web 网页及其内容的标记语言,您可以使用 HTML 来建立自己的 WEB 站点。

        通过学习本教程,你可以学习到如何创建简单的HTML格式。HTML 是非常容易学习的!相信你可以很快学会它! 

二.文档结构解析

1.Doctype

文档类型声明(Document Type Declaration,也称 Doctype)。它主要告诉浏览器所查看的文件类型。 在以往的 HTML4.01 和 XHTML1.0 中, 它表示具体的 HTML 版本和风格。而如今 HTML5 不需要表示版本和风格了。

 <!DOCTYPE html> //不分区大小写

2.html 元素

首先,元素就是标签的意思,html 元素即 html 标签。html 元素是文档开始和结尾的元素。它是一个双标签,头尾呼应,包含内容。这个元素有一个属性和值:lang="zh-cn",表示文档采用语言为:简体中文。

<html lang="zh-cn"> //如果是英文则为 en

3.head 元素

用来包含元数据内容,元数据包括:<link>、<meta>、<noscript>、<script>、<style>、<title>。这些内容用来浏览器提供信息,比如 link 提供 CSS 信息,script提供 JavaScript 信息,title 提供页面标题等。

<head>...</head> //这些信息在页面不可见

4.meta 元素

这个元素用来提供关于文档的信息,起始结构有一个属性为:charset="utf8"。表示告诉浏览器页面采用的什么编码,一般来说我们就用 utf8。当然,文件保存的时候也是utf8,而浏览器也设置 utf8 即可正确显示中文。

<meta charset="utf-8"> //除了设置编码,还有别的

5.title 元素

这个元素很简单,顾名思义:设置浏览器左上角的标题。

<title>基本结构</title>

6.body 元素

用来包含文档内容的元素,也就是浏览器可见区域部分。所有的可见内容,都应该在这个元素内部进行添加。

<body>...</body>

简单网页的HTML格式

实例

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>网页标题</title>

</head>

<body>

  <p>Hello World</p>

</body>

</html>


尝试一下 »

三、HTML常用基础标签

  1. HTML标题
  2. HTML段落
  3. HTML链接
  4. HTML图像
  5. HTML文本格式化

还有非常多的HTML标签等着你去探索,灵活运用能使你的网页展现出独特的风格,让人耳目一新,以下有教程供你参考学习

0 人点赞