i不加糖ba

Web前端学习win11

- 一、第一部分
- - 1.1什么是HTML、CSS
  - 1.2VS code
  - 1.3深入了解网站开发
- 二、第二部分
- - 2.1初始代码
  - 2.2 注释
  - 2.3HTML语义化
  - 2.4标题与段落
  - 2.5文本修饰标签
  - 2.6 图片标签与图片属性
  - 2.7 引入文件的地址路径
  - 2.8 跳转链接
  - 2.9 跳转锚点
  - 2.10 特殊符号
  - 2.11.列表
  - 2.12 表格
  - 2.13 表单

一、第一部分

1.1什么是HTML、CSS

介绍HTML、CSS

HTML、CSS是制作网站的两种编程语言，一般配合使用，是网站开发的基础语言

补充：HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台。使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过标记式的指令(Tag)，将影像、声音、图片、文字动画、影视等内容显示出来。，并将这些HTML文件“翻译”成可以识别的信息，即我们所见到的网页。
CSS:层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

网站是所写代码经过浏览器解析之后的效果
（在某一网页右击选择“查看页面源代码”便可查看该网页的源代码）
网站由很多网页构成,一个网页为一个“.html文件”
如何写一个"html"文件
简单的：记事本：在指定目录下新建一个文本文档
将后缀“.txt”改为”“.html”
（若看不到扩展名可在上方查看中的显示中点击文件扩展名后重命名）

用记事本打开刚才的".html"文件进行编辑。

再用浏览器将其打开就可以显示自己刚才编辑的内容了。

1.2VS code

记事本编写效率低，容易出问题，所以应采用代码编辑器因此我们使用VS code代码编辑器。了解VScode的基本应用。

介绍：全称为Visual Studio Code，来自微软，是一款开源（免费）的轻量代码编辑器。
安装插件
语言包：Chinese:将界面中文字变为中文
open in browser,和view in browser:可直接在浏览器中打开网页。
编辑器的基本使用
保存：ctrl+s
全选：ctrl+a
剪切：ctrl+x
复制：ctrl+c
粘贴：ctrl+v
撤销：ctrl+z
前进：ctrl+y
从头选中一行：shift+end
从后选中一行：shift+home
向后缩进：tab
向前缩进：tab+shift

多光标：alt+鼠标左键
选择相同元素的下一个：ctrl+d
搜索栏：快速搜索到所有所搜内容

创建文件、文件夹、重命名、删除
设置：文件->首选项->设置（大小，是否换行 word wrap)

1.3深入了解网站开发

开发人员：
UI设计师：设计网页，制作设计稿

web前端开发工程师（H5开发）：将设计稿写成代码，数据里的数据显示到页面，HTML+CSS

web后端开发工程师：处理数据

前端核心技术
HTML：结构
CSS:样式（美化）
JavaScript:与用户的交互行为
补充：JavaScript是用来做交互的，是一种脚本语言，即可以运行在客户端也能运行在服务器端。JavaScript的解释器就是JS引擎，JS引擎是浏览器的一部分。而JavaScript主要是用来扩展文档交互能力的，使静态的HTML具有一定的交互行为（比如表单提交、动画特效、弹窗等）。

二、第二部分

2.1初始代码

每一个“html"文件都需要添加初始代码。介绍VS code的基础使用。

DOCTYPE html>   文档申明：告诉浏览器这是一个html文件
<html lang="en">     html文件的最外层标签：包裹着所有html标签代码，lang="en"表示是一个英文网站。lang="zh-CN"表示是一个中文网站。
<head>
    <meta charset="UTF-8">    元信息：是编写网页中的一些赋值信息
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>    设置网页标题
head>
<body>
    
body>
html>

2.2 注释

1.写法：在浏览器中看不到，只能在代码中看到注释的内容。

2.意义：把暂时不用的代码注释起来，方便以后使用。对开发人员进行提示。

3.快捷键添加删除注释: ctrl+/（光标移到起始位置，不要选中）或者shift+alt+a（要选中再按）

2.3HTML语义化

根据网页中内容的结构，选择合适的HTML标签进行编写。（什么结构采用1什么样的标签）

屏幕阅读器（H5v0.12.4）：提炼出当前网页的标题

2.4标题与段落

1.h标签：标题，双标签：

.....。网页中，h1标题最重要，h1最大，并且一个.html文件中只能出现一次，其他的都可以有多个。
h5h6标签不经常使用

2.p标题：段落，双标签

3.练习

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
 <h1> 吴亦凡个人简介h1>


 <h2>   基本信息 h2>
 <p>  涉强奸罪加拿大籍男艺人,吴亦凡（Kris），1990年11月6日出生于广东省广州市，加拿大籍华语流行乐男歌手、影视演员、音乐制作人。p>

   <p>2021年7月31日，经警方调查，吴亦凡因涉嫌强奸罪被朝阳公安分局依法刑事拘留；8月10日，律师证实吴亦凡涉嫌在洛杉矶强奸未成年女粉丝 ；8月16日，北京市朝阳区人民检察院经依法审查，对犯罪嫌疑人吴某凡以涉嫌强奸罪批准逮捕。p>
<h2>早年经历h2>
<p>  吴亦凡出生于广东省广州市，父母离异后随母亲生活，10岁时和家人移民加拿大温哥华。2005年，吴亦凡在广州市第七中学读初三，在这期间，他还担任篮球队队长，参加少年NBA中国初中篮球联赛。随后，他回到加拿大，在加拿大温斯顿爵士丘吉尔中学就读；2007年，读高二的吴亦凡参加了韩国SM娱乐有限公司的全球选秀，成为练习生。 p>  


<h2>人物评价h2>

<p>做艺先做人，做人德为先。这句话到什么时候都不过时。艺人们应该始终以此为从业的基本准则，让自己成为一个具有真善美内核的倡导者、践行者和示范者。（央视网评论员）p>
    <p>法律面前没有顶流。人气越高越要检点自律，越当红越要遵纪守法。（《人民日报》评） p>
    <p>法律面前人人平等，正义面前没有“顶流”！（《法治日报》评）p>
    <p> 光环再耀眼，名气再大，均无特权。（《中国妇女报》评） p>
    <p> 千里之堤，溃于蚁穴。失去了慎微慎独、自警自省之心，便是滋生贪婪欲望的开始；从不守规矩，到违反法律，往往也不过是一步之遥。一旦置职业道德等规矩于不顾，做人做事出格走偏就在眼前，不仅毁了个人的立身之本，而且最终会遭大众唾弃、遭市场抛弃。吴某凡被依法刑事拘留，是一声响亮警钟，“演艺圈”不容藏污纳垢，“明星”要将守规矩作为基本责任和义务，远离非法之路。（中央纪委国家监委网评）  p>
body>
html>

2.5文本修饰标签

强调:
对文本进行加粗,双标签
斜体，双标签，

下标，双标签

上标，双标签，

删除文本，双标签，(加删除线）

插入文本，双标签，(加下划线）
（删除，插入文本一般配合使用）

练习

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    <p>
    北京著名的高档百货店-<em>塞特购物中心em>即将闭店，塞特购物中心总台服务人员表示<strong>“如果手中有购物卡，请尽快到店消费”strong>根据这位工作人员介绍，目前塞特中心正在进行清仓大甩卖。<del>特价电视原价3600元del>，<ins>现清仓价只需1300元ins>p>
    <p>a<sup>2sup>+b<sup>2sup>=c<sup>2sup>
    H<sub>2sub>Op>



body>
html>

2.6 图片标签与图片属性

图片标签，单标签，img
（快捷键：img+tab->)

src=" ":引入图片地址

alt=" ":当图片出现问题时出现提示，提高用户体验

title=" ":鼠标移动至图片上时显示提示，移开时消失

width=" “、height=” ":单位是像素

练习

<body>
    <img src="https://pic4.zhimg.com/v2-e5f2f72671ac1133e307c324d550467b_r.jpg?source=1940ef5c" alt="天官赐福"title="天官赐福百无禁忌"width="300"height="300">
body>

2.7 引入文件的地址路径

相对路径:
.在路径中表示当前路径（与当前文件在同一级别，在当前文件内部）
…在路径中表示上一级路径（图片所在文件夹与当前文件在同一级别）
/和\都可以用

练习

 
    
    <img src="../hhh/laopo.jpg" alt="">
    （相对路径）

 <img src="C:/hhh/laopo.jpg" alt=""> 
 （绝对路径，盘名E：可不写）

2.8 跳转链接

链接文字地址图片

标签：（快捷键a+herf)

属性：
href:链接地址

target：改变链接打开的方式，默认情况下在当前页面打开_self.在新窗口打开_lank

base,单标签：改变链接的默认行为，写在body当中

练习

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <base taeget="_blank">       (base标签）
head>
<body>
    
    
      <a href="http://www.baidu.com" alt=""><img src="./hhh/laopo.jpg" alt="">a>
     <a href="http://www.baidu.com"target="_blank">访问百度a> 
     <a href="http://www.baidu.com"target="_blank">访问百度a> <a href="http://www.baidu.com"target="_blank">访问百度a> <a href="http://www.baidu.com"target="_blank">访问百度a>

    
body>
html>`

2.9 跳转锚点

快速在当前页面内进行切换，切换位置。类似书的索引。

实现一

 <body>
    <a href="#HTML">HTMLa>
    <a href="#CSS">CSSa>
    <a href="#Javascrip">Javascripa>
    <h2  id ="HTML">  HTML       h2>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <h2 id="CSS">         h2>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <h2  id="Javascrip" >Javascrip        h2>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>

实现二：

<a name="    ">a>

<body>
    <a href="#HTML">HTMLa>
    <a href="#CSS">CSSa>
    <a href="#Javascrip">Javascripa>
    <a name="HTML">a>        不占空间，用来做映射
    <h2> HTML       h2>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <a name="CSS">a>  
    <h2> CSS        h2>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <a name="Javascrip">a>  
    <h2>Javascrip        h2>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
    <p> hhhhhhhhp>
body>

2.10 特殊符号

编写文本时，会遇到无法输入的特殊符号，且多个空格不会不会被页面解析出来。因此准备了专门的代码。还可以避免产生冲突。
&+字符

如<html> ->

2.11.列表

1.无序列表：ul li必须组合出现，中间不允许有其他标签）li内部可以有其他。

tupe属性：改变前面标记的样式，一般用CSS控制，查

<body>
    <ul type="circle">
        <li>第一项li>
        <li>第二项li>
    ul>
body>

2.有序列表
用的很少，可以用无序列表代替

<ol><li>

默认1.2.3，无序是点

3.定义列表
有标题和标题内容

:定义专业术语或名词

:对名词进行解释和描述

4.嵌套列表
列表之间可以嵌套
有序列表嵌套

<body>
<ul>
<li>辽宁省
<ul>
    <li>沈阳li>
    <li>大连li>
    <li>丹东li>
ul>
li>
<li>山东省
    <ul>
<li>济南li>
<li>青岛li>
<li>烟台li>
    ul>
li>
ul>    
body>

无序列表嵌套

<dl>
    <dt>中国dt>
    <dd>
        <dl>
            <dt>辽宁省dt>
            <dd>沈阳dd>
            <dd>大连dd>
            <dd>丹东dd>
        dl>
        <dl>
            <dt>山东省dt>
            <dd>济南dd>
            <dd>青岛dd>
            <dd>烟台dd>
        dl>
    dd>
    <dt>美国dt>
    <dd>洛杉矶dd>
    <dd>纽约dd>  
dl>

练习

<h1>好美味小吃h1>
<ul>
    <li>小吃类
        <ul>
            <li>煮粉干li>
            <Li>拌青菜Li>
            <li>蛋炒饭li>
            <li>煎蛋li>
            <li>米饭li>
        ul>
    li>
    <li>卤味类
        <ul>
            <li>鸭肠li>
            <li>面筋li>
            <li>牛肚li>
            <li>猪耳朵li>
            <li>猪头肉li>
        ul>
    li>
ul>
<p><em>亲，20元以上可送餐哦em>p>

2.12 表格

1.表格标签

:表格的最外层容器
:定义表格行

:定义表头 :定义表格单元

:定义表格标题
注：之间有嵌套关系，要符合嵌套规范

*2.语义化标签*：没有什么效果，要符合嵌套规范
tHead、TBody、tFood
TBody可出现多次，tFood，tHead只能出现一次
（tFood无tab快捷键）

`<body> <table> <caption>天气预报caption> <tHead> <tr> <th>日期th> <th>天气情况th> <th>出行情况th> tr> tHead> <tBody> <tr> <td>2019年1月1日td> <td>晴td> <td>天气晴朗，适合出行td> tr> <tr> <td>2019年1月2日td> <td>小雨td> <td>有小雨，出门请带伞td> tr> tBody> table> body>`

*表格属性*
border:表格边框（table)
cellpadding:单元格内的空间（table)
cellspacing:单元格之间的空间（table)
rowspan:合并行(th)
colspan:合并列(td)
align:左右对齐方式:left、center、right
valign:上下对齐方式:top、middle、bottom

html <body> <table border="3" cellpadding="30" > <caption><strong>天气预报strong>caption> <tHead> <tr align="left"> <th colspan="2">日期th> ） <th>天气情况th> <th>出行情况th> tr> tHead> <tBody> <tr> <td rowspan="2">2019年1月1日td> ） <td>白天td> <td>晴td> <td>天气晴朗，适合出行td> tr> <tr> <td>黑天td> <td>晴td> <td>天气晴朗，适合出行td> tr> <tr> <td rowspan="2">2019年1月2日td> ） <td>白天td> <td>小雨td> <td>有小雨，出门请带伞td> tr> <tr> <td>黑天td> <td>小雨td> <td>有小雨，出门请带伞td> tr> tBody> table> body>

2.13 表单

*1.表单标签*：更加自由
form(外面）、input（输入框去）
（快捷键input+tap）
input(单标签）有一个**type**属性，决定是什么控件
type=“text(默认）输入框、password密码框（输入显示星号）、checkbox复选框、radio单选框、file（上传文件）、submit（提交）reset（重置）、”

<body> <form action="所需提交的地址" >输入框h2> <input type="text" placeholder="请输入用户名"> <h2>密码框h2> <input type="password"placeholde="请输入密码"> <h2>复选框h2> <input type="checkbox"checked>苹果 <input type="checkbox" checked>香蕉 <input type="checkbox"disabled>葡萄 <h2>单选框h2> <input type="radio"name="gender">男 <input type="radio"name="gender">女 <h2>上传文件h2> <input type="file"> <h2>提交和重置h2> <input type="submit"> <input type="reset"> body>

**checkbox种checked为默认被选中，disabled为默认不能被选中
radio加name属性可实现只选一个
重置：所选清空
上传文件：打开文件管理选择文件
password、text中加placeholder=""属性为框中提示文字，输入时消失

你可能感兴趣的:(前端,学习,css)

Maven学习总结（15）——Maven 项目中pom.xml详解一杯甜酒 Maven
<ver

DeepSeek与ChatGPT：AI语言模型的全面对决金枝玉叶9 程序员知识储备1 程序员知识储备2 程序员知识储备3 chatgpt 人工智能语言模型
DeepSeek（深度求索）与ChatGPT作为当前备受关注的两大AI语言模型，在技术架构、应用场景和性能表现上各有特色。以下从六大维度展开全面对比，为不同需求场景提供选择参考：一、核心技术对比维度DeepSeekChatGPT架构设计混合专家系统（MoE）+自研深度优化架构Transformer架构（GPT-3.5/4系列）训练策略万亿token中文语料预训练+领域强化学习多语言混合训练+RLH

auto-gptq安装以及不适配软硬件环境可能出现的问题及解决方式 IT修炼家大模型部署大模型 auto-gptq cuda
目录1、auto-gptq是什么？2、auto-gptq安装3、auto-gptq不正确安装可能会出现的问题（1）爆出：`CUDAextensionnotinstalled.`（2）没有报错但是推理速度超级慢1、auto-gptq是什么？Auto-GPTQ是一种专注于量化深度学习模型的工具库。它的主要目标是通过量化技术（Quantization）将大型语言模型（LLM）等深度学习模型的大小和计算复

【deepseek与chatGPT辩论】辩论题： “人工智能是否应当具备自主决策能力？” 海宁不掉头发软件工程人工智能人工智能 chatgpt deepseek
探讨辩论题这个提案涉及创建一个精确的辩论题目，旨在测试deepseek的应答能力。创建辩论题目提议设计一个辩论题目以测试deepseek的应答能力。希望这个题目具有挑战性并能够测量其回应质量。好的，来一道适合深度学习的辩论题：辩论题：“人工智能是否应当具备自主决策能力？”这个话题涉及到人工智能的发展、伦理以及未来应用，可以从以下几个方面展开辩论：支持方：认为人工智能的自主决策能力能够加速科技进步，

使用Odoo Shell卸载模块 odoo中国 odoo odoo 开源软件 erp
使用OdooShell卸载模块我们在Odoo使用过程中，因为模块安装错误或者前端错误等导致odoo无法通过界面登录，这时候你可以使用OdooShell来卸载模块。OdooShell是一个交互式Pythonshell，允许你直接与Odoo数据库和模型进行交互。以下是使用OdooShell卸载模块的详细步骤：步骤1：启动OdooShell要启动OdooShell，你需要在终端中运行以下命令。确保你已经

《数组》学习——移除元素小翔很开心学习
移除元素题目：给你一个数组nums和一个值val，你需要原地移除所有数值等于val的元素，并返回移除后数组的新长度。不要使用额外的数组空间，你必须仅使用O(1)额外空间并原地修改输入数组。元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。测试用例：示例1:给定nums=[3,2,2,3],val=3,函数应该返回新的长度2,并且nums中的前两个元素均为2。你不需要考虑数组中超出新长度后

React学习笔记（组件通信）_千峰教育 react m0_54846402 程序员 react.js 学习笔记
reduxprinciple-+//定义一个dispatch的方法，接收到动作之后，自动调用constdispatch=(action)=>{changeState(action)renderCount(countState)}```创建createStore方法Reduxprinciple02reduxprinciple-+//定义一个方法，用于集中管理state和dispatchconstcr

FOKS-TROT: 一个高效、易用的全功能开源知识图谱生成工具柳旖岭
FOKS-TROT:一个高效、易用的全功能开源知识图谱生成工具项目简介FOKS-TROT是一个基于Python的全功能开源知识图谱生成工具，旨在帮助研究人员和开发者快速构建具有丰富信息的知识图谱。该项目由hkx3upper在GitCode上开发并维护。通过FOKS-TROT，您可以轻松地将各种数据源（如文本文件、数据库、API）转换为结构化的知识图谱，并对其进行可视化分析和机器学习任务。此外，该工

PSINS工具箱函数介绍——ggnss（ggpsvars+gbdvars+gglovars） MATLAB卡尔曼 PSINS函数 matlab PSINS
文章目录关于工具箱工具箱概述学习路径指南GNSS参数初始化函数`ggnss`函数功能参数体系结构典型应用场景系统参数初始化操作指南执行流程运行结果解析函数源码深度解析代码架构扩展开发建议关于工具箱kfinit是kf的参数初始化函数，用于初始化滤波参数本文所述的代码需要基于PSINS工具箱，工具箱的讲解：PSINS初学指导：https://blog.csdn.net/callmeup/article

基于 Spring Boot 的社区居民健康管理系统部署说明书小星袁毕业设计原文 spring boot 后端 java
目录1系统概述2准备资料3系统安装与部署3.1数据库部署3.1.1MySQL的部署3.1.2Navicat的部署3.2服务器部署3.3客户端部署4系统配置与优化5其他基于SpringBoot的社区居民健康管理系统部署说明书1系统概述本系统主要运用了SpringBoot框架，前端页面的设计主要依托Vue框架来构建，实现丰富且交互性强的用户界面，后台管理功能则采用SpringBoot框架与MySQL数

线性回归理论狂踹瘸子那条好脚 python
###线性回归与Softmax回归####线性回归线性回归是一种用于估计连续值的回归方法。它的应用场景非常广泛，比如在房地产市场中，参观一个房子后，我们可以通过线性回归模型来估计房子的价格，从而决定出价。线性回归的核心思想是通过训练数据来学习参数，使得模型的预测值与真实值之间的差异最小化。在神经网络中，线性回归可以看作是一个单层神经网络。通过损失函数来衡量预测值与真实值之间的差异，常用的损失函数包

蓝队基础：企业网络安全架构与防御策略重生之物联网转网安网络安全安全
声明学习视频来自B站up主**泷羽sec**有兴趣的师傅可以关注一下，如涉及侵权马上删除文章，笔记只是方便各位师傅的学习和探讨，此文章为对视频内容稍加整理发布，文章所提到的网站以及内容，只做学习交流，其他均与本人以及泷羽sec团队无关，切勿触碰法律底线，否则后果自负！！！！有兴趣的小伙伴可以点击下面连接进入b站主页[B站泷羽sec](https://space.bilibili.com/35032

2025年三个月自学手册网络安全（黑客技术）网安kk web安全安全网络网络安全人工智能
基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包什么是网络安全网络安全可以基于攻击和防御视角来分类，我们经常听到的“红队”、“渗透测试”等就是研究攻击技术，而“蓝队”、“安全运营”、“安全运维”则研究防御技术。如何成为一名黑客很多朋友在学习安全方面都会半路转行，因为不知如何去学，在这里，我将这个整份答案分为黑客（网络安全）入门必备、黑客（网络安全）职业指南、黑客（网络安全）学习导航

入门网络安全工程师要学习哪些内容【2025年寒假最新学习计划】白帽黑客2659 学习 web安全安全网络安全密码学
基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包大家都知道网络安全行业很火，这个行业因为国家政策趋势正在大力发展，大有可为!但很多人对网络安全工程师还是不了解，不知道网络安全工程师需要学什么?知了堂小编总结出以下要点。网络安全工程师是一个概称，学习的东西很多，具体学什么看自己以后的职业定位。如果你以后想成为安全产品工程师，学的内容侧重点就和渗透测试工程师不一样，如果你想成为安全开发

2025年全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！白帽安全-黑客4148 安全 web安全网络网络安全 CTF
目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15天）4.3、后期五、CTF学习资源5.1、CTF赛题复现平台5.

2025年全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！白帽安全-黑客4148 网络安全 web安全 linux 密码学 CTF
目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15天）4.3、后期五、CTF学习资源5.1、CTF赛题复现平台5.

基于python深度学习遥感影像地物分类与目标识别、分割实践技术应用 xiao5kou4chang6kai4 深度学习遥感勘测 python 深度学习分类
专题一：深度学习发展与机器学习深度学习的历史发展过程机器学习，深度学习等任务的基本处理流程梯度下降算法讲解不同初始化，学习率对梯度下降算法的实例分析从机器学习到深度学习算法专题二深度卷积网络、卷积神经网络、卷积运算的基本原理池化操作，全连接层，以及分类器的作用BP反向传播算法的理解一个简单CNN模型代码理解特征图，卷积核可视化分析专题三TensorFlow与keras介绍与入门TensorFlow

dreamweaver html语言,Dreamweaver网页设计与制作(HTML+CSS+JavaScript) weixin_39979245 dreamweaver html语言
Dreamweaver网页设计与制作(HTML+CSS+JavaScript)编辑锁定讨论上传视频本词条缺少信息栏，补充相关内容使词条更完整，还能快速升级，赶紧来编辑吧！《Dreamweaver网页设计与制作(HTML+CSS+JavaScript)》是2014年清华大学出版社出版的图书。Dreamweaver网页设计与制作(HTML+CSS+JavaScript)图书详细信息编辑ISBN：978

html 5中css的含义,HTML 5+CSS+JavaScript网页设计与制作律保阁-Michael html 5中css的含义
HTML5+CSS+JavaScript网页设计与制作编辑锁定讨论上传视频《HTML5+CSS+JavaScript网页设计与制作》是2019年4月清华大学出版社出版的图书，作者是彭进香、张茂红、王玉娟、叶娟、孙秀娟、万幸、刘英。书名HTML5+CSS+JavaScript网页设计与制作作者彭进香张茂红王玉娟叶娟作者孙秀娟展开作者孙秀娟万幸刘英收起出版社清华大学出版社出版时间2019年4月定价48

muzero 算法原理战神哥
Muzero算法是一种通用的强化学习算法，它可以在没有预先设定策略的情况下进行学习。它通过模拟整个游戏进程来自我学习，并通过回报函数来评估每一步的决策。Muzero算法的核心部分是一个叫做模型的神经网络，它会对游戏的状态进行预测，预测未来的游戏状态。另一部分是策略网络，它会根据当前状态预测每一步的最优决策。Muzero算法通过不断地训练模型和策略网络，来提高它们的准确性，从而使得机器学到了如何玩游

html+css+javascript实用详解,HTML+CSS+JavaScript 课程标准 vvv666s
②学会运用HTML语言中的标记设置颜色、文本格式和列表；熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法；③掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法；④熟练掌握表格的使用方法，学会利用表格设布局网页；掌握框架制作网页的方法，会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面；⑤掌握JavaScript语言的语法；⑥掌握在HTML语言代码中嵌入

Android Gradle使用总结 Wei_Leng Android studio android gradle 脚本
其他Groovy入门学习http://blog.csdn.net/zhaoyanjun6/article/details/70313790AndroidGradleAndroid项目使用Gradle作为构建框架，Gradle又是以Groovy为脚本语言。所以学习Gradle之前需要先熟悉Groovy脚本语言。Groovy是基于Java语言的脚本语言，所以它的语法和Java非常相似，但是具有比jav

LLM与知识图谱融合:智能运维知识库构建 AI天才研究院 DeepSeek R1 &大数据AI人工智能大模型 AI大模型企业级应用开发实战 AI实战计算科学神经计算深度学习神经网络大数据人工智能大型语言模型 AI AGI LLM Java Python 架构设计 Agent RPA
1.背景介绍随着信息技术的飞速发展，IT运维管理面临着越来越大的挑战。海量的设备、复杂的网络环境、日益增长的数据量，使得传统的运维方式难以满足需求。为了提高运维效率和质量，智能运维应运而生。智能运维的核心是将人工智能技术应用于运维领域，通过机器学习、深度学习等算法，实现自动化、智能化的运维管理。其中，大语言模型（LLM）和知识图谱是两个重要的技术方向。LLM能够理解和生成自然语言，可以用于构建智能

RT-Thread I2C 驱动框架学习笔记 DgHai RT-Thread mcu 单片机
RT-ThreadI2C驱动框架（5.1.0）II2C驱动包括两大部分，I2C驱动总线驱动和I2C设备驱动。I2C总线驱动负责控制I2C总线的硬件，包括发送和接收数据的时序控制，以及处理总线冲突等。它与嵌入式系统的硬件层交互，实现对I2C总线的底层操作，使得应用程序可以通过I2C总线与外部设备进行通信。I2C设备驱动负责管理和控制连接在I2C总线上的具体外部设备。它与I2C总线驱动和嵌入式系统的驱

CCNP350-401学习笔记（351-400题）殊彦_sy CCNP题库学习
351、WhichnewenhancementwasimplementedinWi-Fi6?A.4096QuadratureAmplitudeModulationModeB.ChannelbondingC.Wi-FiProtectedAccess3D.UplinkandDownlinkOrthogonalFrequencyDivisionMultipleAccess352、HowdoesIGMPf

前端性能优化——如何提高页面加载速度？忘川... 前端性能优化 html
1.将样式表放在头部首先说明一下，将样式表放在头部对于实际页面加载的时间并不能造成太大影响，但是这会减少页面首屏出现的时间，使页面内容逐步呈现，改善用户体验，防止“白屏”。我们总是希望页面能够尽快显示内容，为用户提供可视化的回馈，这对网速慢的用户来说是很重要的。将样式表放在文档底部会阻止浏览器中的内容逐步出现。为了避免当样式变化时重绘页面元素，浏览器会阻塞内容逐步呈现，造成“白屏”。这源自浏览器的

前端开发入门指南：HTML、CSS和JavaScript基础知识方向感超强的 javascript css html 前端
引言：大家好，我是一名简单的前端开发爱好者，对于网页设计和用户体验的追求让我深深着迷。在本篇文章中，我将带领大家探索前端开发的基础知识，涵盖HTML、CSS和JavaScript。如果你对这个领域感兴趣，或者想要了解如何开始学习前端开发，那么这篇文章将为你提供一个良好的起点。1.前端开发概述在我们深入了解前端开发的细节之前，让我们先了解一下前端开发的定义和作用。简而言之，前端开发涉及构建用户直接与

前端504错误分析 ox0080 #北漂+滴滴出行 Web VIP 激励前端
前端出现504错误（网关超时）通常是由于代理服务器未能及时从上游服务获取响应。以下是详细分析步骤和解决方案：1.确认错误来源504含义：代理服务器（如Nginx、Apache）在等待后端服务响应时超时。常见架构：前端→代理服务器→后端服务，问题通常出在代理与后端之间。2.排查步骤（1）检查后端服务状态确认服务是否运行：通过日志或监控工具（如systemctlstatus,KubernetesPod

16、电科院FTU检测标准学习笔记-基本性能2 six2me 配电自动化(FTU)测试笔记学习笔记 FTU 配电检测
作者简介：本人从事电力系统多年，岗位包含研发，测试，工程等，具有丰富的经验在配电自动化验收测试以及电科院测试中，本人全程参与，积累了不少现场的经验————————————————————————————————————目录交流工频电量影响量试验频率带来的影响谐波变化带来的影响不平衡电流对功率的影响三相功率测量元件之间相互作用引起的改变故障电流采集电流过载检测（大电流）状态量输出（遥控）输入SOE分

C语言流程控制学习笔记前端熊猫 C语言 c语言学习笔记
1.顺序结构顺序结构是程序中最基本的控制结构，代码按从上到下的顺序依次执行。大多数C语言程序都是由顺序结构组成的。2.选择结构选择结构根据条件的真假来决定执行哪一段代码。在C语言中，选择结构主要有以下几种：2.1if语句if语句用于根据条件的真假来执行相应的代码块。if(condition){//当条件为真时执行的代码}2.2if-else语句if-else语句用于在条件为真时执行一段代码，为假时

VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmware mac os 10.10 workstation player
最近尝试了下VMware下安装MacOS 系统，安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章，只能提供大概的思路，但是实际安装起来由于版本问题，走了不少弯路，所以我尝试写以下总结，希望能给有兴趣安装OSX的人提供一点帮助。写在前面的话：其实安装好后发现，由于我的th

关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScript java 框架
本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]）一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下平台

如何把maven项目转成web项目 Kai_Ge maven MyEclipse
创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl

主管？？？ Array_06 工作
转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个

python内置函数大全 2002wmj python
最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu

JSP页面通过JQUERY合并行 357029540 JavaScript jquery
在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb

Java基础冰天百华 java基础
学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal

unix时间戳相互转换 adminjun 转换 unix 时间戳
如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135

作为一个合格程序员该做的事 aijuans 程序员
作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法出错不要紧，最重

由html5视频播放引发的总结 ayaoxinchao html5 视频 video
前言项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。视频结构本该直接介绍html5的<video>的，但鉴于本人对视频

解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
     如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误 javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu

Jedis连接池的入门级使用 bijian1013 redis redis数据库 jedis
Jedis连接池操作步骤如下： a.获取Jedis实例需要从JedisPool中获取； b.用完Jedis实例需要返还给JedisPool； c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag

变与不变 bingyingao 不变变亲情永恒
变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，

【Scala十】Scala核心四：集合框架之List bit1129 scala
Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解 1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量 2. 给变量赋值(注意val关键字，a，b

Nested Functions in C bookjovi c closure
Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的

Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
        总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集

读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java 设计模式
声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多

After Effects操作&快捷键 cherishLC After Effects
1、快捷键官方文档中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键

Maven 常用命令 crabdave maven
Maven 常用命令 mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site mvn dependency:res

shell bad substitution daizj shell 脚本
#!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im

Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
Java SE 第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型（Primitive Data Type） 2）引用类型（对象类型）（R

CGridView中实现批量删除 dcj3sjt126com PHP yii
1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&

Java中泛型的各种使用 dyy_gusi java 泛型
Java中的泛型的使用：1.普通的泛型使用在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa

Web开发技术十年发展历程 gcq511120594 Web 浏览器数据挖掘
回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a

openSession()与getCurrentSession()区别： hetongfei java DAO Hibernate
来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。这里getCurrentSession本地事务(本地

第一章安装Nginx+Lua开发环境 jinnianshilongnian nginx lua openresty
首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒

HSQLDB In-Process方式访问内存数据库 liyonghui160com
HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。先睹为快！下面是一个In-Process方式访问内存数据库的代码示例：下面代码需要引入hsqldb.jar包（hsqldb-2.2.8） import java.s

Java线程的5个使用技巧 pda158 java 数据结构
Java线程有哪些不太为人所知的技巧与用法？　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。

开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。程序包管理器管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管

避免使用终结函数 vahoa.ma java jvm C++
终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。     我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方

**按字母分类：** A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
:定义表头	:定义表格单元

Web前端学习win11