赚钱养自个er
赚钱养自个er

HTML第一课

  目录

      • 一、网页
        • 1、什么是网页
        • 2、什么是HTML
        • 3、网页的形成
      • 二、常用的浏览器
          • 1、常用的浏览器
          • 2、浏览器内核
      • 三、==Web标准==
          • 1、为什么需要Web标准
          • 2、Web标准的构成
        • 四、HTML标签
          • 1、预备知识
            • 1.1、标签
            • 1.2、html结构标签(骨架标签)
          • 2、网页开发工具
            • 2.1、文档类型声明标签
            • 2.2、lang语言种类
            • 2.3、字符集
          • 3、HTML常用标签
            • 3.1、标题标签
            • 3.2、段落和换行标签
            • 3.3、文本格式化标签
            • 3.4、
              和标签
            • 3.5、图像标签
            • 3.5、路径
            • 3.6、链接标签
          • 4、HTML中的注释和特殊字符
            • 4.1、注释
            • 4.2、字符实体
          • 五、零碎知识

一、网页

1、什么是网页

  网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。

  网页是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。

  网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此称其为 HTML文件。

2、什么是HTML

  HTML指 超文本标记语言(Hyper Text Markup Language)，它是用来描述网页的一种语言。

注释：
  html不是一种编程语言，是一种标记语言(Markup Language)。
  标记语言是一套标记标签(Markup Tag)。

  超文本
  有两层含义：
   1、它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)。
   2、它可以从一个文件跳转到另一个文件，与世界各地的主机连接(超链接)。

3、网页的形成

  网页是由网页元素组成的，这些元素利用html标签描述出来，通过浏览器解析来显示给用户的。
前端人员开发代码 —> 浏览器显示代码(解析、渲染) —> 生成最后的Web页面

二、常用的浏览器

  浏览器是由网页显示、运行的平台。

1、常用的浏览器

  IE、火狐(FireFox)、谷歌(Chrome)、Safari和Opera等，其中最常用的是谷歌浏览器。

2、浏览器内核

  浏览器内核是负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。

浏览器 内核 备注
IE Trident IE、猎豹安全、360极速浏览器、百度浏览器
FireFox Gecko 火狐浏览器内核
Safari Webkit 苹果浏览器内核
Chrome/Opera Blink Chrome/Opera浏览器内核。Blink其实是Webkit的分支

  目前国内一般的浏览器采用的是Webkit/Blink内核，如360、UC、QQ、搜狗等。

三、Web标准

  Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。

1、为什么需要Web标准

  浏览器不同，显示的页面或排版会有差异。

2、Web标准的构成

  主要包括结构(Structure)、表现(Presentation)和行为(Behavior)

标准 说明
结构 用于对网页元素进行整理和分类，指HTML
表现 用于设置网页元素的版式、颜色、大小等外观样式，指CSS
行为 指网页模型的定义及交互的编写，指JavaScript

  Web标准提出的最佳体验方案：结构、样式、行为相分离。
  可以理解为：结构写到html文件中、表现写到CSS文件中、行为写到JS中。

四、HTML标签

1、预备知识
1.1、标签
	<html>html>  
	<br/>

双标签关系：包含关系、并列关系

包含关系：

	<html>
		<head>
			<title>  title>
		head>
	<html/>

并列关系

	<head>  head>
	<body>  body>
1.2、html结构标签(骨架标签)
	<html>
		<head>
			<title> 样例 title>
		head>
	
		<body>
			哈哈
		body>
	<html/>

HTML第一课_第1张图片

2、网页开发工具
2.1、文档类型声明标签


文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页


表示当前页面采取的是HTML5版本来显示网页

注释：
声明位于文档中的最前面的位置，处于标签之前
不是html标签，是文档类型声明标签

2.2、lang语言种类

lang [language]

用来定义当前文档显示的语言

注释
1、en定义语言为英语[english]
2、zh-CN定义语言为中文
简单来说，定义为en就是英文网页，定义为zh-CN就是中文网页
其实对于文档显示来说，定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文

对浏览器和搜索引擎有一定作用

2.3、字符集

字符集(Character set)是多个字符的集合，以便计算机能够识别和存储各种文字。

在标签内，可以通过标签的charset属性来规定html文档应该使用哪种字符编码。

<meta charset="UTF-8"/>

注释：
  必需。否则可能引起乱码。
  charset常用的值有GB2312、BIG5、GBK、UTF-8，其中UTF-8也被称为万国码，基本包含了全世界所有国家需要用到的字符。

3、HTML常用标签

让页面结构更清晰规范

3.1、标题标签
	<h1>h1> ~ <h6>h6>
3.2、段落和换行标签
    <p> p>

换行标签

    <br/>
3.3、文本格式化标签

HTML第一课_第2张图片

3.4、
和标签

  没有语义，就是一个盒子，用来装饰内容。

  一行只能放一个

(大盒子)
  一行可以多个 (小盒子)

3.5、图像标签
	<img src="图像URL">

其他属性：
HTML第一课_第3张图片
图像标签示例1：

	
		<html>
			<head>
				<title>图像标签示例title>
			head>
			<body>
				<img src="/i/eg_tulip.jpgimg.jpg"  alt="我裂开了" width="400" height="266" title="上海鲜花港 - 郁金香" />
			body>
	html>

运行结果：
HTML第一课_第4张图片
图像标签示例2：

	
		<html>
			<head>
				<title>图像标签示例title>
			head>
			<body>
			    <img src="img.jpg"  alt="我裂开了" width="400" height="266" title="上海鲜花港 - 郁金香" />
			body>
	html>

运行结果：
HTML第一课_第5张图片
注释：
  1、可以拥有多个属性，但必须写在标签名后面。
  2、属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
  3、属性采取键值对的格式，即属性=“属性值”。

3.5、路径

 1、目录文件夹和根目录
 2、相对路径
  以引用文件所在位置为参考基础，而建立出的目录路径，即文件相对于当前html页面的位置。

相对路径分类 符号 说明
同一级路径 文件位于html文件同一级
下一级路径 / 文件位于html文件下一级
上一级路径 . . / 文件位于html文件上一级

 3、绝对路径
  指目录下的绝对位置，直接到达的目标位置，通常是从盘符开始的路径，例"D:\Web\imgs\img.jpg"

3.6、链接标签
    <a href="跳转目标URL" target="目标窗口的打开方式">文本或图像a>
属性 作用
href 必需。用于指定链接目标的url地址
target 用于指定链接页面的打开方式。_self为默认值，表示在本页面打开新页面；_blank为在新窗口打开新页面

 1、外部链接
  例：

 2、内部链接
  网站内部页面之间的相互链接，直接链接内部页面名称即可。例：

 3、空连接
  

 4、下载链接
  1、如果href里面的地址是一个文件(.exe)、压缩包(.zip)等，会下载这个文件
  2、使用download属性

	<a download="filename">
	[filename：规定下载文件的名称]

示例

	
	<html>
		<body>
			<p>点击 W3School 的 logo 来下载该图片：<p>
			<a href="/i/w3school_logo_white.gif" download="w3logo">
				<img border="0" src="/i/w3school_logo_white.gif" alt="W3School">
			a>
		body>
	html>

运行结果：

HTML第一课_第6张图片
注释：
  1、只有 Firefox 和 Chrome 支持download属性
  2、在标签中必须设置href属性。
  3、该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制，浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。

 5、锚点链接

作用
点击链接可以快速定位到页面中的某个位置

用法
在链接文本的href属性中，设置属性为 # 名字的形式，例 哈哈
找到目标位置标签，里面添加一个"id属性"="刚才的名字"，例

哈哈大本营

[此处的p可以改成其它的，例如span、a、h1~h6等]。还可以使用哈哈大本营

	
	<html>
	<head>
		<title>锚点链接示例title>
	head>
	<body>
		<ul>
			<li><a href="#haha">哈哈a>li>
			<li><a href="#heihei">嘿嘿a>li>
		ul>
		<a name="haha">哈哈大本营1a>
		<h3 id="haha">哈哈大本营2h3>
		<p>哈了个哈p><p>哈了个哈p><p>哈了个哈p><p>哈了个哈p><p>哈了个哈p><p>哈了个哈p><p>哈了个哈p><p>哈了个哈p><p>哈了个哈p>
		<a id="heihei" style="color:red;">嘿嘿大本营a>
		<p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p>
		<p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p><p>嘿嘿嘿p>
  	body>
	html>

注释：
  用此方法进行页面内跳转，可以设置出一键回顶部效果，但看起来没有那么炫酷 (ˉ▽￣～)


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script>
    script>
head>

<body>
    <span>本例来自w3school官网span>
    <span>本例在安装邮件客户端程序后才能工作!span>
    <p>简单创建电子邮件链接
        <a href="mailto:[email protected]?subject=Hello%20again">发送邮件a>
    p>

    <p>复杂创建电子邮件链接
        <a
            href="mailto:[email protected][email protected][email protected]&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">
            发送邮件!
        a>
    p>
    
body>

html>
4、HTML中的注释和特殊字符
4.1、注释
	[快捷键Ctrl+/]
4.2、字符实体

在html页面中，一些特殊符号很难或不方便直接使用，此时需要字符实体来替代。

HTML第一课_第7张图片
注释：
  1、使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。
  2、HTML 中的常用字符实体是不间断空格( )。
  浏览器总是会截短 HTML 页面中的空格。如果在文本中写 10 个空格，在显示该页面之前，浏览器会删除它们中的 9 个。如需在页面中增加空格的数量，需要使用 字符实体.
  3、实体名称对大小写敏感！

五、零碎知识

HTML第一课_第8张图片
1、txt文档修改字体：格式 —> 字体

2、网页开发工具：Visual Studio Code
VSCode使用方法：
1)、打开软件
2)、新建文件(Ctrl+N)
3)、保存(Ctrl+S) [存为 .html 文件]
4)、生成页面结构：输入! 按下Tab键
5)、利用插件在浏览器中预览页面：单击鼠标右键，在弹出的窗口上点击"Open In Default Browser" (Alt+B)
[如果没有，有可能没安装插件open in browser；也可以安装live server，可以实时预览]

3、VSCode快捷键
显示所有命令 Ctrl+Shift+P
新建文件 Ctrl+N
转到文件 Ctrl+P
在文件中查找 Ctrl+Shift+F
开始测试 F5
放大缩小视图 Ctrl +、Ctrl -
注释 Ctrl+/
快速格式化代码 Shift+Alt+F
设置 Ctrl+,

4、Snipaste — 截图工具

常用快捷方式
截图，同时测量大小、设置箭头、书写文字等 F1
在桌面置顶显示 F3
对图片取色 点击图片+alt
切换去色模式 shift
取消图片显示 Esc
历史记录回放  , / .
缩放 鼠标滚轮 或 +/-
  对于 GIF 图片则是加速/减速
旋转  1/2
  对于 GIF 图片则是 上一帧/下一帧
镜像翻转  3/4
设置透明度  Ctrl + 鼠标滚轮 或 Ctrl + +/-
鼠标穿透  X，取消则按 F4
缩略图  Shift + 双击
图像标注  空格键
隐藏  左键双击

你可能感兴趣的:(HTML第一课)

  • Python API接口 君王的羔羊 PythonAIpython
    人工智能机器人EverydayWechat老李API图灵机器人：http://www.turingapi.com/（需求实名制认证，并每天免费数量只有100条）青云客智能聊天机器人：http://api.qingyunke.com/（无须申请，无数量限制，但有点智障，分手神器。分手神器，慎用）智能闲聊（腾讯）：https://ai.qq.com/product/nlpchat.shtml(申请使用
  • 自动化测试：灵活书写XPATH定位路径 ZJ_star_1220 pythonhtmlcss前端python
    进行UI自动化测试过程中XPATH定位是使用最多的定位方法，但是有时候直接复制出来的XPATH路径会比较长，所以就需要掌握一些更高级的方法，通过询问AI，最终得到了以下方法，感觉很有用，所以记录下来一、基础定位语法绝对路径与相对路径绝对路径：以/开头，从根节点逐层定位（如/html/body/div/input），路径长且易受页面结构调整影响相对路径：以//开头，直接定位目标元素（如//input
  • HTML星球大冒险之路线图 我自纵横2023 HTML教程html前端
    第一章：欢迎来到HTML星球！1.1宇宙的基石：HTML是什么？比喻：HTML是网页世界的「乐高积木」，用标签搭建一切可见内容目标：理解HTML的作用，掌握第一个声明1.2认识HTML文档的「骨骼结构」趣味比喻：HTML文档像汉堡包是包装盒（根标签）是配料表（元信息）是汉堡本体（可见内容）示例：打印「Hello,HTML星球！」第二章：标签大狂欢：从基础到变形2.1文本标签的魔法咒语✨幽默教学：：
  • React 和 Vue _使用区别 开心小老虎 react知识点+组件vue3知识点+组件前端知识点vue.jsreact.js前端
    目录一、框架介绍1.Vue2.React二、框架结构1.创建应用2.框架结构三、使用区别1.单页面组成2.样式3.显示响应式数据4.响应式html标签属性5.控制元素显隐6.条件渲染7.渲染列表react和vue是目前前端比较流行的两大框架，前端程序员应该将两种框架都掌握，本文总结一些基本知识点的使用区别。一、框架介绍1.VueVue是一个框架，也是一个生态。其功能覆盖了大部分前端开发常见的需求。
  • html5使用本地sqlite数据库 小祁爱编程 sqlitehtml5bigdata
    html5使用本地sqlite数据库本地数据库概述在HTML5中，大大丰富了客户端本地可以存储的内容，添加了很多功能将原本必须要保存在服务器上的数据转为保存在客户端本地，从而大大提高了Web应用程序性能，减轻了服务器的负担，使用Web时代重新回到了“客户端为重、服务器端为轻”的时代。HTML5中内置了两种本地数据库，一种是SQLite,一种是indexedDBSQLite数据库使用操作本地数据库的
  • HTML网页中添加视频的代码 冬瓜生鲜 JavaWeb
           //非原创（当时忘记保存大佬连接了，不知道是谁的了，所以没有转载链接，见谅）只需要把名字改改就行如果要实现自动播放：改下这个：controlsautoplaymuted;       
  • 第五章：HTML5 大升级：解锁未来技能 我自纵横2023 HTML教程html5前端html
    第五章：HTML5大升级：解锁未来技能5.1语义化标签的「身份认证」一、语义化概念理解在HTML的旧时代，我们就像一群建筑工人，只能用一些通用的和标签来搭建网页，就好比用千篇一律的砖块盖房子，虽然能把房子盖起来，但很难从外观上看出房子的各个部分是做什么用的。而HTML5引入的语义化标签，就像是给每一块砖块都赋予了特殊的形状和用途，让网页的结构变得一目了然，就像给每个房间都贴上了清晰的标签，告诉搜索
  • WAI-ARIA 前端岳大宝 前端核心知识总结前端html
    以下是关于WAI-ARIA（WebAccessibilityInitiative-AccessibleRichInternetApplications）的核心知识梳理。一、WAI-ARIA的基本概念定义与作用WAI-ARIA是一套由W3C制定的技术规范，旨在通过语义补充使动态Web应用（如单页应用、复杂UI组件）对辅助技术（如屏幕阅读器）更可访问。核心目标：为无法通过原生HTML语义化标签表达的U
  • Flutter桌面开发（三、widget布局与表单） 左钦杨 flutterjavascriptandroid
    一、流式布局横铺或者竖着铺Row或者Column这俩都是有Children的就是可以有多个子元素例子：Row(Children:[Container(),Container(),Container(),]）Container类似于html中的DIV可以设置背景border和宽度高度Container(decoration:BoxDecoration(image:DecorationImage(im
  • 《Web 应用项目开发》课程心得体会：从理论到实战，开启 Web 开发新征程 m0_74824091 前端
    在信息技术飞速发展的当下，Web应用已然渗透到生活的方方面面，从日常网购、社交娱乐，到在线办公、学习平台，无一不是Web应用的成果。怀着对互联网技术的热忱与憧憬，我踏入了《Web应用项目开发》这门课程，历经数月的沉浸式学习与实践，收获远超预期，犹如经历一场脱胎换骨的蜕变，以下便是我在这门课程中的全面心得体会。夯实基础：Web技术初相识课程伊始，仿若踏入一片未知的技术丛林，HTML、CSS和Java
  • C程序员驯服Common Lisp - 入门 - [语言探索]<转载> acool555 lisp语言c编程documentationfortran
    版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明http://bigwhite.blogbus.com/logs/158733479.html毫无疑问，CommonLisp是一门庞大且复杂的语言，学习曲线并不平坦。对于一个从未接触过函数式语言、交互式语言以及动态类型语言的C程序员来说，学习CommonLisp显然是一个很大的挑战。也许有人会问："C语言已经无所不能了，为何还要学习C
  • Web 开发的“三件套” zhangpeng455547940 Web开发reactnativereact.jsjavascript
    HTML：定义内容结构。CSS：控制样式布局。JavaScript：实现动态行为和复杂逻辑。JavaScript应用场景前端开发：操作DOM、处理用户事件、实现动画等。后端开发：通过Node.js构建服务器端应用。跨平台开发：Electron（桌面应用）、ReactNative（移动端）等。
  • JavaScript的学习6——jQuery 十五春会
    文章目录jQuery选择器按ID查找按tag查找按class查找按属性查找组合查找多项选择器练习层级选择器子选择器（ChildSelector）过滤器（Filter）表单相关练习查找和过滤操作DOM修改Text和HTML修改CSS显示和隐藏DOM获取DOM信息操作表单修改DOM结构添加DOM删除节点练习事件鼠标事件键盘事件其他事件事件参数取消绑定事件触发条件浏览器安全限制练习动画show/hide
  • HTML标记语言＜head＞中 的几个元素 2301_79698214 html前端
    在HTML文档中，部分包含了文档的元数据（metadata），这对于网页的正确显示和搜索引擎优化（SEO）非常重要。部分通常包含以下几个重要的元素：：定义了网页的标题，这个标题会显示在浏览器的标题栏或页面的标签上。例如：我的网页：用于定义网页的元数据，如字符集、页面描述、关键词、作者、视口设置等。例如：：用于链接外部资源，如CSS文件、图标（favicon）等。例如：：用于直接在文档中嵌入CSS样
  • .net 插件式开发——实现web框架中大数据算法嵌入(BP算法逼近) weixin_34219944 json人工智能
    关于算法的引入：插件式架构设计，可移植性强，利于算法的升级。【插件式开发相关资料】https://www.cnblogs.com/lenic/p/4129096.html以BP算法为例：1、首先定义一个接口规范////////插件的统一入口///publicinterfaceIPluginPerfrom{//////统一算法插件入口//////输出参数的个数///输出参数///输入参数///str
  • HTML5拼图游戏开发经验分享 木木黄木木 html5前端html
    HTML5拼图游戏开发经验分享这里写目录标题HTML5拼图游戏开发经验分享前言项目架构1.文件结构2.核心功能模块技术要点解析1.响应式布局2.图片处理3.拖拽交互4.动画效果性能优化开发心得项目亮点总结源码分享写在最后前言在Web前端开发领域，通过实战项目来提升编程技能是最有效的学习方式之一。今天我要分享一个HTML5拼图游戏的开发经验，这个项目涵盖了现代前端开发的多个重要概念，包括响应式设计、
  • spring 的model repository service controller的功能 LCY133 web开发springjava后端
    1.Controller层（控制层）•功能：负责接收和处理HTTP请求，协调客户端与业务逻辑之间的交互。•核心职责：•请求处理：解析HTTP请求参数（如URL参数、Body数据、Headers）。•路由分发：根据请求路径（@RequestMapping）调用对应的Service方法。•响应生成：返回格式化数据（如JSON、XML）或视图（如HTML页面）。•输入校验：验证请求参数的合法性（如使用@
  • HTML 样式之 CSS 全面解析 烂蜻蜓 HTMLhtmlcss前端
    在网页开发的世界里，HTML负责搭建页面的结构，而CSS（CascadingStyleSheets，层叠样式表）则承担着渲染HTML元素标签样式的重任，赋予网页丰富的视觉效果。一、CSS的魅力展现CSS能够实现诸如改变文字的样式与颜色（Look!Stylesandcolors）、灵活操控文本（ManipulateText）、设置元素的颜色和盒子模型（Colors,Boxes）等诸多功能，极大地提升
  • Electron+Python软件系统开发记录（一）：基础环境搭建 多宝鱼1998 环境配置遇到的坑pythonnodejsthrift
    Electron+Python软件系统开发记录（一）：基础环境搭建1.问题说明最近开始做本科毕设，其中有一部分内容是搭建一个完整的软件系统。系统要求就是常见的客户端，服务器，数据库的整体架构。因为本科不是计算机系的，所以学习的相关技能少，以前写课程设计一般用QT或者MFC，还有Mac的OC语言。本着多学习的态度，这次选用了Electron框架，可以迫使自己学学html,css,js这些东西。后端因
  • python控制浏览器模拟鼠标点击网页标题_如何使用python来模拟鼠标点击（将经过实例自动化模拟在360浏览器中自动搜索"python"）... 赤衿
    1、准备工做：html安装pywin32，后面开发须要pywin32的支持，不然没法完成与windows层面相关的操做。pythonpywin32的具体安装及注意事项：shell一、总体开发环境：windows基于windows7操做系统;api提早安装python(由于篇幅问题，在此不详细讲解python环境的安装，你们能够自备楼梯)；浏览器你们能够在cmd中测试下python环境是否安装好：a
  • CSDN快速转载文章的技巧（2025年最新方法） 日薪月亿 CSDN工具指南学习方法
    文章目录一、问题描述1.1排版杂乱1.2浏览器崩溃二、原因分析2.1HTML内容复杂2.2编辑器兼容性2.3性能问题三、解决办法3.1解决思路3.2解决办法一、问题描述最近尝试了多种网上流传的文章转载方法，多数是通过浏览器的DevTool工具找到网页的id值为article_content或content_views的内容，然后右键点击选择CopyouterHTML来获取文章的完整HTML内容。接
  • 【实战-解决方案】Webpack 打包后很多js方法报错：not defined oliver.chau 前端开发webpack前端node.js
    问题分析在不打包的情况下，方法（如checkLoginStatus、filterSites、initProgressBar等）可以正常运行，而经过Webpack打包后报isnotdefined错误，通常有以下几个可能的原因：全局变量丢失在Webpack打包时，默认使用模块作用域（strictmode），不会自动将定义的函数暴露到window全局作用域。在不打包的情况下，脚本文件直接在HTML里引入
  • 【GPT入门】第18课 langchain介绍与API初步体验 *星星之火* 大模型gptlangchain
    【GPT入门】langchain第一课langchain介绍与API初步体验1.langchain介绍定义特点1.模块化与灵活性2.链式调用机制3.数据连接能力4.记忆管理功能5.提示工程支持6.可扩展性2.langchain核心组件架构图3.最简单的helloworld入门1.langchain介绍LangChain是一个用于开发由语言模型驱动的应用程序的开源框架，它在大语言模型（LLM）应用开
  • 爬虫中一些有用的用法 才不是小emo的小杨 爬虫xpath
    文本和标签在一个级别下如果文本和a标签在一个级别下比如：#获取a标签后的第一个文本节点text_node=a.xpath('following-sibling::text()[1]')[0].strip()将xpath的html代码转换成字符串etree.tostring(root,pretty_print=True,encoding="utf-8")获取所有同级标签的最后一个data_list=
  • python 编写接口部署到服务器 TotoBingo python服务器开发语言运维
    python相关学习资料：https://edu.51cto.com/video/4645.htmlhttps://edu.51cto.com/video/1158.htmlhttps://edu.51cto.com/video/3502.htmlPython编写接口并部署到服务器的指南作为一名刚入行的开发者，你可能对如何将Python编写的接口部署到服务器感到困惑。本文将为你提供一个简单的指南，
  • 【编程向导】Nginx-静态资源服务器 wtrees_松阳 nginx服务器运维
    静态资源静态资源即非服务器动态生成的文件。常见静态资源类型：浏览器端渲染：HTML、CSS、JS图片：JPEG、GIF、PNG视频：FLV、MPEG文件：TXT等任意下载文件基本配置Web服务器一个重要的功能是服务静态文件（图像或静态HTML页面）。例如，Nginx可以很方便的让服务器从/data/www获取html文件，从/data/images获取图片来返回给客户端，这只需要在http块指令中
  • Vue3开发 vue-router的使用 CV菜鸟# 前端开发vue.jsjavascript前端
    1、vue-router简介官方介绍：VueRouter是Vue.js(opensnewwindow)官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自
  • linux环境下安装和卸载Mysql5.5 test_soy mysqlmysqlmysql安装liunx环境
    学习资料参考：http://down.chinaz.com/server/201107/806_1.htmhttp://blog.itblood.com/completely-uninstall-the-mysql-under-linux-graphic-tutorials.html1、卸载mysql查找以前是否装有mysql#rpm-qa|grep-imysql显示类似如下的信息：MySQL-c
  • 【 ＜一＞ 炼丹初探：JavaWeb 的起源与基础】之 JavaWeb 中的文件上传与下载：实现文件管理功能 Foyo Designer hivehadoop数据仓库javawebServlet文件管理
    点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、文件上传：从“拖拽”到“入库
  • HTML常用标签 花林似霰f html前端javascript
    （一）标题标签-标题标签从到一共只有6级标题文本会加粗从上到下字体逐渐减小（二）段落和换行标签1.我是一个段落标签2.在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后才自动换行。如果希望某段文本强制换行显示，就需要使用换行标签。（少有的单标签）（三）和标签和是没有语义的，可以看做是一个盒子，用来装内容的。1.标签用来布局，但是现在一行只能放一个。大盒子2.标签用来布局，
  • Nginx负载均衡 510888780 nginx应用服务器
    Nginx负载均衡一些基础知识: nginx 的 upstream目前支持 4 种方式的分配 1)、轮询（默认）       每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 2)、weight       指定轮询几率，weight和访问比率成正比
  • RedHat 6.4 安装 rabbitmq bylijinnan erlangrabbitmqredhat
    在 linux 下安装软件就是折腾，首先是测试机不能上外网要找运维开通，开通后发现测试机的 yum 不能使用于是又要配置 yum 源，最后安装 rabbitmq 时也尝试了两种方法最后才安装成功 机器版本： [root@redhat1 rabbitmq]# lsb_release LSB Version: :base-4.0-amd64:base-4.0-noarch:core
  • FilenameUtils工具类 eksliang FilenameUtilscommon-io
    转载请出自出处：http://eksliang.iteye.com/blog/2217081 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • xml文件解析SAX 不懂事的小屁孩 xml
    xml文件解析:xml文件解析有四种方式， 1.DOM生成和解析XML文档(SAX是基于事件流的解析) 2.SAX生成和解析XML文档(基于XML文档树结构的解析) 3.DOM4J生成和解析XML文档 4.JDOM生成和解析XML 本文章用第一种方法进行解析，使用android常用的DefaultHandler import org.xml.sax.Attributes;
  • 通过定时任务执行mysql的定期删除和新建分区，此处是按日分区 酷的飞上天空 mysql
    使用python脚本作为命令脚本，linux的定时任务来每天定时执行 #!/usr/bin/python # -*- coding: utf8 -*- import pymysql import datetime import calendar #要分区的表 table_name = 'my_table' #连接数据库的信息 host,user,passwd,db =
  • 如何搭建数据湖架构？听听专家的意见 蓝儿唯美 架构
    Edo Interactive在几年前遇到一个大问题：公司使用交易数据来帮助零售商和餐馆进行个性化促销，但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据  “我们要花费27小时来处理每日的数据量，”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道：“所以在2013年，我们放弃了现有的基于PostgreSQL的关系型数据库系统，使用了Hadoop集群作为公司的数
  • spring学习——控制反转与依赖注入 a-john spring
           控制反转（Inversion of Control，英文缩写为IoC）是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。 控制反转一般分为两种类型，依赖注入（Dependency Injection，简称DI）和依赖查找（Dependency Lookup）。依赖注入应用比较广泛。  
  • 用spool+unixshell生成文本文件的方法 aijuans xshell
    例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下: 　　set pages 50000; 　　set lines 200; 　　set trims on; 　　set heading off; 　　spool /oracle_backup/log/test/dept.lst; 　　select deptno||','||dname||','||loc
  • 1、基础--名词解析(OOA/OOD/OOP) asia007 学习基础知识
    OOA:Object-Oriented Analysis（面向对象分析方法） 是在一个系统的开发过程中进行了系统业务调查以后，按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上，针对OO方法所需要的素材进行的归类分析和整理，而不是对管理业务现状和方法的分析。 　　OOA（面向对象的分析）模型由5个层次（主题层、对象类层、结构层、属性层和服务层）
  • 浅谈java转成json编码格式技术 百合不是茶 json编码java转成json编码
    json编码;是一个轻量级的数据存储和传输的语言       在java中需要引入json相关的包,引包方式在工程的lib下就可以了   JSON与JAVA数据的转换（JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非   常适合于服务器与 JavaScript 之间的数据的交
  • web.xml之Spring配置(基于Spring+Struts+Ibatis) bijian1013 javaweb.xmlSSIspring配置
    指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml, /WEB-INF/
  • Installing SonarQube（Fail to download libraries from server） sunjing InstallSonar
    1.  Download and unzip the SonarQube distribution 2.  Starting the Web Server The default port is "9000" and the context path is "/". These values can be changed in &l
  • 【MongoDB学习笔记十一】Mongo副本集基本的增删查 bit1129 mongodb
    一、创建复本集   假设mongod,mongo已经配置在系统路径变量上，启动三个命令行窗口，分别执行如下命令：   mongod --port 27017 --dbpath data1 --replSet rs0 mongod --port 27018 --dbpath data2 --replSet rs0 mongod --port 27019 -
  • Anychart图表系列二之执行Flash和HTML5渲染 白糖_ Flash
    今天介绍Anychart的Flash和HTML5渲染功能   HTML5 Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。 这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于
  • Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa bozch laravel
    昨天在为了把laravel升级到最新的版本，突然之间就出现了如下错误： ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
  • 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class Nim { /**编程之美 NIM游戏分析 问题： 有N块石头和两个玩家A和B，玩家A先将石头随机分成若干堆，然后按照BABA...的顺序不断轮流取石头， 能将剩下的石头一次取光的玩家获胜，每次取石头时，每个玩家只能从若干堆石头中任选一堆，
  • lunce创建索引及简单查询 chengxuyuancsdn 查询创建索引lunce
    import java.io.File; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.lucene.document.Docume
  • [IT与投资]坚持独立自主的研究核心技术 comsci it
           和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....        所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
  • flashback transaction闪回事务查询 daizj oraclesql闪回事务
       闪回事务查询有别于闪回查询的特点有以下3个： （1）其正常工作不但需要利用撤销数据，还需要事先启用最小补充日志。 （2）返回的结果不是以前的“旧”数据，而是能够将当前数据修改为以前的样子的撤销SQL（Undo SQL）语句。 （3）集中地在名为flashback_transaction_query表上查询，而不是在各个表上通过“as of”或“vers
  • Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件 游其是你 FilenameFilter
    这是一个FilenameFilter类用法的例子，实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
  • C语言学习五函数，函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题 dcj3sjt126com c
    # include <stdio.h> int f(void) //括号中的void表示该函数不能接受数据，int表示返回的类型为int类型 { return 10; //向主调函数返回10 } void g(void) //函数名前面的void表示该函数没有返回值 { //return 10; //error 与第8行行首的void相矛盾 } in
  • 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Pl dcj3sjt126com centos
    今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again   处理很简单，修改文件“/etc/yum.repos.d/epel.repo”， 将baseurl的注释取消， mirrorlist注释掉。即可。 &n
  • 单例模式 shuizhaosi888 单例模式
    单例模式      懒汉式 public class RunMain { /** * 私有构造 */ private RunMain() { } /** * 内部类，用于占位，只有 */ private static class SingletonRunMain { priv
  • Spring Security（09）——Filter 234390216 Spring Security
    Filter 目录 1.1     Filter顺序 1.2     添加Filter到FilterChain 1.3     DelegatingFilterProxy 1.4     FilterChainProxy 1.5
  • 公司项目NODEJS实践0.1 逐行分析JS源代码 mongodbnginxubuntunodejs
      一、前言         前端如何独立用nodeJs实现一个简单的注册、登录功能，是不是只用nodejs+sql就可以了？其实是可以实现，但离实际应用还有距离，那要怎么做才是实际可用的。         网上有很多nod
  • java.lang.Math liuhaibo_ljf javaMathlang
    System.out.println(Math.PI); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1)); System.out.println(Math.abs(111111111)); System.out.println(Mat
  • linux下时间同步 nonobaba ntp
    今天在linux下做hbase集群的时候，发现hmaster启动成功了，但是用hbase命令进入shell的时候报了一个错误  PleaseHoldException: Master is initializing，查看了日志，大致意思是说master和slave时间不同步，没办法，只好找一种手动同步一下，后来发现一共部署了10来台机器，手动同步偏差又比较大，所以还是从网上找现成的解决方
  • ZooKeeper3.4.6的集群部署 roadrunners zookeeper集群部署
    ZooKeeper是Apache的一个开源项目，在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题，如：统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。   1、准备工作 我们准备3台机器做ZooKeeper集群，分别在3台机器上创建ZooKeeper需要的目录。   数据存储目录
  • Java高效读取大文件 tomcat_oracle java
    　　读取文件行的标准方式是在内存中读取，Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法： 　　Files.readLines(new File(path), Charsets.UTF_8); 　　FileUtils.readLines(new File(path)); 　　这种方法带来的问题是文件的所有行都被存放在内存中，当文件足够大时很快就会导致
  • 微信支付api返回的xml转换为Map的方法 xu3508620 xmlmap微信api
    举例如下： <xml>    <return_code><![CDATA[SUCCESS]]></return_code>    <return_msg><![CDATA[OK]]></return_msg>    <appid><
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他