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

相关推荐
我不吃饼干1 小时前
TypeScript 类型体操练习笔记(二)
前端·typescript
光影少年1 小时前
浏览器渲染原理?
前端·javascript·前端框架
小白探索世界欧耶!~2 小时前
Vue2项目引入sortablejs实现表格行拖曳排序
前端·javascript·vue.js·经验分享·elementui·html·echarts
GISer_Jing3 小时前
前端营销(AIGC II)
前端·react.js·aigc
NEXT064 小时前
深度解析 JWT:从 RFC 原理到 NestJS 实战与架构权衡
前端·typescript·nestjs
程序员林北北5 小时前
【前端进阶之旅】节流与防抖:前端性能优化的“安全带”与“稳定器”
前端·javascript·vue.js·react.js·typescript
寻星探路5 小时前
【前端基础】HTML + CSS + JavaScript 快速入门(三):JS 与 jQuery 实战
java·前端·javascript·css·c++·ai·html
未来之窗软件服务6 小时前
未来之窗昭和仙君(六十九)前端收银台行为异常检测—东方仙盟练气
前端·仙盟创梦ide·东方仙盟·昭和仙君
大叔编程奋斗记6 小时前
两个日期间的相隔年月计算
前端·salesforce
上海合宙LuatOS7 小时前
LuatOS核心库API——【io】 io操作(扩展)
java·服务器·前端·网络·单片机·嵌入式硬件·物联网