HTML最强入门学习笔记+GitHub小项目源码
HTML学习笔记
GitHub项目链接:
点我跳转GitHub
本博客采用markdown编写，上面这个链接跳转就是采用了html的<a></a>的代码设计的跳转提示~
1.创建文件可以使用 ! 在VSCode中进行快速补全从而生成一整个HTML结构
HTML组成
<!DOCTYPE = html><html><head><!-- 头文件中的内容 --></head><body><!-- 主体中的内容 --></body>
</html>
2.使用!DOCTYPE = html代码来告诉浏览器该文件是一个HTML5文件
DOCTYPE 是英文"document type"的缩写，译为"文件类型"
3.使用<title>标题内容</titile>来表示一个页面标题
<>内容</> 右边括号中的
/表示结束，夹在两个括号中的字为标题的内容
4.使用<h1>文章标题</h>来表示一个一号文章标题，通过h后面的数字来控制标题的级别，h是***headtitle***的缩写，译为大字标题
这是h1
这是h2
这是h3
这是h4
这是h5
这是h6
5.使用<p>段落内容</p>来表示一个段落
6.使用<a href="" target="" ></a>来进行链接的跳转
a是"anchor"的缩写, 英文的意思是锚点
其中href为需要跳转的链接
target为跳转的表现形式，引号中的内容为具体参数
target='_blank'表示新建标签页跳转
7.在6.的语法中，可以使用href="#"来表示一个空的链接，高亮、可点击，但不会跳转
8.图片显示方法
<img src="" alt=""width=""height=""
/>
其中
src中的参数为图片的文件名(同一路径)
alt=""中的内容是对图片信息的描述，如果图片无法正常显示会返回引号中的描述，并且可以帮助盲人阅读图片
width表示图片宽度像素尺寸
height表示图片高度的像素尺寸
9.使用<b>加粗文字</b>和<strong>加粗文字</strong>都可以达到加粗文字的效果
其中
<strong></strong>是新版本HTML的写法
10.使用<i>斜体文字</i>和<em>斜体文字</em>都可以达到倾斜字体的效果
同样的，
<em></em>也是新版本HTML的写法
11. <!-- 注释的内容 --> 来表示一段注释
相关文章：
HTML最强入门学习笔记+GitHub小项目源码
HTML学习笔记 GitHub项目链接: 点我跳转GitHub 本博客采用markdown编写，上面这个链接跳转就是采用了html的<a></a>的代码设计的跳转提示~ 1.创建文件可以使用 ! 在VSCode中进行快速补全从而生成一整个HTML结构 HTML组成 <!DOCTYPE html><htm…...
《Spring Security 简易速速上手小册》第4章 授权与角色管理（2024 最新版）
文章目录 4.1 理解授权4.1.1 基础知识详解授权的核心授权策略方法级安全动态权限检查 4.1.2 主要案例：基于角色的页面访问控制案例 Demo 4.1.3 拓展案例 1：自定义投票策略案例 Demo测试自定义投票策略 4.1.4 拓展案例 2：使用方法级安全进行细…...
【java类的使用，及注意事项】
Java类的使用是通过创建对象来调用类的方法和访问类的属性。首先，要在Java中创建一个类，需要使用关键字class，然后给类一个名称，并在代码块中定义类的属性和方法。 例如，下面是一个简单的Java类的示例： p…...
[JSOI2008] 最大数 题解 线段树
[JSOI2008] 最大数 传送门 题目描述 现在请求你维护一个数列，要求提供以下两种操作： 查询操作。 语法：Q L 功能：查询当前数列中末尾 L L L 个数中的最大的数，并输出这个数的值。 限制： L L L 不超过…...
python爬虫之app爬取-charles的使用
专栏系列：http://t.csdnimg.cn/WfCSx 前言 前面介绍的都是爬取 Web 网页的内容。随着移动互联网的发展，越来越多的企业并没有提供 Web 网页端的服务，而是直接开发了 App，更多更全的信息都是通过 App 来展示的。那么针对 App 我们可以爬取吗？当然可以。 App 的爬取相比 …...
神经网络结构——CNN、RNN、LSTM、Transformer ！！
文章目录 前言 一、什么是CNN 网络结构 解决问题 工作原理 实际应用 二、什么是RNN 网络结构 解决问题 工作原理 应用场景 三、什么是LSTM 网络结构 解决问题 工作原理 应用场景 四、什么是Transformer 网络结构 解决问题 工作原理 BERT GPT 前言 本文将从什么是CNN࿱…...
mysql 事务的隔离级别
一、事务的隔离级别要解决的问题： 1）脏读：读到了其它事务未提交的数据即脏读，未提交意味着数据有可能会被回滚，也就是最终有可能不会存储到数据库中，即读到了最终不一定存在存在的数据，即为脏读…...
Unity3D 阴影的计算原理详解
前言 阴影是游戏中的重要特效之一，可以增加游戏的真实感和立体感。在Unity3D中，阴影的计算原理主要包括阴影的产生、投影和渲染。 对惹，这里有一个游戏开发交流小组，希望大家可以点击进来一起交流一下开发经验呀！ 首…...
【物联网应用案例】从0到N，智慧农业的数据价值
智慧农业全方位渗透到农业的每一个环节，云端解决方案更推动了研究人员、农艺师及农民间的密切协作，为研发企业提供了既经济又具扩展性的完美方案。 据IDC预计，到2036年，农场收集的数据量将增加800%以上，这凸显了农业数…...
文生视频基础1：sora技术报告学习
sora技术报告学习 背景学后理解训练流程技术拆解编码解码扩散模型训练用数据 28号直播交流会后的一些想法自身的一点点想法 参考 原文地址：Video generation models as world simulators 背景 此项目的背景是基于Datawhale的关于sora技术文档的拆解和相关技术讲解…...
Linux第68步_旧字符设备驱动的一般模板
file_operations结构体中的函数就是我们要实现的具体操作函数。 注意： register_chrdev()和 unregister_chrdev()这两个函数是老版本驱动使用的。现在新字符设备驱动已经不再使用这两个函数，而是使用Linux内核推荐的新字符设备驱动API函数。 1、创建C…...
23种设计模式——工厂方法模式
定义： 一个用于创建对象的接口，让子类决定实例化哪一个类。工厂方法使一个类的实例化延迟到其他子类。 工厂方法通用类图： 这个图更好理解 在工厂方法模式中，抽象产品类Product负责定义产品的共性，实现对事物最抽象的…...
水豚鼠标助手 强大的鼠标美化工具
水豚鼠标助手 水豚鼠标助手是一款 鼠标换肤、屏幕画笔、放大镜、聚光灯、屏幕放大、倒计时功能的强大屏幕演示工具。 软件助手获取 水豚鼠标助手1.0.0 安装教程 第一步：下载后，双击软件安装包 第二步：Windows可能会出现提示弹窗ÿ…...
ArrayList集合源码分析
ArrayList集合源码分析 文章目录 ArrayList集合源码分析一、字段分析二、构造方法分析三、方法分析四、总结 内容如有错误或者其他需要注意的知识点，欢迎指正或者探讨补充，共同进步。 一、字段分析 //默认初始化容量。这里和Vector一样，只是…...
循环队列与循环双端队列
文章目录 前言循环队列循环双端队列 前言 1、学习循环队列和循环双端队列能加深我们对队列的理解，提高我们的编程能力。 2、本文循环队列使用的是数组，循环双端队列用的是双向链表 3、题目连接：设计循环队列 ，设计循环双端队列。 …...
https【详解】与http的区别，对称加密，非对称加密，证书，解析流程图
http 和 https 的区别 http 是明文传输，敏感信息容易在传输过程中被劫持https http加密，劫持了也无法解密 https 用到的加密方式 https 同时使用了对称加密和非对称加密，之所以没有全部使用非对称加密，是因为非对称加密的运算更加…...
（C语言）qsort函数模拟实现
前言 我们需先了解qsort函数 qsort函数详解：http://t.csdnimg.cn/rTNv9 qsort函数可以排序多种数据类型，很是神奇，这是为什么，我们在里模拟实现这样的功能 目录 1. qsort函数模拟实现 2. 我们使用bubble_sort函数排序整形数…...
WordPress建站入门教程：如何在本地电脑搭建WordPress网站？
前面跟大家分享了『WordPress建站入门教程：如何安装本地WordPress网站运行环境？』，接下来boke112百科就继续跟大家分享本地电脑如何搭建WordPress网站。 小皮面板（phpstudy）的“软件管理 – 网站程序”虽然可以一键部…...
Vue3教程
1.1 配置环境 vue官网： Vue.js - The Progressive JavaScript Framework | Vue.js 终端 Linux和Mac上可以用自带的终端。 Windows上推荐用powershell或者cmd。Git Bash有些指令不兼容。 安装Nodejs 安装地址： Node.js 安装vue/cli 打开Git Bash&#x…...
Linux系统Docker部署RStudio Server
文章目录 前言1. 安装RStudio Server2. 本地访问3. Linux 安装cpolar4. 配置RStudio server公网访问地址5. 公网远程访问RStudio6. 固定RStudio公网地址 前言 RStudio Server 使你能够在 Linux 服务器上运行你所熟悉和喜爱的 RStudio IDE，并通过 Web 浏览器进行访问…...
浅谈 React Hooks
React Hooks 是 React 16.8 引入的一组 API，用于在函数组件中使用 state 和其他 React 特性（例如生命周期方法、context 等）。Hooks 通过简洁的函数接口，解决了状态与 UI 的高度解耦，通过函数式编程范式实现更灵活 Rea…...
《Playwright：微软的自动化测试工具详解》
Playwright 简介:声明内容来自网络，将内容拼接整理出来的文档 Playwright 是微软开发的自动化测试工具，支持 Chrome、Firefox、Safari 等主流浏览器，提供多语言 API（Python、JavaScript、Java、.NET）。它的特点包括&a…...
MODBUS TCP转CANopen 技术赋能高效协同作业
在现代工业自动化领域，MODBUS TCP和CANopen两种通讯协议因其稳定性和高效性被广泛应用于各种设备和系统中。而随着科技的不断进步，这两种通讯协议也正在被逐步融合，形成了一种新型的通讯方式——开疆智能MODBUS TCP转CANopen网关KJ-TCPC-CANP…...
Psychopy音频的使用
Psychopy音频的使用 本文主要解决以下问题： 指定音频引擎与设备；播放音频文件 本文所使用的环境： Python3.10 numpy2.2.6 psychopy2025.1.1 psychtoolbox3.0.19.14 一、音频配置 Psychopy文档链接为Sound - for audio playback — Psy…...
vue3 定时器-定义全局方法 vue+ts
1.创建ts文件 路径：src/utils/timer.ts 完整代码： import { onUnmounted } from vuetype TimerCallback (...args: any[]) > voidexport function useGlobalTimer() {const timers: Map<number, NodeJS.Timeout> new Map()// 创建定时器con…...
Device Mapper 机制
Device Mapper 机制详解 Device Mapper（简称 DM）是 Linux 内核中的一套通用块设备映射框架，为 LVM、加密磁盘、RAID 等提供底层支持。本文将详细介绍 Device Mapper 的原理、实现、内核配置、常用工具、操作测试流程，并配以详细的…...
Fabric V2.5 通用溯源系统——增加图片上传与下载功能
fabric-trace项目在发布一年后，部署量已突破1000次，为支持更多场景，现新增支持图片信息上链，本文对图片上传、下载功能代码进行梳理，包含智能合约、后端、前端部分。 一、智能合约修改 为了增加图片信息上链溯源，需要对底层数据结构进行修改，在此对智能合约中的农产品数…...
[ACTF2020 新生赛]Include 1(php://filter伪协议)
题目 做法 启动靶机，点进去 点进去 查看URL，有 ?fileflag.php说明存在文件包含，原理是php://filter 协议 当它与包含函数结合时，php://filter流会被当作php文件执行。 用php://filter加编码，能让PHP把文件内容…...
tomcat指定使用的jdk版本
说明 有时候需要对tomcat配置指定的jdk版本号，此时，我们可以通过以下方式进行配置 设置方式 找到tomcat的bin目录中的setclasspath.bat。如果是linux系统则是setclasspath.sh set JAVA_HOMEC:\Program Files\Java\jdk8 set JRE_HOMEC:\Program Files…...
OCR MLLM Evaluation
为什么需要评测体系？——背景与矛盾 能干的事： 看清楚发票、身份证上的字（准确率>90%），速度飞快（眨眼间完成）。干不了的事： 碰到复杂表格（合并单元…...