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属性

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

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

相关推荐
lbh7 小时前
当我开始像写代码一样和AI对话,一切都变了
前端·openai·ai编程
We་ct7 小时前
LeetCode 918. 环形子数组的最大和:两种解法详解
前端·数据结构·算法·leetcode·typescript·动态规划·取反
wefly20178 小时前
m3u8live.cn 在线M3U8播放器,免安装高效验流排错
前端·后端·python·音视频·前端开发工具
C澒9 小时前
微前端容器标准化 —— 公共能力篇:通用打印
前端·架构
德育处主任Pro9 小时前
前端元素转图片,dom-to-image-more入门教程
前端·javascript·vue.js
木斯佳9 小时前
前端八股文面经大全:小红书前端一二面OC(下)·(2026-03-17)·面经深度解析
前端·vue3·proxy·八股·响应式
陈天伟教授9 小时前
人工智能应用- 预测新冠病毒传染性:04. 中国:强力措施遏制疫情
前端·人工智能·安全·xss·csrf
zayzy10 小时前
前端八股总结
开发语言·前端·javascript
今天减肥吗10 小时前
前端面试题
开发语言·前端·javascript
Rabbit_QL10 小时前
【前端UI行话】前端 UI 术语速查表
前端·ui·状态模式