HTML基础知识

原创已于 2024-11-05 10:18:54 修改

· 262 阅读

3 ·

版权

文章标签：

#html #前端

于 2024-10-28 08:48:13 首次发布

一、HTML概述

HTML（HyperText Markup Language）即超文本标记语言，它不是编程语言，而是一种标记语言。HTML使用标签（tag）来标记网页内容，这些标签由尖括号包围，如`<div>`、`<p>`等。HTML标签通常成对出现，例如`<div></div>`，这种称为双标签；也有一些单标签，如`<br>`用于换行。

二、HTML基本结构

一个基本的HTML文档结构包括以下几个部分：

<!DOCTYPE html>：声明文档类型，告诉浏览器这是HTML5文档。
<html>：HTML文档的根元素。
<head>：包含文档的元数据，如字符集、标题、样式表链接等。
<meta charset="UTF-8">：设置文档的字符集为UTF-8。
<title>：设置网页的标题。
<body>：包含网页的可见内容。

三、HTML基本标签

1. 标题标签：<h1>到<h6>，表示不同级别的标题，<h1>级别最高，字体最大。
2. 段落标签：<p>，用于定义段落。
3. 换行标签：<br>，用于强制换行。
4. 文本格式化标签：如<b>（或<strong>）、<i>（或<em>）、<s>（或<del>），分别用于加粗、斜体和删除线。
5. 图像标签：<img>，用于在网页中嵌入图像，src属性指定图像路径，alt属性提供图像无法加载时的替代文本。
6. 超链接标签：<a>，用于创建链接，href属性指定链接目标。
7. 表格标签：<table>、<tr>（表格行）、<th>（表头单元格）、<td>（表格数据单元格）等。
8. 列表标签：包括无序列表<ul>和<li>，有序列表<ol>和<li>，以及自定义列表<dl>、<dt>和<dd>。
9. 表单标签：<form>，用于用户输入，包含各种表单元素如<input>、<select>、<textarea>等。

四、HTML5新特性

HTML5引入了一些新特性，包括：

语义化标签：如<article>、<section>、<header>、<footer>等，使文档结构更清晰。

多媒体标签：如<audio>、<video>，用于嵌入音频和视频内容。
新增的input类型：如email、url、date等，提供更方便的输入验证。
新增的表单属性：如placeholder、required等，增强表单功能。

五、注意事项

在编写HTML时，应确保标签正确闭合，避免语法错误。
使用语义化标签可以提高网页的可读性和可维护性。
合理利用CSS和JavaScript来增强网页的样式和交互性。