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

Web开发学习总结

news 2026/5/25 5:18:19

学习路线

 Web

  • 全球广域网，也称为万维网(www World Wide Web)，能够通过浏览器访问的网站

初识Web前端

  • Web标准也称为网页标准，由一系列的标准组成，大部分由W3C(World Wide Web Consortium，万维网联盟)负责制定。
  • 三个组成部分:
  1. HTML：负责网页的结构(页面元素和内容)。
  2. CSS：负责网页的表现(页面元素的外观、位置等页面样式，如:颜色、大小等)。
  3. JavaScript：负责网页的行为(交互效果)。

HTML(HyperText Markup Language)

超文本标记语言

  • 超文本:超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。
  • 标记语言:由标签构成的语言

HTML标签都是预定义好的。例如:使用<a>展示超链接，使用<img>展示图片，<video>展示视频。
HTML代码直接在浏览器中运行，HTML标签由浏览器解析

 

CSS

  • 层叠样式表，用于控制页面的样式（表现）

1.HTML结构标签

<html>

<head>

    <title>Document</title>

</head>

<body>

   

</body>

</html>

2.特点

  • HTML标签不区分大小写
  • HTML标签属性值单双引号都可以
  • HTML语法松散 

1.标题标签

  • 标签:<h1>..</h1>(h1→h6 重要程度依次降低)
  • 注意:HTML标签都是预定义好的，不能自己随意定义

2.水平线标签  <hr>
3.图片标签  <img src="." width="..." height="...">

  • 绝对路径:绝对磁盘路径(D:/xxxx)、绝对网络路径(https://xxxx)
  • 相对路径:从当前文件开始查找。(./ : 当前目录，../ : 上级目录)

CSS引入方式

  • 行内样式:写在标签的style属性中(不推荐)
  • 内嵌样式:写在style标签中(可以写在页面任何位置，但通常约定写在head标签中)
  • 外联样式:写在一个单独的.css文件中(需要通过 1ink标签在网页中引入) 

相关文章：

Web开发学习总结

学习路线 Web 全球广域网&#xff0c;也称为万维网(www World Wide Web)&#xff0c;能够通过浏览器访问的网站 初识Web前端 Web标准也称为网页标准&#xff0c;由一系列的标准组成&#xff0c;大部分由W3C(World Wide Web Consortium&#xff0c;万维网联盟)负责制定。三个组…...

编程日记 2024/5/27 6:42:25

springboot相关知识集锦----1

一、springboot是什么&#xff1f; springboot是一个用于构建基于spring框架的独立应用程序的框架。它采用自动配置的原则&#xff0c;以减少开发人员在搭建应用方面的时间和精力。同时提升系统的可维护性和可扩展性。 二、springboot的优点 约定优于配置 版本锁定&#xf…...

编程日记 2024/5/27 6:39:22

App推广新境界：Xinstall助你轻松突破运营痛点，实现用户快速增长！

在移动互联网时代&#xff0c;App已经成为企业营销不可或缺的一部分。然而&#xff0c;如何有效地推广App&#xff0c;吸引并留住用户&#xff0c;成为了众多企业面临的难题。今天&#xff0c;我们将为您揭秘一款神奇的App推广工具——Xinstall&#xff0c;它将助您轻松突破运营…...

编程日记 2024/5/27 6:38:21

YOLOv10 论文学习

论文链接&#xff1a;https://arxiv.org/pdf/2405.14458 代码链接&#xff1a;https://github.com/THU-MIG/yolov10 解决了什么问题&#xff1f; 实时目标检测是计算机视觉领域的研究焦点&#xff0c;目的是以较低的延迟准确地预测图像中各物体的类别和坐标。它广泛应用于自动…...

编程日记 2024/5/27 6:37:19

[Spring Boot]baomidou 多数据源

文章目录 简述本文涉及代码已开源 项目配置pom引入baomidouyml增加dynamic配置启动类增加注解配置结束 业务调用注解DS()TransactionalDSTransactional自定义数据源注解MySQL2 测试调用查询接口单数据源事务测试多数据源事务如果依然使用Transactional会怎样&#xff1f;测试正…...

编程日记 2024/5/27 6:36:18

Drone+Gitee自动执行构建、测试和发布工作流

拉取Drone:(至于版本&#xff0c;你可以下载最新的) sudo docker pull drone/drone:2 拉取runner&#xff1a; sudo docker pull drone/drone-runner-docker 在Gitee中添加第三方应用&#xff1a; 进入个人主页&#xff0c;点击设置&#xff1a; 往下翻&#xff0c;找到数…...

编程日记 2024/5/27 6:35:16

Unity3D MMORPG 主城角色动画控制与消息触发详解

Unity3D是一款强大的游戏开发引擎&#xff0c;它提供了丰富的功能和工具&#xff0c;使开发者能够轻松创建出高质量的游戏。其中&#xff0c;角色动画控制和消息触发是游戏开发中非常重要的一部分&#xff0c;它们可以让游戏角色表现出更加生动和多样的动作&#xff0c;同时也能…...

编程日记 2024/5/27 6:34:15

【Text2SQL 经典模型】HydraNet

论文&#xff1a;Hybrid Ranking Network for Text-to-SQL ⭐⭐⭐ arXiv:2008.04759 HydraNet 也是利用 PLM 来生成 question 和 table schema 的 representation 并用于生成 SQL&#xff0c;并在 SQLova 和 X-SQL 做了改进&#xff0c;提升了在 WikiSQL 上的表现。 一、Intro…...

编程日记 2024/5/27 6:33:14

Mysql-根据字段名查询字段在哪些表里

SELECT * FROM information_schema.COLUMNS WHERE COLUMN_NAMElabel_name;...

编程日记 2024/5/27 6:32:12

牛逼！50.3K Star！一个自动将屏幕截图转换为代码的开源工具

1、背景 在当今快节奏的软件开发环境中&#xff0c;设计师与开发者之间的协同工作显得尤为重要。然而&#xff0c;理解并准确实现设计稿的意图常常需要耗费大量的时间和沟通成本。为此&#xff0c;开源社区中出现了一个引人注目的项目——screenshot-to-code&#xff0c;它利用…...

编程日记 2024/5/27 6:29:10

八种单例模式

文章目录 1.单例模式基本介绍1.介绍2.单例模式八种方式 2.饿汉式&#xff08;静态常量&#xff0c;推荐&#xff09;1.基本步骤1.构造器私有化&#xff08;防止new&#xff09;2.类的内部创建对象3.向外暴露一个静态的公共方法 2.代码实现3.优缺点分析 3.饿汉式&#xff08;静态…...

编程日记 2024/5/27 6:27:07

禅道密码正确但是登录异常处理

禅道密码正确&#xff0c;但是登录提示密码错误的异常处理 排查内容 # 1、服务器异常&#xff0c;存储空间、数据库异常 # 2、服务异常&#xff0c;文件丢失等异常问题定位 # 1、df -h 排查服务器存储空间 # 2、根据my.php排查数据库连接是否正常 # 3、修改my.pho,debugtrue…...

编程日记 2024/5/27 6:26:06

Go微服务: Nacos的搭建和基础API的使用

Nacos 概述 文档&#xff1a;https://nacos.io/docs/latest/what-is-nacos/搭建&#xff1a;https://nacos.io/docs/latest/quickstart/quick-start-docker/有很多种搭建方式&#xff0c;我们这里使用 docker 来搭建 Nacos 的搭建 这里&#xff0c;我们选择单机模式&#xf…...

编程日记 2024/5/27 6:25:05

基于Hadoop的城市公共交通大数据时空分析

基于Hadoop的城市公共交通大数据时空分析 “Spatio-temporal Analysis of Urban Public Transportation Big Data based on Hadoop” 完整下载链接:基于Hadoop的城市公共交通大数据时空分析 文章目录 基于Hadoop的城市公共交通大数据时空分析摘要第一章 引言1.1 研究背景1.2 …...

编程日记 2024/5/27 6:24:04

DNS服务的部署与配置（2）

1、dns的安装及开启 dnf install bind.x86_64 -y #安装 #Berkeley Internet Name Domain (BIND) systemctl enable --now named #启用dns服务&#xff0c;服务名称叫named firewall-cmd --permanent --add-servicedns #火墙设置 firewall-cmd --reload …...

编程日记 2024/5/27 6:23:03

MySql--SQL语言

目录 SQl---DDL 结构定义 创建、删除 数据库 代码 运行 设计表 数据类型 整数 浮点数 主键 约束 主键自增长 默认值 字段注释 创建、删除 表 代码 运行 代码 代码 运行 SQL---DML 数据操纵 插入数据 代码 运行 代码 运行 代码 运行 代码 …...

编程日记 2024/5/27 6:20:59

【网络安全】2030年十大新兴网络安全威胁

欧盟网络安全局&#xff08;ENISA&#xff09;已发布了一份全面的清单&#xff0c;列出了预计到2030年将影响数字领域的十大新兴网络安全威胁。 该预测是为期八个月的广泛研究的成果&#xff0c;融合了ENISA前瞻专家小组、CSIRTs网络以及欧盟CyCLONe专家的见解。 这项研究突显…...

编程日记 2024/5/27 6:19:58

python数据分析-CO2排放分析

导入所需要的package import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import datetime %matplotlib inline plt.rcParams[font.sans-serif] [KaiTi] #中文 plt.rcParams[axes.unicode_minus] False #负号 数据清洗…...

编程日记 2024/5/27 6:18:57

2024宝藏工具EasyRecovery数据恢复软件免费版本下载

在这个数字化的时代&#xff0c;数据已经成为我们生活中的重中之重。无论是工作中的重要文件&#xff0c;还是手机中珍贵的照片&#xff0c;我们都依赖着这些数据。然而&#xff0c;数据丢失的情况时有发生&#xff0c;可能是误删&#xff0c;可能是设备故障&#xff0c;更可能…...

编程日记 2024/5/27 6:17:53

【EventSource错误解决方案】设置Proxy后SSE发送的数据只在最后接收到一次，并且数据被合并

【EventSource错误解决方案】设置Proxy后SSE发送的数据只在最后接收到一次&#xff0c;并且数据被合并 出错描述 出错原因与解决方案 出错描述 SSE前后端一切正常&#xff0c;但是fetchEventSource 的onmessage回调函数只在所有流都发送完毕后&#xff0c;才会执行一次。 前…...

编程日记 2024/5/27 6:16:52

uWSGI目录穿越漏洞CVE-2018-7490深度利用与防御

1. 这不是“文件读取”那么简单&#xff1a;uWSGI目录穿越漏洞的真实杀伤半径你可能在Vulfocus靶场里点开CVE-2018-7490这个靶机&#xff0c;输入/..%2f..%2f..%2fetc%2fpasswd&#xff0c;页面返回了一堆用户名&#xff0c;然后就关掉了——觉得“哦&#xff0c;能读文件&…...

编程新知 2026/5/25 4:52:04

2026年照片去水印免费软件保姆级教程！学会这几招，告别水印烦恼

你是不是也遇到过这样的抓狂时刻&#xff1f;在平台上刷到一张特别适合做壁纸或配图的高清照片&#xff0c;兴冲冲地保存下来&#xff0c;结果角落里的水印瞬间让整张图的格调打了对折&#xff1b;又或者&#xff0c;自己辛辛苦苦做好的图片&#xff0c;在分享转发几道后&#…...

编程新知 2026/5/25 4:47:48

Unity视频控制器架构：延迟播放、事件总线与多视频管理

1. 为什么Unity原生VideoPlayer总在关键时刻“掉链子”做Unity视频播放功能时&#xff0c;我踩过最深的坑&#xff0c;不是画质模糊、不是音画不同步&#xff0c;而是——它根本不像个“控制器”。你拖一个VideoPlayer组件到场景里&#xff0c;调用Play()&#xff0c;它就播&am…...

编程新知 2026/5/25 4:06:18

Titanic数据集分析避坑指南：新手常犯的3个错误及如何修正

Titanic数据集分析避坑指南&#xff1a;新手常犯的3个错误及如何修正泰坦尼克号数据集是机器学习领域的"Hello World"&#xff0c;但看似简单的数据背后藏着无数陷阱。许多初学者在Kaggle等平台提交分析时&#xff0c;常常陷入三个典型误区&#xff1a;用均值粗暴填充…...

编程新知 2026/5/25 2:58:12

QM/MM与ML/MM模拟对比：从呋喃光化学弛豫看机器学习力场结构保真度

1. 项目概述&#xff1a;从呋喃的光化学弛豫看QM/MM与ML/MM模拟的实战差异在计算化学和分子模拟领域&#xff0c;我们常常需要回答一个核心问题&#xff1a;一个分子在吸收光能量后&#xff0c;究竟会经历怎样的微观旅程&#xff1f;这个过程充满了不确定性&#xff0c;电子在几…...

编程新知 2026/5/25 2:09:24

Mac到手别急着装软件，先搞定这3个基础设置（含开启任意来源命令）

Mac新机必做的3项底层优化&#xff1a;从系统设置到高效工作流刚拆封的MacBook总带着一种特殊的仪式感——光滑的铝金属外壳、视网膜屏幕的细腻显示、以及那个等待被按下的电源键。但在这份新鲜感之后&#xff0c;许多用户会直接跳转到软件安装环节&#xff0c;却忽略了更重要的…...

编程新知 2026/5/25 1:42:46

LBM强迫场设置实战：如何模拟一个东亚冬季风冷源并可视化其三维结构

LBM强迫场设置实战&#xff1a;如何模拟一个东亚冬季风冷源并可视化其三维结构当我们需要研究特定气候现象对大气环流的影响时&#xff0c;线性斜压模式&#xff08;LBM&#xff09;提供了一个理想的数值实验平台。本文将聚焦于如何通过精确配置LBM的强迫场参数&#xff0c;模拟…...

编程新知 2026/5/25 1:42:46

多重检验策略：提升NPLM信号无关搜索的鲁棒性与均匀性

1. 项目概述在粒子物理实验数据分析中&#xff0c;我们常常面临一个核心困境&#xff1a;我们不知道新物理信号会以何种形式出现。传统的“模型依赖”搜索&#xff0c;比如针对特定质量的希格斯玻色子或暗物质候选粒子&#xff0c;需要预先定义一个精确的理论模型。然而&#x…...

编程新知 2026/5/25 1:01:55

保险领域AutoML实战：从数据不平衡到模型部署的端到端解决方案

1. 项目概述&#xff1a;当AutoML遇上保险数据在保险行业摸爬滚打了十几年&#xff0c;从最初用Excel做简单的赔付率分析&#xff0c;到后来引入逻辑回归、决策树&#xff0c;再到如今面对动辄上百个特征、千万级样本的复杂数据集&#xff0c;我深刻体会到一件事&#xff1a;构…...

编程新知 2026/5/25 0:44:45

亮度与色度：揭秘视觉世界的“双重密码“

一、一个让我"开窍"的画廊故事 几年前我去参观一个摄影展&#xff0c;展览的主题很特别——“同一个世界&#xff0c;两种讲述”。展厅被一道墙分成两半&#xff0c;左边墙上挂的全是黑白摄影作品&#xff0c;右边墙上挂的全是彩色摄影作品。最有意思的是&#xff0c…...

编程新知 2026/5/25 0:19:07