HTML书写格式是怎样的？

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

一. 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标签等着你去探索，灵活运用能使你的网页展现出独特的风格，让人耳目一新，以下有教程供你参考学习