前端的HTML使用
HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。它不是一种编程语言，而是一种标记语言，用于描述网页的结构和内容。通过HTML，开发者可以定义网页中的段落、标题、链接、图片、列表、表格、表单等元素，并控制它们的显示方式。
下面是一个简单的HTML文档示例：
html复制代码
|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>我的第一个HTML页面</title> |
|
</head> |
|
<body> |
|
<h1>欢迎来到我的网站</h1> |
|
<p>这是一个段落。</p> |
|
<img src="my-image.jpg" alt="我的图片"> |
|
<ul> |
|
<li>列表项 1</li> |
|
<li>列表项 2</li> |
|
<li>列表项 3</li> |
|
</ul> |
|
<a href="https://www.example.com">访问示例网站</a> |
|
</body> |
|
</html> |
在这个示例中：
<!DOCTYPE html> 声明文档类型和版本。
<html> 是HTML文档的根元素。
<head> 元素包含了文档的元数据，如字符集声明、视口设置、标题等。
<meta charset="UTF-8"> 定义了文档使用的字符编码。
<title> 定义了浏览器标签页上显示的标题。
<body> 元素包含了网页的所有内容，如标题、段落、图片、链接等。
<h1> 到 <h6> 定义了不同级别的标题。
<p> 定义了段落。
<img> 用于插入图片，src 属性指定图片的路径，alt 属性提供图片无法显示时的替代文本。
<ul> 和 <li> 分别定义了无序列表和其列表项。
<a> 定义了超链接，href 属性指定链接的目标地址。
HTML文档结构通常分为头部（head）和主体（body）两部分。头部包含了文档的元信息，如字符编码、样式表链接、脚本链接等；主体则包含了网页的可见内容。
值得注意的是，HTML只是定义了网页的结构和内容，要控制这些内容的样式（如颜色、字体、布局等），通常需要使用CSS（层叠样式表）。同时，要实现网页的交互功能（如表单验证、动态内容更新等），则需要使用JavaScript等脚本语言。
