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

HTML4笔记

尚硅谷

一、前序知识

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…...

python报错ModuleNotFoundError: No module named ‘visdom‘

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

linux-21 目录管理(一)mkdir命令,创建空目录

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

总结-常见缓存替换算法

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

【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…...

VSCode 插件开发实战(十五):如何支持多语言

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

面试241228

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

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

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

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

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

HTML 元素:网页构建的基础

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

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

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

爆肝1个月:DDR4 的信号完整性(万字长文SI)

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

前端js验证码插件

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

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

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

Mask R-CNN

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

大模型-Dify使用笔记

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

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生成歌词」…...

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

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

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

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

我们来学activiti -- bpmn

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

ofa_image-caption实际项目:为AR眼镜提供实时本地图像语义理解能力

ofa_image-caption实际项目:为AR眼镜提供实时本地图像语义理解能力 1. 项目背景与价值 想象一下,当你戴着AR眼镜走在街上,看到一家咖啡馆的招牌,眼镜立即为你生成这段英文描述:"A modern coffee shop with larg…...

【蛋糕层数组合数量】2024-8-4

缘由求解这一道c问题_编程语言-CSDN问答 很简单,最小数是1,最大数分别乘以比例即得一个数循环乘以比例直到1,那么,有几个数就有多少规律的结合就是数量。 荔枝分析:5可得3 2 1则5、53、52、51、532、531、521、5321。…...

多模态大模型入门:从CLIP到Qwen-VL,手把手教你搭建第一个视觉语言模型

多模态大模型实战:从CLIP到Qwen-VL的视觉语言探索之旅 当一张图片胜过千言万语时,多模态大模型正在重新定义人机交互的边界。想象一下,上传一张街景照片,AI不仅能识别出咖啡馆招牌上的文字,还能根据店内装修风格推荐适…...

163MusicLyrics全能工具:三步搞定音乐歌词高效解决方案

163MusicLyrics全能工具:三步搞定音乐歌词高效解决方案 【免费下载链接】163MusicLyrics Windows 云音乐歌词获取【网易云、QQ音乐】 项目地址: https://gitcode.com/GitHub_Trending/16/163MusicLyrics 163MusicLyrics是一款专注于音乐歌词获取与管理的开源…...

C++动态内存/内存管理

文章目录 前言 一、内存分区 二、C 语言动态内存(标准库函数) 1.核心函数 2.代码示例 3.关键注意点 三、C 动态内存(关键字 / 操作符) 1.核心用法 (1)单个对象 (2)数组对象…...

解锁RePKG的7个实战维度:从资源提取到合规创作的完整指南

解锁RePKG的7个实战维度:从资源提取到合规创作的完整指南 【免费下载链接】repkg Wallpaper engine PKG extractor/TEX to image converter 项目地址: https://gitcode.com/gh_mirrors/re/repkg 一、问题象限:资源处理的真实困境叙事 1.1 独立游…...

OpenClaw自动化测试:百川2-13B-4bits模型驱动UI操作与结果验证

OpenClaw自动化测试:百川2-13B-4bits模型驱动UI操作与结果验证 1. 为什么选择OpenClaw百川做自动化测试? 去年接手一个老项目重构时,我遇到了一个典型困境:前端页面有200多个交互点需要回归测试,但团队只有我一个开发…...

Zemax新手避坑指南:从零开始搞定一个F/4的单透镜设计(附完整操作截图)

Zemax光学设计实战:F/4单透镜从入门到精通的完整避坑手册 刚接触Zemax的光学设计新手,面对复杂的界面和繁多的参数设置,往往会感到无从下手。本文将以一个具体的F/4单透镜设计任务为例,手把手带你完成从零开始的设计流程&#xff…...

3个简单步骤,用SMUDebugTool彻底解决AMD Ryzen系统稳定性问题

3个简单步骤,用SMUDebugTool彻底解决AMD Ryzen系统稳定性问题 【免费下载链接】SMUDebugTool A dedicated tool to help write/read various parameters of Ryzen-based systems, such as manual overclock, SMU, PCI, CPUID, MSR and Power Table. 项目地址: htt…...

MATLAB 2018B语音信号降噪与盲源分离GUI系统,多维滤波技术展示与实时外放体验

2-6 基于matlab 2018B的语音信号降噪和盲源分离GUI界面,包括维纳滤波,小波降噪、高通、低通、带通滤波,及提出的滤波方法。 每个功能均展示降噪前后声音效果并外放出来。 程序已调通,可直接运行。直接双击运行main.m,耳…...