一. 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常用基础标签
- HTML标题
- HTML段落
- HTML链接
- HTML图像
- HTML文本格式化
还有非常多的HTML标签等着你去探索,灵活运用能使你的网页展现出独特的风格,让人耳目一新,以下有教程供你参考学习