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

相关推荐
Csvn41 分钟前
并发模式:让渲染学会排队、插队和让路
前端
可乐鸡翅yeah_1 小时前
新手梳理:M3U8 线上问题,哪些是前端锅,哪些是后端锅
前端·ios·音视频·实时音视频·m3u8·音视频在线播放
Flynt1 小时前
Linear 用 1000 个 PR 换掉 styled-components,我写了 200 个按钮,把这笔账复现了一遍
前端·css·preact
JavaGuide2 小时前
NVIDIA 又开源了!这次给 AI Agent 加上权限管控
前端·后端
excel2 小时前
prisma 如何处理数据库竞态
前端·数据库·后端
莪_幻尘3 小时前
Skill 体检:30 个 Skill 全凭感觉?体检器先自曝了 8 个“假 0 分
前端·人工智能·llm
风骏时光牛马3 小时前
AI模型综合能力评测:性能、指令遵循与多场景实测对比
前端
Frag0ut4 小时前
Chrome与Chromium内核浏览器在Windows 11上的新特性全景解析
前端·chrome·windows·web安全·chromium·gemini ai·playready drm
hiahiahia1234 小时前
实现完整 Tool Dispatcher
开发语言·前端
IT_陈寒4 小时前
Java线程池这破玩意,差点让我周末加班排查到凌晨
前端·人工智能·后端