HTML基本讲解与使用

html的由来:

HTML（超文本标记语言）的发展可以追溯到20世纪80年代末和90年代初，这一时期是Web的早期发展阶段。以下是HTML的由来和发展历程。

1. 1989年： HTML的创始人是英国物理学家蒂姆·伯纳斯-李（Tim Berners-Lee），他是CERN（欧洲核子研究组织）的一名工程师。伯纳斯-李的目标是创建一种能够共享科研文档的系统，以促进科学研究合作。他提出了一种称为“超文本”的概念，用于链接文档和信息。
   
2. 1990年： 伯纳斯-李发布了第一个HTML规范，该规范描述了HTML的基本结构和标签。这是HTML的雏形，定义了标题、段落、列表和链接等基本元素。
   
3. 1993年： 伯纳斯-李发布了HTML的第一个正式规范，HTML+（HTML增强版），其中引入了图像和表格等新元素。
   
4. 1994年： 麻省理工学院（MIT）的马克·安德森（Marc Andreessen）发布了Mosaic，这是Web浏览器的早期版本，首次引入了图形用户界面（GUI），使Web变得更加用户友好。Mosaic的成功推动了Web的发展。
   
5. 1995年： Netscape通信公司发布了Netscape Navigator，这是首个流行的商业Web浏览器。Netscape Navigator引入了新的HTML标签和JavaScript脚本语言，推动了Web内容的丰富化。
   
6. 1996年： World Wide Web联盟（W3C）成立，由蒂姆·伯纳斯-李领导，旨在制定Web标准。W3C发布了HTML 3.2规范，它在标准化HTML方面起到了关键作用。
   
7. 1997年： W3C发布了HTML 4.0规范，引入了更多的样式控制和脚本支持。
   
8. 2000年： W3C发布了XHTML 1.0规范，它是HTML与XML（可扩展标记语言）的结合，强调更严格的标记规则。
   
9. 2014年： W3C发布了HTML5规范，它引入了许多新特性，如多媒体元素、表单控件、Canvas绘图等，以支持更富有交互性和多媒体的Web应用程序。
   
10. 至今： HTML5成为主流Web标准，支持现代Web开发的需求，并在不断发展和演进。W3C和其他组织继续努力改进HTML标准。
    

HTML的演进一直是Web发展的关键驱动力，它使Web从最初的文本文档演变成了一个多媒体、互动和复杂应用程序的平台。 HTML标准的不断更新和发展，以适应新技术和应用程序的需求，确保了Web继续成为全球信息共享和互动的主要平台。

什么是HTML:

HTML（Hypertext Markup Language）是一种标记语言，用于创建和呈现在Web浏览器中查看的网页。它是Web开发的基础，用于定义网页的结构和内容。HTML使用标签（也称为元素）来标识和格式化文本、图像、链接、表格和其他元素，以使其在浏览器中呈现为可视化的网页。

HTML的主要特点:

1. 超文本： HTML支持超文本，意味着您可以在文档中创建链接，使用户能够轻松导航到其他相关页面或资源。这些链接通常通过<a>标签实现。
   
2. 结构化：HTML文档由嵌套的HTML元素构成，这些元素按照层次结构组织，以定义页面的布局和内容。通常，HTML文档包括头部部分（<head>）和主体部分（<body>）。
   
3. 标签和属性： HTML元素由标签和属性组成。标签通常包括开始标签和结束标签，如<p>用于表示段落，</p>用于结束段落。属性为元素提供附加信息，如<img src="image.jpg">，其中src是图像的来源属性。
   
4. 文本和多媒体： HTML支持文本内容，如标题、段落和列表，以及多媒体元素，如图像、音频和视频。这些元素可以通过合适的标签来插入和呈现。
   
5. 表单： HTML允许创建交互式表单，用户可以在其中输入信息。表单元素包括文本框、单选按钮、复选框、下拉列表等，通常包装在<form>标签中。
   
6. 样式和布局： 虽然HTML定义了文档的结构，但它不直接处理页面的外观。样式和布局通常通过CSS（层叠样式表）来实现，通过CSS可以定义字体、颜色、间距等样式属性。
   
7. 互动和脚本： HTML支持JavaScript等脚本语言，使开发者能够为网页添加互动性和动态功能。脚本通常通过<script>标签嵌入到HTML文档中。
   

HTML是Web内容的骨架，它与CSS和JavaScript一起构建了现代Web应用程序和网站。开发者使用HTML来创建页面的结构和内容，使用CSS来定义样式和布局，使用JavaScript来增加互动性。这三种技术的组合使Web成为一个功能丰富和多样化的平台.

HTML文档结构:

<!DOCTYPE html>
<html>
  <head>
    <title>页面标题</title>
  </head>
  <body>
    <!-- 页面内容在这里 -->
  </body>
</html>

• <!DOCTYPE html>：声明文档类型，表示使用HTML5。
• <html>：HTML文档的根元素，包含整个文档。
• <head>：包含文档的元信息，如标题、字符集、外部样式表和脚本。
• <title>：定义网页的标题，显示在浏览器标签页上。
• <body>：包含网页的实际内容，如文本、图像和链接。

HTML元素:

HTML使用标签来定义元素，如<p>表示段落、<h1>表示标题等。每个标签通常有开始标签和结束标签，例如<p>内容</p>。还有一些自闭合标签，如<img>用于插入图像。

HTML元素属性：

HTML元素可以具有属性，这些属性提供有关元素的额外信息。例如，<a>元素通常具有href属性，用于定义链接的目标URL。

文本和格式化：

HTML可用于创建文本内容，如段落、标题、列表、表格和链接。还可以使用标签和属性来控制文本格式化，如加粗、斜体、换行等。

链接和图像：

使用<a>标签创建超链接，用于链接到其他页面。使用<img>标签插入图像，需要指定图像的源URL。

列表：

HTML支持有序列表（<ol>）、无序列表（<ul>）和定义列表（<dl>），用于组织和展示信息。

表格：

使用<table>标签创建表格，包括表头（<th>）、表行（<tr>）和表数据（<td>）等元素，以显示数据。

表单：

使用<form>标签创建表单，允许用户输入数据。表单元素如文本框、单选按钮、复选框和提交按钮等。

嵌套和结构：

HTML元素可以嵌套，形成文档的层次结构。正确的嵌套和缩进可以提高代码的可读性。

HTML注释：

使用<!-- 注释内容 -->来添加注释，注释不会在浏览器中显示，但对开发者有帮助。

样式和样式表：

可以使用CSS（层叠样式表）来为HTML元素添加样式和布局。

脚本：

可以使用JavaScript来添加交互性和动态功能，通常通过<script>标签嵌入到HTML文档中。

HTML是一个强大的工具，用于构建各种类型的网页，从简单的静态页面到复杂的Web应用程序。学习HTML是Web开发的基础，它可以与CSS和JavaScript一起使用，以创建交互性和吸引人的用户体验。通过编写和调试HTML代码，您可以创建自定义的Web内容并将其发布在互联网上。