当前位置： 首页 > news >正文

HTML4笔记

news 2026/2/8 18:34:38

尚硅谷

一、前序知识

1.认识两位先驱

在这里插入图片描述

2.计算机基础知识

在这里插入图片描述

3.C/S架构与B/S架构

在这里插入图片描述

4.浏览器相关知识

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5.网页相关概念

在这里插入图片描述

二、HTML简介

1.什么是HTML?

在这里插入图片描述

2.相关国际组织(了解)

在这里插入图片描述

3.HTML发展历史(了解)**

在这里插入图片描述

三、准备工作

1.常用电脑设置

在这里插入图片描述

2.安装Chrome浏览器

在这里插入图片描述

四、HTML入门

1.HTML初体验

在这里插入图片描述

2.HTML标签

在这里插入图片描述
在这里插入图片描述

3.HTML标签属性

在这里插入图片描述
在这里插入图片描述

4.HTML基本结构**

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5.安装VSCode**

在这里插入图片描述

6.安装Live Server插件**

在这里插入图片描述

7.HTML注释

在这里插入图片描述

8.HTML文档声明**

在这里插入图片描述

9.HTML字符编码

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

10.HTML设置语言**

在这里插入图片描述

11.HTML标准结构

在这里插入图片描述

五、HTML基础

1.开发者文档

在这里插入图片描述

2.排版标签

在这里插入图片描述

3.语义化标签

在这里插入图片描述

4.块级元素与行内元素**

在这里插入图片描述

5.文本标签_常用的

在这里插入图片描述

6.文本标签_不常用的

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

7.图片标签

1.基本使用

在这里插入图片描述

2.路径的分类**

在这里插入图片描述
在这里插入图片描述

3.常见图片格式**

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
图片的格式非常多，上面这些，只是一些常见的、我们前端人员经常接触到的。

8.超链接

在这里插入图片描述

1.跳转到页面**

在这里插入图片描述

2.跳转到文件

在这里插入图片描述

3.跳转到锚点

在这里插入图片描述
在这里插入图片描述

4.唤起指定应用

在这里插入图片描述

9.列表

1.有序列表

在这里插入图片描述

2.无序列表

在这里插入图片描述

3.列表嵌套

在这里插入图片描述

4.自定义列表

在这里插入图片描述

10.表格

1.基本结构

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.常用属性

在这里插入图片描述
在这里插入图片描述

3.跨行跨列

在这里插入图片描述
在这里插入图片描述

11.常用标签补充

在这里插入图片描述

12.表单

概念：一个包含交互的区域，用于收集用户提供的数据。

1.基本结构

在这里插入图片描述
在这里插入图片描述

2.表单常用控件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.禁用表单控件

在这里插入图片描述

4.label标签

在这里插入图片描述

5.fieldset与legend的使用（了解）

在这里插入图片描述

相关文章：

HTML4笔记

尚硅谷 一、前序知识 1.认识两位先驱 2.计算机基础知识 3.C/S架构与B/S架构 4.浏览器相关知识 5.网页相关概念 二、HTML简介 1.什么是HTML? 2.相关国际组织(了解) 3.HTML发展历史(了解)** 三、准备工作 1.常用电脑设置 2.安装Chrome浏览器 四、HTML入门 1.HTML初体验 2.H…...

编程日记 2024/12/30 2:51:23

python报错ModuleNotFoundError: No module named ‘visdom‘

在用虚拟环境跑深度学习代码时，新建的环境一般会缺少一些库，而一般解决的方法就是直接conda install，但是我在conda install visdom之后，安装是没有任何报错的，conda list里面也有visdom的信息，但是再运行代…...

编程日记 2024/12/30 2:50:21

linux-21 目录管理(一）mkdir命令，创建空目录

对linux而言，对一个系统管理来讲，最关键的还是文件管理。那所以我们接下来就来看看如何实现文件管理。当然，在文件管理之前，我们说过，文件通常都放在目录下，对吧？所以先了解目录，可能…...

编程日记 2024/12/30 2:47:19

总结-常见缓存替换算法

缓存替换算法 1. 总结 1. 总结 常见的缓存替换算法除了FIFO、LRU和LFU还有下面几种： 算法优点缺点适用场景FIFO简单实现可能移除重要数据嵌入式系统，简单场景LRU局部性原理良好维护成本高，占用更多存储空间内存管理，浏览器缓存L…...

编程日记 2024/12/30 2:46:16

【Vue】如何在 Vue 3 中使用组合式 API 与 Vuex 进行状态管理的详细教程

如何在 Vue 3 中使用组合式 API 与 Vuex 进行状态管理的详细教程。 安装 Vuex 首先，在你的 Vue 3 项目中安装 Vuex。可以使用 npm 或 yarn： npm install vuexnext --save # or yarn add vuexnext创建 Store 在 Vue 3 中，你可以使用 creat…...

编程日记 2024/12/30 2:45:15

VSCode 插件开发实战（十五）：如何支持多语言

前言 在软件开发中，多语言支持（i18n）是一个非常重要的功能。无论是桌面应用、移动应用，还是浏览器插件，都需要考虑如何支持不同国家和地区的用户，软件应用的多语言支持（i18n）已经成…...

编程日记 2024/12/30 2:43:13

面试241228

面试可参考 1、cas的概念 2、AQS的概念 3、redis的数据结构 使用场景 不熟 4、redis list 扩容流程 5、dubbo 怎么进行服务注册和调用，6、dubbo 预热 7如何解决cos上传的安全问题kafka的高并发高吞吐的原因ES倒排索引的原理 spring的 bean的 二级缓存和三级缓存 spr…...

编程日记 2024/12/30 2:29:59

​Python数据序列化模块pickle使用

pickle 是 Python 的一个标准库模块，它实现了基本的对象序列化和反序列化。序列化是指将对象转换为字节流的过程，这样对象就可以被保存到文件中或通过网络传输。反序列化是指从字节流中恢复对象的过程。 以下是 pickle 模块的基本使用方法： …...

编程日记 2024/12/30 2:27:57

Spring Boot对访问密钥加解密——HMAC-SHA256

HMAC-SHA256 简介 HMAC-SHA256 是一种基于 哈希函数 的消息认证码（Message Authentication Code, MAC），它结合了哈希算法（如 SHA-256）和一个密钥，用于验证消息的完整性和真实性。 HMAC 是 “Hash-based M…...

编程日记 2024/12/30 2:25:56

HTML 元素：网页构建的基础

HTML 元素：网页构建的基础 HTML（HyperText Markup Language，超文本标记语言）是构建网页的基石。它定义了网页的结构和内容，而HTML元素则是构成HTML文档的基石。在本篇文章中，我们将深入探讨HTML元素的概念、类型、用法，以及如何在网页设计中有效地使用它们。 什么是HT…...

编程日记 2024/12/30 2:22:53

HEIC 是什么图片格式？如何把 iPhone 中的 HEIC 转为 JPG？

在 iPhone 拍摄照片时，默认的图片格式为 HEIC。虽然 HEIC 格式具有高压缩比、高画质等优点，但在某些设备或软件上可能存在兼容性问题。因此，将 HEIC 格式转换为更为通用的 JPG 格式就显得很有必要。本教程将介绍如何使用简鹿格式工厂&#xf…...

编程日记 2024/12/30 2:18:49

爆肝1个月：DDR4 的信号完整性（万字长文SI）

前言： 大学里面，总有很多课程，很浪费时间，学了没点用处，问过老师，为什么信号完整性，示波器使用等课程不开呢，这种是对工作真实有帮助的？ 老师：因为老师…...

编程日记 2024/12/30 2:17:48

前端js验证码插件

相关代码,在最上方的绑定资源...

编程日记 2024/12/30 2:11:41

关于easy-es对时间范围查询遇到的小bug

前言：在使用easy-es之前作为一个小白的我只有es原生查询的基础，在自己通过查看官方文档自学easy-es遇到了一个挫折，其他的还好语法和MybatisPlus差不多，正以为我觉得很快就能入手，在对时间范围的判断就给我当头一棒&am…...

编程日记 2024/12/30 2:07:37

Mask R-CNN

目录 摘要 Abstract Mask R-CNN 网络架构 Backbone RPN Proposal Layer ROIAlign bbox检测 Mask分割 损失计算 实验复现 总结 摘要 Mask R-CNN是在Faster R-CNN的基础上进行改进的目标检测和实例分割网络。Faster R-CNN主要用于目标检测，输出对象的边…...

编程日记 2024/12/30 1:58:28

大模型-Dify使用笔记

大模型-Dify使用笔记 0、调整docker镜像源1、安装1、Docker Compose方式部署 2、访问 Dify 0、调整docker镜像源 由于墙的存在，所以默认的docker镜像源很难拉取项目，需要调整相关的docker配置文件 vim /etc/docker/daemon.json添加如下docker镜像源 { …...

编程日记 2024/12/30 1:57:27

Suno Api V4模型无水印开发「综合实战开发自己的音乐网站」 —— 「Suno Api系列」第14篇

历史文章 Suno AI API接入 - 将AI音乐接入到自己的产品中，支持120并发任务 Suno Api V4模型无水印开发「灵感模式」 —— 「Suno Api系列」第1篇 Suno Api V4模型无水印开发「自定义模式」 —— 「Suno Api系列」第2篇 Suno Api V4模型无水印开发「AI生成歌词」…...

编程日记 2024/12/30 1:54:22

云原生架构中的中间件容器化：优劣势与实践探索

在云原生架构逐步推进的过程中，许多企业已经开始将应用和服务容器化，以充分利用云计算带来的弹性和自动化。随着容器技术的发展，容器化不仅仅限于应用层，越来越多的中间件也被考虑纳入容器化范畴，包括Redis、Kafka、Ra…...

编程日记 2024/12/30 1:52:20

如何测试模型推理性能：从零开始的Python指南

如何测试模型推理性能：从零开始的Python指南 什么是模型推理性能？测试模型推理性能的步骤1. 监测内存使用情况2. 测试模型吞吐量 运行测试总结 在机器学习和深度学习中，模型的推理性能是一个非常重要的指标。它可以帮助我们了解模型在实际应用…...

编程日记 2024/12/30 1:48:16

我们来学activiti -- bpmn

bpmn 题记bpmn结余 题记 在《Activiti很难学》提到学习知识点需要面对的思想钢印问题 按常见步骤，先展示下官方的客套话 BPMN（Business Process Model and Notation）是一种业务流程建模符号， 它是一种图形化的语言，用…...

编程日记 2024/12/30 1:47:14

FFmpeg 低延迟同屏方案

引言 在实时互动需求激增的当下，无论是在线教育中的师生同屏演示、远程办公的屏幕共享协作，还是游戏直播的画面实时传输，低延迟同屏已成为保障用户体验的核心指标。FFmpeg 作为一款功能强大的多媒体框架，凭借其灵活的编解码、数据…...

编程新知 2025/11/4 6:26:59

相机Camera日志实例分析之二：相机Camx【专业模式开启直方图拍照】单帧流程日志详解

【关注我，后续持续新增专题博文，谢谢！！！】 上一篇我们讲了： 这一篇我们开始讲： 目录 一、场景操作步骤 二、日志基础关键字分级如下 三、场景日志如下： 一、场景操作步骤 操作步…...

编程新知 2026/1/30 10:10:55

OkHttp 中实现断点续传 demo

在 OkHttp 中实现断点续传主要通过以下步骤完成，核心是利用 HTTP 协议的 Range 请求头指定下载范围： 实现原理 Range 请求头：向服务器请求文件的特定字节范围（如 Range: bytes1024-） 本地文件记录：保存已…...

编程新知 2025/12/12 0:56:22

浅谈不同二分算法的查找情况

二分算法原理比较简单，但是实际的算法模板却有很多，这一切都源于二分查找问题中的复杂情况和二分算法的边界处理，以下是博主对一些二分算法查找的情况分析。 需要说明的是，以下二分算法都是基于有序序列为升序有序的情况&#xf…...

编程新知 2025/9/14 7:37:32

全面解析各类VPN技术：GRE、IPsec、L2TP、SSL与MPLS VPN对比

目录 引言 VPN技术概述 GRE VPN 3.1 GRE封装结构 3.2 GRE的应用场景 GRE over IPsec 4.1 GRE over IPsec封装结构 4.2 为什么使用GRE over IPsec？ IPsec VPN 5.1 IPsec传输模式（Transport Mode） 5.2 IPsec隧道模式（Tunne…...

编程新知 2025/11/3 0:44:41

蓝桥杯3498 01串的熵

问题描述 对于一个长度为 23333333的 01 串, 如果其信息熵为 11625907.5798&#xff0c; 且 0 出现次数比 1 少, 那么这个 01 串中 0 出现了多少次? #include<iostream> #include<cmath> using namespace std;int n 23333333;int main() {//枚举 0 出现的次数//因…...

编程新知 2026/2/6 2:05:50

html css js网页制作成品——HTML+CSS榴莲商城网页设计（4页）附源码

目录 一、&#x1f468;‍&#x1f393;网站题目 二、✍️网站描述 三、&#x1f4da;网站介绍 四、&#x1f310;网站效果 五、&#x1fa93; 代码实现 &#x1f9f1;HTML 六、&#x1f947; 如何让学习不再盲目 七、&#x1f381;更多干货 一、&#x1f468;‍&#x1f…...

编程新知 2026/2/7 22:17:30

【JVM面试篇】高频八股汇总——类加载和类加载器

目录 1. 讲一下类加载过程&#xff1f; 2. Java创建对象的过程&#xff1f; 3. 对象的生命周期&#xff1f; 4. 类加载器有哪些&#xff1f; 5. 双亲委派模型的作用&#xff08;好处&#xff09;&#xff1f; 6. 讲一下类的加载和双亲委派原则&#xff1f; 7. 双亲委派模…...

编程新知 2026/1/31 11:18:29

华为OD机试-最短木板长度-二分法(A卷,100分)

此题是一个最大化最小值的典型例题&#xff0c; 因为搜索范围是有界的&#xff0c;上界最大木板长度补充的全部木料长度&#xff0c;下界最小木板长度&#xff1b; 即left0,right10^6; 我们可以设置一个候选值x(mid)&#xff0c;将木板的长度全部都补充到x&#xff0c;如果成功…...

编程新知 2026/2/4 17:42:50

MyBatis中关于缓存的理解

MyBatis缓存 MyBatis系统当中默认定义两级缓存&#xff1a;一级缓存、二级缓存 默认情况下&#xff0c;只有一级缓存开启&#xff08;sqlSession级别的缓存&#xff09;二级缓存需要手动开启配置&#xff0c;需要局域namespace级别的缓存 一级缓存&#xff08;本地缓存&#…...

编程新知 2026/2/6 6:02:51