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

相关推荐
张3蜂1 天前
Python 四大 Web 框架对比解析:FastAPI、Django、Flask 与 Tornado
前端·python·fastapi
南风知我意9571 天前
【前端面试5】手写Function原型方法
前端·面试·职场和发展
qq_12498707531 天前
基于Java Web的城市花园小区维修管理系统的设计与实现(源码+论文+部署+安装)
java·开发语言·前端·spring boot·spring·毕业设计·计算机毕业设计
小安驾到1 天前
【前端的坑】vxe-grid表格tooltip提示框不显示bug
前端·vue.js
去码头整点薯条981 天前
python第五次作业
linux·前端·python
沐墨染1 天前
Vue实战:自动化研判报告组件的设计与实现
前端·javascript·信息可视化·数据分析·自动化·vue
局外人LZ1 天前
Uniapp脚手架项目搭建,uniapp+vue3+uView pro+vite+pinia+sass
前端·uni-app·sass
爱上妖精的尾巴1 天前
8-5 WPS JS宏 match、search、replace、split支持正则表达式的字符串函数
开发语言·前端·javascript·wps·jsa
为什么不问问神奇的海螺呢丶1 天前
n9e categraf redis监控配置
前端·redis·bootstrap
云飞云共享云桌面1 天前
推荐一些适合10个SolidWorks设计共享算力的服务器硬件配置
运维·服务器·前端·数据库·人工智能