HTML 教程-优快云博客

本文链接：https://blog.youkuaiyun.com/csbysj2020/article/details/140678343

HTML 教程

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它描述了一个网站的结构骨架，使得浏览器能够展示具有特定格式的文本、链接、图片和其他内容。本教程将带你深入了解HTML的基础知识，包括其语法、常用标签以及如何构建一个基本的网页结构。

HTML 基础

什么是HTML？

HTML由一系列的元素组成，这些元素通过标签来定义，并且可以嵌套使用，以表示页面内容的不同部分和结构。例如，<p>标签用于定义段落，<img>标签用于插入图片，<a>标签用于创建链接等。

HTML文档结构

一个基本的HTML文档包含以下几个部分：

<!DOCTYPE html>：声明文档类型和HTML版本。
<html>：根元素，包裹所有其他HTML元素。
<head>：包含文档的元数据，如标题、字符编码声明、样式表链接等。
<title>：定义文档的标题，显示在浏览器标签上。
<body>：包含可见的页面内容，如文本、图片、视频等。

常用HTML标签

标题：<h1>到<h6>，用于定义不同级别的标题。
段落：<p>，用于定义文本段落。
链接：<a>，用于创建超链接。
图片：<img>，用于插入图片。
列表：<ul>（无序列表）、<ol>（有序列表）和<li>（列表项）。
表格：<table>、<tr>（表格行）、<td>（表格单元格）等。
表单：<form>、<input>、<button>等，用于创建交互式表单。

属性

HTML标签可以包含属性，提供更多关于元素的信息。例如，<a>标签的href属性用于指定链接的目标URL，<img>标签的src属性用于指定图片的URL。

注释

在HTML中，注释是通过来标记的，用于在代码中添加说明，但不会在浏览器中显示。

创建一个简单的HTML页面

下面是一个简单的HTML页面的例子：

<!DOCTYPE html>
<html>
<head>
    <title>我的第一个HTML页面</title>
</head>
<body>

<h1>欢迎来到我的网站</h1>
<p>这是一个段落。</p>
<a href="https://www.example.com">这是一个链接</a>
<img src="image.jpg" alt="描述图片内容">

</body>
</html>

这个例子展示了如何使用标题、段落、链接和图片标签来创建一个基本的网页结构。