HTML5超详细知识点笔记1---基本结构知识点总结

原创 已于 2025-09-22 22:11:22 修改 · 714 阅读 · 18 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html5 #笔记 #前端

于 2025-09-22 17:30:59 首次发布

HTML基本结构知识点总结

文章目录

一、文档结构标签

1. <html>标签

​ 表示文件以HTML编写，成对出现（<html>…</html>）

2. <head>标签

  • 定义文件头部，包含文档元信息

  • 常用子标签：

    • <base>：设置基底URL

    • <title>：定义浏览器标题栏显示内容

    • <meta>：提供文档元信息

    • <style>：定义CSS样式

      <style type="text/css">
    CSS样式
</style>

    • <script>：包含JavaScript代码

      <script>
    JavaScript代码
</script>

    • <link>：链接外部资源

3. <title>标签

  • 嵌套在<head>中，定义网页标题

  • 语法：

    <title>标题内容</title>

4. <body>标签

  • 定义文档主体内容，支持多种视觉属性：

    • 文字颜色：text="颜色代码"

    • 背景色：bgcolor="颜色代码"

    • 背景图：background="图片路径"

      • 控制平铺：需配合CSS background-repeat:

        <head>
    ........
    <style type="text/css">
        body{
            background-repeat:no-repeat/repeat-x/repeat-y;
            background-attachment:fixed;
            <!--固定背景,等同于bgproperties-->
        }
    </style>
</head>

      • 固定背景：bgproperties="fixed"

    • 链接颜色控制：

      • link：默认链接色
      • alink：点击时链接色
      • vlink：已访问链接色

    • 边距设置：

      • topmargin="像素值"：上边距
      • leftmargin="像素值"：左边距

二、元信息标签<meta>

1. 搜索引擎优化类

  • 关键字设置：

    <meta name="keywords" content="关键词1,关键词2">

  • 页面描述：

    <meta name="description" content="描述文本">

  • 限制搜索方式：

    <meta name="robots" content="index|noindex|follow|nofollow">

2. 文档信息声明类

  • 编辑器标识：

    <meta name="generator" content="软件名">

  • 作者信息：

    <meta name="author" content="作者名">

  • 版权声明：

    <meta name="copyright" content="``版权信息``">

  • 建站日期：

    <meta name="build" content="日期">

  • 联系人邮箱：

    <meta name="reply-to" content="邮箱">

3. HTTP标头控制类

  • 字符集设置：

    <meta charset="UTF-8">   <!--HTML5简写-->
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  <!--传统写法-->

  • 网页跳转：

    <meta http-equiv="refresh" content="秒数;url=目标地址">

  • 页面过期时间：

    <meta http-equiv="expires" content="GMT时间">

  • 禁用缓存：

    <meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">

  • 独立窗口打开：

    <meta http-equiv="windows-target" content="_top">

三、基底标签 <base>

  • 设置基底URL：

    <base href="http://example.com/" target="_blank">

  • target属性值：

    • _blank：新窗口打开
    • _self：当前窗口打开（默认）
    • _parent：父框架打开
    • _top：整个窗口打开

四、链接标签<link>

<link rel="关系类型" href="资源URL" [其他属性]>

  • 重要属性说明

    • rel：定义当前文档与链接资源的关系（必需）

    • href：指定资源的 URL（必需）

    • type：指定资源的 MIME 类型（如 text/css、image/svg+xml）

    • media：指定样式表适用的设备（如 screen、print、(max-width: 768px)）

五、注释标签

  • 语法：<!-- 注释内容 -->
  • 不显示在页面，用于代码说明
Python基础知识点总结
Python全栈系列
08-25 8万+
本文包括python基本知识：简单数据结构，数据结构类型（可变：列表，字典，集合，不可变：数值类型，字符串，元组），分支循环和控制流程，类和函数，文件处理和异常等等。
计算机网络复习（自顶向下）知识点总结（一天一夜超8000字，详细知识点总结，带重点标注目录）
代码之狐的博客
01-05 2万+
快要期末考试了，先把知识点总结一波！！！ 希望有收获的同学给博主点个关注，祝大家期末必胜
JavaWeb知识点总结 我的学习笔记
qq_60972641的博客
10-28 3227
运行在服务器端的小程序Servlet就是一个接口，定义了java类被浏览器访问到（tomcat识别到）的规则。Servlet就javaweb三大组件之一，三大组件分别是Servlet程序Filter过滤器Listener监听器Servlet是在服务器端运行的Java程序，可以接收客户端请求并做出响应Servlet可以动态生成HTML内容对客户端进行响应Servlet与JSP都可以动态生成HTML内容ServletContext 是应用上下文对象。
HTML常用知识点总结笔记
果冻
07-01 1万+
目录 前言 一、HTML简介 1.什么是HTML? 2.HTML 标签 (1)HTML标签 (2)head标签 (3)body标签 3.HTML 元素 二、基础知识 (一)、段落标签 (二)、网页特殊符号 (三)、自闭合标签 (四)、图片标签 (五)、相对路径和绝对路径 (六)、超链接标签（重点） (七)、列表标签 HTML3种列表 (1)、有序列表 (2)、无序列表 (3)、自定义列表 (八)、表格标签 (...
计算机系统结构-考试知识点总结
meiaoxue1234的博客
02-08 4851
第一章 概论 从使用语言的角度，一台由软、硬件组成的通用计算机系统可以被看成是按功能划分的多层机器级组成的层次结构。 层次结构由高到低依次为应用语言机器级、高级语言机器级、汇编语言机器级、操作系统机器级、传统机器语言机器级和微程序机器级。 从计算机的层次结构角度来看，系统结构是对计算机系统中各级界面的定义及其上下功能的分配。 计算机系统结构也称计算机系统的体系结构，它只是系统结构中的一部分，指的是传统机器语言机器级的系统结构。其界面之上包括操作系统级、汇编语言级、高级语言级和应用语言级中所有软件的功
【自学笔记】Web3基础知识点总览-持续更新
2301_78806917的博客
03-21 1415
提示：这里对文章进行总结：例如：以上就是今天要讲的内容，自学记录Web3基础知识点总览。
数据结构C语言严蔚敏版(第二版)超详细笔记附带课后习题
热门推荐
chongyang_的博客
11-07 31万+
根据此书所做随笔笔记。 一、绪论 1.1、数据机构的研究内容 用计算机解决实际问题时，步骤：首先分析实际问题，从中抽象出一个适当的数学模型，然后设计一个解决此数学模型的算法，最后编程，调试，测试。 寻求数据模型的实质是分析问题，从中提取出计算机处理的对象，并找出这些对象之间的关系，然后用数学的语言加以描述。 关键：分析问题中所用到的数据是如何组织的，研究数据之间存在什么样的关系。 由于数据必须在计算机中处理，因此不能局限于数据本身的数学问题的研究，还必须考虑数据的物理结构，即数据在计算机中的存储结构。 1.
软考 - 软件设计师 - 完整知识点笔记 - 按考频整理
weixin_44934104的博客
06-21 6738
说明： 此笔记是在使用软考真题APP过程中做的，按照考点频率高 到 低的排列，考点后的数字为真题数量。 我是用来查缺补漏用的，知识点并不完整，如果需要完整的笔记，请移步到我的其他笔记：完整笔记地址专业英语（110）业务用例，业务对象：在采用面向对象方法进行业务建模时，业务用例和参与者一起描述（组织或企业所支持的业务过程） 而业务对象模型描述( 业务结构以及结构元素如何完成业务用例)。面向对象分析阶段：认定对象，组织对象，对象间的相互作用，基于对象的操作。 面向对象设计阶段：识别类及对象、定义属性、定义服务、
java工程师-面试知识点总结
草木皆灰
02-22 7549
目录 [x] 一、Java基础(语言、集合框架、OOP、设计模式等) [x] 二、Java高级(JavaEE、框架、服务器、工具等) [x] 三、多线程和并发 [x] 四、Java虚拟机 [x] 五、数据库(Sql、MySQL、Redis等) [x] 六、算法与数据结构 [x] 七、计算机网络 [x] 八、操作系统(OS基础、Linux等) [x] 九、其他（包含xx和xx的区别等） ...
黑马点评项目全部功能实现及详细笔记--Redis练手项目
SeeYouAgain的博客
01-26 8万+
黑马点评项目实战篇全部业务实现以及部分代码逻辑分析与记录
Mybatis笔记知识点总结
08-04
在分层规范方面，持久层接口命名遵循XxxMapper规范，清晰划分数据访问层级，让代码结构更规整。 通过以上核心流程和步骤的拆解与代码说明，我们可以高效实现查询所有用户数据的需求。这也是MyBatis基础且典型的应用...
work-summary：工作几年的一些知识点总结，笔记
02-20
标题为"work-summary：工作几年的一些知识点总结，笔记"的压缩包文件，很显然，它包含了一位IT专业人士在多年工作中整理出的重要技术和理论精华。这份笔记可能涵盖了从基础概念到高级应用的广泛领域，旨在帮助读者...
基于Echarts+HTML5可视化数据大屏展示-物流大数据展示
qq_36595761的博客
11-24 853
本文介绍了一个物流大数据可视化展示系统的前端实现。系统采用HTML+CSS+JavaScript技术栈，使用jQuery库实现页面交互功能，包含三个主要区域：左侧展示基本信息、包裹量排名和商品分类占比；中间区域显示数量统计、地图可视化及月统计数据；右侧区域呈现商品销售排行。系统采用响应式设计，通过JavaScript动态调整字体大小以适应不同屏幕尺寸，并实现了文字滚动效果。整体布局清晰，通过可视化图表直观展示物流相关数据指标，为数据分析提供直观的交互界面。
大模型核心笔记
weixin_63182000的博客
11-24 467
本文系统介绍了大语言模型（LLM）的核心概念与技术要点。首先明确LLM定义（超大规模参数模型）及四大特征：参数规模、数据需求、计算需求和泛化能力。从发展历程看，LLM经历了从统计模型到神经网络、预训练模型直至当前大规模生成式模型的演进。重点解析了LLM三大架构（Encoder/Decoder-Only及混合型）及其适用场景。在训练环节，详细说明了数据准备、预训练、微调的全流程及关键数据集。评估体系涵盖人工/自动方法及PPL、BLEU等核心指标。部署部分以VLLM为例，提供从环境配置到性能测试的完整指南。最后
内网渗透笔记-Day5
m0_66921984的博客
11-24 637
内网渗透笔记、组、全局组、域本地组、A-G-DL-P策略
隐语——数据要素流通技术MOOC三期 课程笔记——数据组件安全可行流通新模式课堂笔记
明月朗，潇水寒
11-23 846
本文介绍了数据组件作为标准化数据初级产品的核心概念与应用。主讲人胡承盛阐述了数据组件的三种形态（主态、模态、组合态）及其在金融、医疗等领域的应用案例。课程重点解析了数据组件的四大特性（安全、价值、品质、政策定位）、双层封装体系以及其在解决数据确权难题中的突破性作用。详细展示了数据组件从设计生产到流通使用的全流程，包括5阶段15步骤40工序的生产工艺。目前已在德阳、郑州等多个城市试点落地，实现交易额破亿。展望未来，数据组件将与隐私计算等技术深度融合，成为促进数据要素流通和数字经济发展的关键基础设施。
2025最新 SpringCloud 教程，Nacos-总结，笔记19
最新发布
Rockandrollman的博客
11-25 106
2025最新 SpringCloud 教程，Nacos-总结，笔记19
学习笔记——基础hash思想及其简单C++实现
2502_91790308的博客
11-23 848
哈希表是一种查找时间复杂度为O(1)的高效数据结构，通过哈希函数将数据映射到固定位置实现快速查询。本文介绍了哈希表的核心概念，包括哈希函数（重点讲解除留余数法）、负载因子和哈希冲突。针对冲突问题，详细阐述了开放定址法（含线性探测、二次探测）和链地址法两种解决方案。文章还通过计数排序示例说明哈希思想，并探讨了实现中的关键问题，如扩容策略、处理非整数类型键值的方法等。哈希表性能优异但需合理设计，否则可能退化为O(n)复杂度。
2025最新 SpringCloud 教程，Nacos 注册中心-服务注册，笔记06
Rockandrollman的博客
11-24 342
2025最新 SpringCloud 教程，Nacos 注册中心-服务注册，笔记06
Web前端项目开发知识点总结（1-17章）
综上所述，“web项目各章知识点总结1-17”不仅是一份全面的技术笔记汇编，更是贯穿整个Web前端开发学习路径的知识地图。它系统整合了从网页结构搭建、样式设计、交互实现到数据通信、工程化部署的全流程要点，适合...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值