HTML知识点汇总

HTML（HyperText Markup Language）是超文本标记语言，是构建网页和网上应用的标准标记语言。

1. HTML文档结构：

   • <!DOCTYPE html>：文档类型声明，告诉浏览器这是一个HTML5文档。
   • <html>：根元素，包含网页的所有内容。
   • <head>：包含文档的元数据，如<title>、<style>、<script>、<link>等。
   • <title>：定义网页的标题，显示在浏览器的标签页上。
   • <body>：包含网页的可见内容。

2. 文本内容：

   • <p>：段落标签。
   • <h1>至<h6>：标题标签，<h1>是最高级别的标题。
   • <strong>：强调文本，加粗显示。
   • <em>：斜体强调。
   • <mark>：标记文本。
   • <pre>：预格式化的文本，保留空格和换行。
   • <blockquote>：块引用，通常用于引用文本。
   • <br>：换行标签。

3. 链接和导航：

   • <a>：定义超链接，href属性用于指定链接地址。
   • <link>：在<head>中定义外部资源，如CSS文件。

4. 图像和多媒体：

   • <img>：定义图像，src属性用于指定图像文件的路径。
   • <audio>和<video>：定义音频和视频内容。

5. 列表：

   • <ul>：无序列表，列表项使用<li>定义。
   • <ol>：有序列表，列表项使用<li>定义。

6. 表格：

   • <table>：定义表格。
   • <tr>：定义表格行。
   • <th>：定义表头单元格。
   • <td>：定义表格单元格。
   • <thead>、<tbody>、<tfoot>：定义表格的头部、主体和脚部。

7. 表单：

   • <form>：定义表单，用于收集用户输入。
   • <input>：定义输入字段，type属性定义输入类型（如text、password、radio等）。
   • <textarea>：定义多行文本输入控件。
   • <button>：定义按钮。

8. 语义化标签：

   • <header>、<footer>、<article>、<section>、<aside>、<nav>：HTML5引入的语义化标签，用于定义页面的不同部分。

9. CSS和JavaScript：

   • <style>：在<head>中定义内部CSS样式。
   • <script>：在<head>或<body>中定义JavaScript代码或链接外部JavaScript文件。

10. 响应式设计：

    • 使用媒体查询（Media Queries）在<style>标签或外部CSS文件中定义不同屏幕尺寸的样式。

11. HTML5新特性：

    • 新的语义化标签。
    • 新的表单控件和输入类型。
    • 绘图功能，如<canvas>。
    • 音频和视频API，如<audio>和<video>。

12. 可访问性：

    • 使用<alt>属性为图像提供替代文本。
    • 使用<label>标签关联表单控件和标签。

13. HTML属性：

    • class、id、style、title等常用属性用于指定样式类、唯一标识、行内样式和工具提示文本。

这些是HTML的一些基础知识点，掌握这些可以帮助你创建基本的网页结构和内容。随着技术的不断发展，HTML也在不断更新和扩展。