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

HTML最强入门学习笔记+GitHub小项目源码

news 2026/5/23 21:54:13

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编写&#xff0c;上面这个链接跳转就是采用了html的<a></a>的代码设计的跳转提示~ 1.创建文件可以使用 ! 在VSCode中进行快速补全从而生成一整个HTML结构 HTML组成 <!DOCTYPE html><htm…...

编程日记 2024/3/4 17:32:49

《Spring Security 简易速速上手小册》第4章 授权与角色管理（2024 最新版）

文章目录 4.1 理解授权4.1.1 基础知识详解授权的核心授权策略方法级安全动态权限检查 4.1.2 主要案例&#xff1a;基于角色的页面访问控制案例 Demo 4.1.3 拓展案例 1&#xff1a;自定义投票策略案例 Demo测试自定义投票策略 4.1.4 拓展案例 2&#xff1a;使用方法级安全进行细…...

编程日记 2024/3/4 17:30:47

【java类的使用，及注意事项】

Java类的使用是通过创建对象来调用类的方法和访问类的属性。首先&#xff0c;要在Java中创建一个类&#xff0c;需要使用关键字class&#xff0c;然后给类一个名称&#xff0c;并在代码块中定义类的属性和方法。 例如&#xff0c;下面是一个简单的Java类的示例&#xff1a; p…...

编程日记 2024/3/4 17:29:46

[JSOI2008] 最大数 题解 线段树

[JSOI2008] 最大数 传送门 题目描述 现在请求你维护一个数列&#xff0c;要求提供以下两种操作&#xff1a; 查询操作。 语法&#xff1a;Q L 功能&#xff1a;查询当前数列中末尾 L L L 个数中的最大的数&#xff0c;并输出这个数的值。 限制&#xff1a; L L L 不超过…...

编程日记 2024/3/4 17:28:45

python爬虫之app爬取-charles的使用

专栏系列：http://t.csdnimg.cn/WfCSx 前言 前面介绍的都是爬取 Web 网页的内容。随着移动互联网的发展，越来越多的企业并没有提供 Web 网页端的服务，而是直接开发了 App，更多更全的信息都是通过 App 来展示的。那么针对 App 我们可以爬取吗？当然可以。 App 的爬取相比 …...

编程日记 2024/3/4 17:27:44

神经网络结构——CNN、RNN、LSTM、Transformer ！！

文章目录 前言 一、什么是CNN 网络结构 解决问题 工作原理 实际应用 二、什么是RNN 网络结构 解决问题 工作原理 应用场景 三、什么是LSTM 网络结构 解决问题 工作原理 应用场景 四、什么是Transformer 网络结构 解决问题 工作原理 BERT GPT 前言 本文将从什么是CNN&#xff1…...

编程日记 2024/3/4 17:24:40

mysql 事务的隔离级别

一、事务的隔离级别要解决的问题&#xff1a; 1&#xff09;脏读&#xff1a;读到了其它事务未提交的数据即脏读&#xff0c;未提交意味着数据有可能会被回滚&#xff0c;也就是最终有可能不会存储到数据库中&#xff0c;即读到了最终不一定存在存在的数据&#xff0c;即为脏读…...

编程日记 2024/3/4 17:21:37

Unity3D 阴影的计算原理详解

前言 阴影是游戏中的重要特效之一&#xff0c;可以增加游戏的真实感和立体感。在Unity3D中&#xff0c;阴影的计算原理主要包括阴影的产生、投影和渲染。 对惹&#xff0c;这里有一个游戏开发交流小组&#xff0c;希望大家可以点击进来一起交流一下开发经验呀&#xff01; 首…...

编程日记 2024/3/4 17:18:34

【物联网应用案例】从0到N，智慧农业的数据价值

智慧农业全方位渗透到农业的每一个环节&#xff0c;云端解决方案更推动了研究人员、农艺师及农民间的密切协作&#xff0c;为研发企业提供了既经济又具扩展性的完美方案。 据IDC预计&#xff0c;到2036年&#xff0c;农场收集的数据量将增加800%以上&#xff0c;这凸显了农业数…...

编程日记 2024/3/4 17:15:31

文生视频基础1：sora技术报告学习

sora技术报告学习 背景学后理解训练流程技术拆解编码解码扩散模型训练用数据 28号直播交流会后的一些想法自身的一点点想法 参考 原文地址&#xff1a;Video generation models as world simulators 背景 此项目的背景是基于Datawhale的关于sora技术文档的拆解和相关技术讲解…...

编程日记 2024/3/4 17:14:29

Linux第68步_旧字符设备驱动的一般模板

file_operations结构体中的函数就是我们要实现的具体操作函数。 注意&#xff1a; register_chrdev()和 unregister_chrdev()这两个函数是老版本驱动使用的。现在新字符设备驱动已经不再使用这两个函数&#xff0c;而是使用Linux内核推荐的新字符设备驱动API函数。 1、创建C…...

编程日记 2024/3/4 17:09:23

23种设计模式——工厂方法模式

定义&#xff1a; 一个用于创建对象的接口&#xff0c;让子类决定实例化哪一个类。工厂方法使一个类的实例化延迟到其他子类。 工厂方法通用类图&#xff1a; 这个图更好理解 在工厂方法模式中&#xff0c;抽象产品类Product负责定义产品的共性&#xff0c;实现对事物最抽象的…...

编程日记 2024/3/4 17:07:20

水豚鼠标助手 强大的鼠标美化工具

水豚鼠标助手 水豚鼠标助手是一款 鼠标换肤、屏幕画笔、放大镜、聚光灯、屏幕放大、倒计时功能的强大屏幕演示工具。 软件助手获取 水豚鼠标助手1.0.0 安装教程 第一步&#xff1a;下载后&#xff0c;双击软件安装包 第二步&#xff1a;Windows可能会出现提示弹窗&#xff…...

编程日记 2024/3/4 17:02:15

ArrayList集合源码分析

ArrayList集合源码分析 文章目录 ArrayList集合源码分析一、字段分析二、构造方法分析三、方法分析四、总结 内容如有错误或者其他需要注意的知识点&#xff0c;欢迎指正或者探讨补充&#xff0c;共同进步。 一、字段分析 //默认初始化容量。这里和Vector一样&#xff0c;只是…...

编程日记 2024/3/4 17:00:12

循环队列与循环双端队列

文章目录 前言循环队列循环双端队列 前言 1、学习循环队列和循环双端队列能加深我们对队列的理解&#xff0c;提高我们的编程能力。 2、本文循环队列使用的是数组&#xff0c;循环双端队列用的是双向链表 3、题目连接&#xff1a;设计循环队列 &#xff0c;设计循环双端队列。 …...

编程日记 2024/3/4 16:59:11

https【详解】与http的区别，对称加密，非对称加密，证书，解析流程图

http 和 https 的区别 http 是明文传输&#xff0c;敏感信息容易在传输过程中被劫持https http加密&#xff0c;劫持了也无法解密 https 用到的加密方式 https 同时使用了对称加密和非对称加密&#xff0c;之所以没有全部使用非对称加密&#xff0c;是因为非对称加密的运算更加…...

编程日记 2024/3/4 16:56:08

（C语言）qsort函数模拟实现

前言 我们需先了解qsort函数 qsort函数详解&#xff1a;http://t.csdnimg.cn/rTNv9 qsort函数可以排序多种数据类型&#xff0c;很是神奇&#xff0c;这是为什么&#xff0c;我们在里模拟实现这样的功能 目录 1. qsort函数模拟实现 2. 我们使用bubble_sort函数排序整形数…...

编程日记 2024/3/4 16:55:07

WordPress建站入门教程：如何在本地电脑搭建WordPress网站？

前面跟大家分享了『WordPress建站入门教程&#xff1a;如何安装本地WordPress网站运行环境&#xff1f;』&#xff0c;接下来boke112百科就继续跟大家分享本地电脑如何搭建WordPress网站。 小皮面板&#xff08;phpstudy&#xff09;的“软件管理 – 网站程序”虽然可以一键部…...

编程日记 2024/3/4 16:54:06

Vue3教程

1.1 配置环境 vue官网&#xff1a; Vue.js - The Progressive JavaScript Framework | Vue.js 终端 Linux和Mac上可以用自带的终端。 Windows上推荐用powershell或者cmd。Git Bash有些指令不兼容。 安装Nodejs 安装地址&#xff1a; Node.js 安装vue/cli 打开Git Bash&#x…...

编程日记 2024/3/4 16:52:04

Linux系统Docker部署RStudio Server

文章目录 前言1. 安装RStudio Server2. 本地访问3. Linux 安装cpolar4. 配置RStudio server公网访问地址5. 公网远程访问RStudio6. 固定RStudio公网地址 前言 RStudio Server 使你能够在 Linux 服务器上运行你所熟悉和喜爱的 RStudio IDE&#xff0c;并通过 Web 浏览器进行访问…...

编程日记 2024/3/4 16:49:01

Deepseek-V4-Flash-20260423 深度评测与实战指南

文章目录 ① 核心参数解析与架构初印象② 多轮对话响应速度与并发实测③ 复杂逻辑推理与代码生成质量解剖④ 长文本处理与关键信息提取案例⑤ 垂直领域知识准确性验证集锦⑥ 模型幻觉识别与能力边界测试⑦ 极端输入下的稳定性与避坑指南⑧ 不同场景下的性价比与选型建议 在开发…...

编程新知 2026/5/23 21:35:03

工业防爆监控技术解析与选型方案 —— 以吉林高危场景为例

一、引言在石油化工、矿山开采、海上作业等工业高危场景中&#xff0c;环境存在易燃易爆、高腐蚀、高粉尘、极端温度等特性&#xff0c;普通安防设备无法满足安全要求。防爆监控作为场景安全防控的核心终端&#xff0c;其技术设计、硬件选型、功能配置直接决定高危场景的风险防…...

编程新知 2026/5/23 21:12:45

OAuth 2.0 client_id深度解析：从规范到安全实践

1. 引言&#xff1a;一个字符串背后的身份体系 在 OAuth 2.0 的整个生态里&#xff0c;client_id 是出现频率最高却最容易被忽视的参数之一。它几乎出现在每一个授权请求的 URL 里&#xff0c;开发者往往只是将其视为"配置项"&#xff0c;从 IdP 控制台粘贴过来填进…...

编程新知 2026/5/23 19:06:42

为小型创业团队搭建经济可控的大模型应用开发平台

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 为小型创业团队搭建经济可控的大模型应用开发平台 对于资源有限的创业团队而言&#xff0c;在拥抱大模型技术的同时&#xff0c;必…...

编程新知 2026/5/23 17:58:01

TsubakiTranslator：如何用免费工具打破Galgame语言壁垒的终极指南

TsubakiTranslator&#xff1a;如何用免费工具打破Galgame语言壁垒的终极指南 【免费下载链接】TsubakiTranslator 一款Galgame文本翻译工具&#xff0c;支持Textractor/剪切板/OCR翻译 项目地址: https://gitcode.com/gh_mirrors/ts/TsubakiTranslator 还在为看不懂日语…...

编程新知 2026/5/23 17:53:26

[具身智能-855]：什么是AI应用？AI 应用、AI 模型、AI Agent三者区别？

一、定义AI 应用&#xff1a;搭载人工智能技术&#xff0c;具备智能理解、推理、生成、识别、决策能力&#xff0c;能自主完成人类事务的软件、程序、系统、设备。二、狭义 AI 应用&#xff08;纯 AI 工具&#xff0c;最常见&#xff09;专门靠 AI 干活&#xff0c;一眼看出是 …...

编程新知 2026/5/23 16:42:30

【限时公开】华为昇腾+寒武纪MLU双平台AI Agent边缘部署Checklist（含功耗约束下模型剪枝精度损失≤0.3%的黄金参数表）

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;AI Agent边缘计算应用 AI Agent在边缘计算场景中正从“云端智能”转向“端侧自治”&#xff0c;通过轻量化模型部署、本地决策闭环与低延迟响应&#xff0c;显著提升工业质检、智能安防、车载感知等实时…...

编程新知 2026/5/23 16:16:06

深度解析Magic VLSI：开源集成电路布局设计的基石工具

深度解析Magic VLSI&#xff1a;开源集成电路布局设计的基石工具 【免费下载链接】magic Magic VLSI Layout Tool 项目地址: https://gitcode.com/gh_mirrors/magi/magic 在集成电路设计领域&#xff0c;Magic VLSI Layout Tool 作为一款历史悠久的开源布局编辑器&#…...

编程新知 2026/5/23 15:58:42

Spacedesk连接iPad后黑屏？别慌，这3个设置检查一下就能点亮

Spacedesk连接iPad后黑屏&#xff1f;三步精准排查指南 当你兴奋地打开Spacedesk准备将iPad变成Windows电脑的扩展屏幕时&#xff0c;却发现连接成功后iPad屏幕一片漆黑——这种"Connected-Display OFF"的尴尬局面让许多用户措手不及。不同于简单的安装问题&#xff…...

编程新知 2026/5/23 15:17:16

GitHub加速终极指南：5分钟告别访问卡顿，让开发效率翻倍

GitHub加速终极指南&#xff1a;5分钟告别访问卡顿&#xff0c;让开发效率翻倍 【免费下载链接】FastGithub github定制版的dns服务&#xff0c;解析访问github最快的ip 项目地址: https://gitcode.com/gh_mirrors/fa/FastGithub 你是否经历过这样的场景&#xff1a;在关…...

编程新知 2026/5/23 14:47:37