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

Web开发学习总结

news 2026/4/8 18:49:35

学习路线

 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

PHP 8.9扩展模块安全配置失效了吗？3类高危漏洞正在 silently hijack 你的生产环境

第一章&#xff1a;PHP 8.9扩展模块安全加固配置概览PHP 8.9&#xff08;当前为前瞻预发布版本&#xff0c;基于PHP 8.3持续演进的实验性分支&#xff09;在扩展模块层面引入了更严格的加载策略与运行时权限控制机制。安全加固的核心目标是&#xff1a;最小化默认启用扩展、强制…...

编程新知 2026/4/8 18:30:56

树莓派4B上跑YOLOv8n：用NCNN实现实时目标检测的完整C++代码与踩坑实录

树莓派4B上跑YOLOv8n&#xff1a;用NCNN实现实时目标检测的完整C代码与踩坑实录 在边缘计算设备上部署深度学习模型一直是开发者面临的挑战&#xff0c;尤其是像树莓派4B这样资源有限的平台。本文将分享如何在树莓派4B上使用NCNN框架部署YOLOv8n模型&#xff0c;并实现实时目标…...

编程新知 2026/4/8 17:47:47

工业五官：07 传感器哪家强？五大品牌真实对比

07 传感器哪家强？五大品牌真实对比 今天不讲原理，不画梯形图，就聊聊买传感器时最头疼的事：到底选谁家？Sick、Keyence、IFM、邦纳，还有咱们国产（兰宝当代表），五大品牌拉出来溜溜，看看谁更灵！我在车间帮师傅挑货挑了十几年，亲手换过几百个坏的，总结下来就八个字：没…...

编程新知 2026/4/8 16:31:38

突破二维限制：开源工具ImageToSTL实现图片转3D模型全攻略

突破二维限制&#xff1a;开源工具ImageToSTL实现图片转3D模型全攻略 【免费下载链接】ImageToSTL This tool allows you to easily convert any image into a 3D print-ready STL model. The surface of the model will display the image when illuminated from the left sid…...

编程新知 2026/4/8 16:19:16

终极C++编码标准指南：基于C++核心规范的AI驱动最佳实践

终极C编码标准指南&#xff1a;基于C核心规范的AI驱动最佳实践 【免费下载链接】everything-claude-code The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Curso…...

编程新知 2026/4/8 15:56:46

CppJieba中文分词实战指南：从环境搭建到企业级应用

CppJieba中文分词实战指南&#xff1a;从环境搭建到企业级应用 【免费下载链接】cppjieba "结巴"中文分词的C版本 项目地址: https://gitcode.com/gh_mirrors/cp/cppjieba 在处理中文文本时&#xff0c;如何高效、准确地进行词语切分是NLP任务的基础挑战。Cpp…...

编程新知 2026/4/8 14:49:29

GLM-4.1V-9B-Base部署案例：高校AI通识课实验平台快速搭建实践

GLM-4.1V-9B-Base部署案例&#xff1a;高校AI通识课实验平台快速搭建实践 1. 项目背景与需求分析 高校AI通识课程面临一个普遍挑战&#xff1a;如何让学生直观理解多模态AI的能力&#xff1f;传统教学往往停留在理论讲解或简单演示层面&#xff0c;学生缺乏动手实践机会。GLM…...

编程新知 2026/4/8 12:48:55

微信读书笔记神器：WeReader插件让你的阅读效率提升300%的终极指南

微信读书笔记神器&#xff1a;WeReader插件让你的阅读效率提升300%的终极指南 【免费下载链接】wereader 一个浏览器扩展&#xff1a;主要用于微信读书做笔记&#xff0c;对常使用 Markdown 做笔记的读者比较有帮助。 项目地址: https://gitcode.com/gh_mirrors/wer/wereader…...

编程新知 2026/4/8 12:28:37

用了这么久 Claude Code，你可能从来没打开过它最重要的文件夹！

点击上方卡片关注我设置星标 学习更多AI出海知识装完 Claude Code 跑第一个项目的时候&#xff0c;根目录会多出一个 .claude/ 文件夹。大部分人看到了&#xff0c;没点开过&#xff0c;也没想过里面有什么。这就错过了 Claude Code 最值得折腾的部分。.claude/ 不是缓存目录&a…...

编程新知 2026/4/8 12:26:31

novelWriter快捷键大全：提高写作效率的终极秘籍

novelWriter快捷键大全&#xff1a;提高写作效率的终极秘籍 【免费下载链接】novelWriter novelWriter is an open source plain text editor designed for writing novels. 项目地址: https://gitcode.com/gh_mirrors/no/novelWriter novelWriter是一款专为小说创作设计…...

编程新知 2026/4/8 11:47:54