4 HTML初步

秒速五厘米 2021-09-20 07:02 206阅读 0赞

## **一，HTML简介** ##

**相信任何对前端有所了解的人都不会没有听说过HTML这个名字，那么HTML究竟是什么呢？其实HTML的全称为HyperText Markup Language，也就是超文本标记语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。**

**而HTML的发明者正是万维网之父提姆·博纳斯·李 Tim Berners-Lee 。**

--------------------

## **二，发展历程** ##

**1.HTML 的版本（W3C 组织制定规范）**

**HTML 4.01**

**XHTML**

**HTML 5**

**HTML 5.1**

**我们现在一般采用HTML 5版本**

**2.规范文档（Specifications）**

**HTML是有规范文档的并不是凭空相信的来书写代码，其规范由W3C根据浏览器的实际情况来编写（学习的最好方法就是熟读文档）一下是W3C的网址可做参考**

[https://www.w3.org/www.w3.org][https_www.w3.org_www.w3.org]

--------------------

## **三，HTML实例** ##

**Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：**

<!DOCTYPE html>                  
    <html>
    <head>
       <title>hi</title>
    </head>
    <body>
        <h1>这是一个html实例</h1>
        <p>好好学习呀呀呀</p>
    </body>
    </html>

*  **<html> 与 </html> 之间的文本描述网页**
 *  **<!DOCTYPE html> 用来选择文档的类型，告诉浏览器这是个HTML文档**
 *  **<head> 元素是所有头部元素的容器**
 *  **<title> 标签定义文档的标题**
 *  **<body> 与 </body> 之间的文本是可见的页面内容**
 *  **<h1> 与 </h1> 之间的文本被显示为标题(最大号的哦)**
 *  **<p> 与 </p> 之间的文本被显示为段落**

**这就是最基础的一个网页了，大家可以写出来用浏览器打开看一看效果。**

![v2-c4b1c1c720472b89f86848b5e0a487b7_hd.jpg][]

我们可以清楚的看到这些标签的显示效果

## **尤其记住在我们编写HTML的是一定要写<!DOCTYPE html>啊！！** ##

**现在你已经学会了最基础的HTMl标签用法，下一次让我们着重讲解一些标签的使用方法**

[https_www.w3.org_www.w3.org]: https://link.zhihu.com/?target=https%3A//www.w3.org/
[v2-c4b1c1c720472b89f86848b5e0a487b7_hd.jpg]: /images/20210812/4b01b45d07ae4be2b81e8299d261eab7.png