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也在不断更新和扩展。

相关推荐
李@十一₂⁰2 小时前
HTML 特殊字体符号
前端·html
小奶包他干奶奶4 小时前
Webpack学习——Loader(文件转换器)
前端·学习·webpack
zy happy4 小时前
若依 vue3 报错:找不到模块“@/api/xxxx/xxxxx”或其相应的类型声明。。Vue 3 can not find mod
前端·javascript·vue.js
潘小安4 小时前
Git Worktree + Claude Code:让你的开发效率翻倍的秘密武器
前端
meichaoWen5 小时前
【Vue3】vue3的全面学习(一)
前端·javascript·学习
小猪努力学前端5 小时前
在 React + React Router v7 SSR 项目里做多端适配,我踩的两个坑
前端·react.js
q***d1735 小时前
React桌面应用开发
前端·react.js·前端框架
8***29315 小时前
解决 Tomcat 跨域问题 - Tomcat 配置静态文件和 Java Web 服务(Spring MVC Springboot)同时允许跨域
java·前端·spring
0***145 小时前
React计算机视觉应用
前端·react.js·计算机视觉
Q***K555 小时前
React高级
前端·react.js·前端框架