HTML 基础
HTML（HyperText Markup Language）是一种用于创建网页的标记语言。它使用标签来描述网页的内容和结构，并使用 CSS（Cascading Style Sheets）和 JavaScript 来添加样式和交互性。
一、HTML 元素
HTML 元素是由标签、内容和结束标签组成的。标签用于定义元素，内容是元素中包含的文本或其他元素。例如，<h1>标签定义了一个一级标题，<p>标签定义了一个段落。
HTML 元素可以分为以下几类：
- 块级元素：这类元素会占据其父元素的整个宽度，并换行开始常见的块级元素有
<div>,<p>,<h1>到<h6>,<form>,<table>等。 - 内联元素：这类元素不会换行开始和结束，也不会占用父元素的整个宽度。常见的内联元素有
<span>,<a>,<img>,<button>等。
HTML 链接是通过标签来定义的。a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。
实例
这是一个链接
HTML 图像是通过标签来定义的。使用img元素来为你的网站添加图片，使用src 属性指向一个图片的具体地址。
举例如下：
<img src=https://www.wucuo.com/content/uploadfile/202311/4b1c1699885070.jpg alt="HTML 基础实例" rel="external nofollow" >请注意：img元素是自关闭元素，不需要结束标记。
HTML 强调
在人类语言中，为了突出一句话的意思，我们通常强调某些词，并且我们通常想要标记某些词作为重点或者表示某种程度上的不同。HTML 提供了许多语义化的元素，并且允许我们通过这些元素的意义标记正文内容，在这个章节中，我们将看到最常见的一小部分元素。
在 HTML 中我们可以使用em（emphasis）元素来标记这样的情况，浏览器默认风格为斜体：
<p>我 <em>很高兴</em>你不 <em>讨厌我</em>.</p>在 HTML 中我们还可以使用(strong importance)元素来标记这样的请况，浏览器默认风格为粗体：
实例
<p>这种液体是<strong>高毒性的</strong>.</p> <p>我就指望你<strong>不会</strong> 迟到!</p>- 表单元素：HTML 提供了一些表单元素，如
<input>,<textarea>,<select>,<option>等，用于收集用户输入的数据。
二、HTML 标签
HTML 标签由开始标签、内容和结束标签组成。开始标签通常包含一个属性集，用于定义元素的属性和值。例如，<img src="image.jpg"> 表示一个图像元素，其中 src 是属性，image.jpg 是
<head>: 包含文档的元数据，如标题、样式表和脚本。<title>: 定义文档的标题，显示在浏览器的标题栏或标签上。<body>: 包含文档的可见内容，如文本、图像、视频等。<h1>到<h6>: 定义六级标题。<h1>是最重要的标题，<h6>是最不重要的标题。<a>: 定义超链接。<img>: 插入图像。<ul>,<ol>,<li>: 定义无序列表和列表项。<table>,<tr>,<td>: 定义表格、表格行和表格单元格。
三、CSS 和 JavaScript
CSS（Cascading Style Sheets）用于控制网页的样式，如颜色、字体、布局等。它通常与 HTML 一起使用，通过在 HTML 中嵌入链接或外部链接来引用 CSS 文件。
JavaScript 是一种脚本语言，用于添加网页的交互性，如动态内容、动画、表单验证等。它通常通过在 HTML 中嵌入或链接到外部 JavaScript 文件来使用。
四、示例网页
下面是一个简单的 HTML 网页示例：
<!DOCTYPE html><html><head> <title>我的第一个网页</title> <link rel="stylesheet" type="text/css" href="styles.css"></head><body> <h1>欢迎来到我的网页</h1> <p>这是一个段落。</p> <img src="image.jpg" alt="我的图片"> <ul> <li>项目 1</li> <li>项目 2</li> <li>项目 3</li> </ul> <script src="script.js"></script></body></html>这个示例网页包含一个标题、一个段落、一张图像和一个无序列表。它使用了 CSS 来设置字体和背景颜色，并使用 JavaScript 来显示一个简单的动画效果。
评论区