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

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

《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;使用方法级安全进行细…...

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

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

[JSOI2008] 最大数 题解 线段树

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

mysql 事务的隔离级别

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

Unity3D 阴影的计算原理详解

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

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

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

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

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

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

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

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

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

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

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

ArrayList集合源码分析

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

循环队列与循环双端队列

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

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

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

(C语言)qsort函数模拟实现

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

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

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

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

Linux系统Docker部署RStudio Server

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

OpenClaw技能组合:Kimi-VL-A3B-Thinking+文件处理实现智能归档

OpenClaw技能组合&#xff1a;Kimi-VL-A3B-Thinking文件处理实现智能归档 1. 为什么需要智能文件归档系统 作为一名长期与杂乱文件搏斗的技术从业者&#xff0c;我深知手动整理文件的痛苦。每次收到发票、合同或报告&#xff0c;都需要先打开文件查看内容&#xff0c;然后根据…...

NLP实战指南:从基础到进阶的文本相似度计算全解析

1. 文本相似度计算入门&#xff1a;为什么它如此重要&#xff1f; 想象一下这样的场景&#xff1a;你在电商平台搜索"苹果手机充电器"&#xff0c;结果系统不仅展示了充电器商品&#xff0c;还推荐了"iPhone电源适配器"、"MacBook充电线"等相关产…...

AI赋能前端设计:使用快马平台智能生成旅行博客网站首页

最近尝试用AI辅助开发一个旅行博客网站首页&#xff0c;整个过程比想象中顺利很多。作为一个经常需要快速产出前端页面的开发者&#xff0c;这种智能生成代码的方式确实带来了不少便利。下面记录下我的实践过程和一些思考。 需求分析与AI沟通 首先需要明确页面的核心模块&…...

PID调参不再玄学:用自平衡小车实战,带你搞懂比例、积分、微分到底在干嘛

PID调参实战&#xff1a;用自平衡小车拆解比例、积分、微分的控制艺术 平衡车在桌面上稳稳立住的那一刻&#xff0c;仿佛打破了物理定律——这个看似简单的动作背后&#xff0c;是控制理论中最经典的PID算法在发挥作用。但翻开任何一本自动控制教材&#xff0c;满页的微分方程…...

电源工程师必看:平均电流模式BUCK双环控制详解(从传递函数到Psim仿真)

电源工程师必看&#xff1a;平均电流模式BUCK双环控制详解&#xff08;从传递函数到Psim仿真&#xff09; 在电力电子领域&#xff0c;BUCK变换器的控制策略一直是工程师们关注的重点。作为一名刚入行的电源工程师&#xff0c;我曾被各种控制模式搞得晕头转向——电压模式、峰值…...

从“页面描述”到“AI事实层”——让机器读懂你的品牌

引言:为什么你的产品信息在AI答案中“丢失”了? 陆薇在数字营销领域摸爬滚打了九年。她做过技术、干过内容、搞过数据分析,算得上是这个行业里少有的“多面手”。她所在的智联优选,一家主营智能家居产品的跨境电商品牌,在过去一年里已经按照《答案之书》第八篇和第九篇的…...

基于hadoop+spark+hive的高校科研项目管理系统的设计与实现

前言在高校科研项目管理领域&#xff0c;传统管理方式逐渐显露出诸多问题&#xff0c;亟待更为有效的解决方案。本研究聚焦于此&#xff0c;尝试借助 Python、Django、Vue 以及 MySQL 等技术&#xff0c;探索设计并实现一款高校科研项目管理系统。 研究过程中&#xff0c;运用文…...

保姆级教程:在Ubuntu 20.04上用ROS1和Python搞定PX4飞控IMU标定(附完整脚本)

从零到精通的PX4飞控IMU标定实战指南 第一次接触PX4飞控的IMU标定&#xff0c;就像拿到一台新相机却不知道如何调焦——明明硬件很强大&#xff0c;却因为参数不准而发挥不出全部性能。IMU作为飞行控制的核心传感器&#xff0c;其标定质量直接决定了无人机能否稳定悬停、精准转…...

揭秘银行核心系统C++内存池崩溃真相:基于真实生产环境的17GB/日内存碎片数据复盘

第一章&#xff1a;银行核心系统C内存池崩溃事件全景概览某大型商业银行在一次日终批量交易高峰期&#xff0c;核心账务系统突发大规模服务中断&#xff0c;平均响应延迟飙升至12秒以上&#xff0c;部分交易返回“内存分配失败”错误码。事后根因分析确认&#xff1a;问题源于自…...

3步搞定B站音视频分离:BilibiliDown开源工具的实战指南

3步搞定B站音视频分离&#xff1a;BilibiliDown开源工具的实战指南 【免费下载链接】BilibiliDown (GUI-多平台支持) B站 哔哩哔哩 视频下载器。支持稍后再看、收藏夹、UP主视频批量下载|Bilibili Video Downloader &#x1f633; 项目地址: https://gitcode.com/gh_mirrors/…...