赚钱养自个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第一课)

  • Flask框架中局部刷新页面 oliver.chau Python前端开发flaskpython后端
    在Flask中使用AJAX仅刷新leftMenue.html你的项目使用Flask，想要在添加网站后，仅刷新leftMenue.html而不刷新整个页面，可以使用AJAX（推荐）。✅1.在app.py里创建一个返回leftMenue.html的路由在Flask里，我们需要一个专门的API来返回最新的leftMenue.html。fromflaskimportFlask,render_templat
  • JavaScript面试宝典 傻小胖 javascript面试前端
    1.JS由哪三部分组成？JavaScript由以下三部分组成：ECMAScript（ES）：JavaScript的核心语法，如变量、作用域、数据类型、函数、对象等。DOM（文档对象模型）：用于操作HTML和XML文档的API，可以动态修改网页内容、结构和样式。BOM（浏览器对象模型）：用于操作浏览器窗口和页面，例如window、navigator、location、history、screen等对
  • 【算法】BFS(最短路径问题、拓扑排序) 秦jh_ 算法算法数据结构c++
    个人主页：秦jh_-CSDN博客系列专栏：https://blog.csdn.net/qinjh_/category_12862161.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12862161&sharerefer=PC&sharesource=qinjh_&sharefrom=from_link目录边权为1的最短路径问题多源
  • WordPress建站给外贸人带来的负担 小机出海 建站常谈服务器sslhttps
    WordPress是全球最大的开源建站平台，有着丰富的主题与插件，尽管功能非常强大，但也给想要建站的外贸人带来了一些负担。一、技术门槛与学习成本1、由于WordPress发展了几十年，里面的功能应有尽有，但往往这些复杂的功能导致建站新手对它的学习成本变得很高，需要理解各个模块与功能点，增加了上手的复杂度。2、WordPress的建站服务商他不会告诉你，你可能需要知道一些代码知识（HTML、CSS、
  • 固定表头、首列 —— uniapp、vue 项目 菲力蒲LY vue.jsuni-app前端
    项目实地：也可以在【微信小程序】搜索体验：xny.handbook另一个体验项目：官网一、效果展示二、代码展示（1）html部分股票代码建议投金额实际投金额建议股数实际股数◎原单价涨出-单价↑跌出+单价↓+○预赚+●实赚-○预赔-●实赔操作{{item.stockCode}}{{item.calculAdvsIvsMoney}}{{item.calculRealIvsMoney}}{{item.t
  • Dash 简介 tankusa dash
    Dash是一个基于Python的开源框架，专门用于构建数据分析和数据可视化的Web应用程序。Dash由Plotly团队开发，旨在帮助数据分析师、数据科学家和开发人员快速创建交互式的、基于数据的Web应用，而无需深入掌握前端技术（如HTML、CSS和JavaScript）。Dash的核心优势在于其简单易用性和强大的功能。通过Dash，用户可以使用纯Python代码来构建复杂的Web应用，而无需编写繁
  • Python __init__.py 愚昧之山绝望之谷开悟之坡 pythoninit
    Python__init__.py作用详解尼古拉苏关注12018.06.1012:57:34字数745阅读45,278转载于：https://www.cnblogs.com/tp1226/p/8453854.html__init__.py该文件的作用就是相当于把自身整个文件夹当作一个包来管理，每当有外部import的时候，就会自动执行里面的函数。1.标识该目录是一个python的模块包（modul
  • vscode 好用插件 yqcoder vscodeide编辑器
    一、通用效率类1.AutoRenameTag在编写HTML或XML代码时，当你修改一个标签的名称，它会自动同步修改对应的结束标签，节省了手动修改的时间，提高了代码的准确性和编写效率。2.BracketPairColorizer为代码中的括号对（如()、{}、[]）添加不同的颜色，让你可以更清晰地分辨嵌套的括号层次，尤其在处理复杂代码时，能有效减少因括号匹配错误导致的问题。3.CodeRunner支
  • Python字符串操作 weixin_30871905 python
    转自http://blog.chinaunix.net/u/19742/showart_382176.html#Python字符串操作'''1.复制字符串'''#strcpy(sStr1,sStr2)sStr1='strcpy'sStr2=sStr1sStr1='strcpy2'printsStr2'''2.连接字符串'''#strcat(sStr1,sStr2)sStr1='strcat'sSt
  • web前端期末大作业：婚纱网页主题网站设计——唯一旅拍婚纱公司网站HTML+CSS+JavaScript IT-司马青衫 前端课程设计html
    ‍静态网站的编写主要是用HTMLDⅣV+CSSJS等来完成页面的排版设计‍，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏、鼠标划过效果等知识点，学生网页作业源码，制作水平和原创度都适合学习或交作业用，记得点赞。精彩专栏推荐【作者主页——获取更多优质源码】【web前端期末大作业——毕设项目精品实战案例(1
  • Webpack打包构建流程 码上跑步 webpack前端node.js
    webpack的打包构建流程为什么需要打包？在前端有非常多的资源，如css、js、vue、vue、图片、字体等。有些资源需要加工处理1.ts->jsts-loader2.css->css-loader+style-loader3.图片->file-loader+url-loader4.html->html-webpack-plugin需要对产物进行优化optimization（webpack优化配
  • webpack 码上跑步 webpack前端node.js
    webpack介绍webpack是一个构建工具,实现了模块化管理项目.他的工作方式是用各种loader将各种资源转化为js文件或者对js文件进行压缩编译亦或对静态资源进行处理.官网:webpack由来模块化存在一些问题1.ESM的兼容性问题2.模块文件过多,网络请求频繁3.前端的所有资源包括html和css都需要模块化构建工具应运而生,需要一个集编译,模块打包,支持不同的资源的模块打包工具.Web
  • Vue初体验 码上跑步 vue.js前端
    Vue基础Vue是什么？Vue是javascript的渐进式框架。Vue初识Vue工作时必须要创建一个Vue的实例，并且传入一个配置对象。root容器里的代码是符合html的语法但是新添加了一些Vue语法，在这些地方Vue会自动进行解析。root容器里的代码称为Vue模版。Vue实例和容器是一一对应的。在实际开发中只有一个Vue，配合组件使用。在vue里的插值{{}}内部只要写js表达式就能正常解
  • CSS入门指南：从零开始学习网页开发——（一）简介 GIS小白吃 css学习前端
    一、什么是CSS？CSS（CascadingStyleSheets，层叠样式表）是一种用于描述网页的外观和布局的样式表语言。它通过定义网页元素的样式（如颜色、字体、边距等）来与HTML内容分离，提升了网页的可维护性和设计的灵活性。CSS的核心目的是增强网页的表现力。早期的网页仅使用HTML来进行内容的展示，但由于HTML只能描述内容的结构，页面设计和内容变得难以管理。于是，CSS作为一种辅助技术应
  • 关于Jquery基本内容一 gloria123_ jquery前端javascript
    jQuery(jQ)html+css+js1jQ是一个js库,封装了大量的特定的集合(函数和方法)如animate()、css()、show()等2使用jQ大大提高开发效率,简化dom操作常见的js库jQueryYUIDojoExtJszeptojQuery选择器$(selector)筛选方法parent()$(“li”).parent()children(selector)$(“ul”).chi
  • H5基于Canvas实现电子签名并生成PDF文档 2401_85156853 程序员pdf前端java
    3.注册监听事件letbeginX:number,beginY:number;constcanvas:HTMLCanvasElement=canvasDom.current;constctx=canvas.getContext(‘2d’);ctx.fillStyle=‘#fff’;ctx.fillRect(0,0,canvas.width,canvas.height);canvas.addEven
  • 【 ＜一＞ 炼丹初探：JavaWeb 的起源与基础】之 JavaWeb 项目的部署：从开发环境到生产环境 Foyo Designer firefox前端改行学it经验分享学习方法程序人生
    点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、开发环境：写代码的“温床”在
  • 自助洗车小程序开发方案详解 ALLSectorSorft 小程序服务器数据库微信小程序
    自助洗车小程序开发设计详细扩写一、系统架构设计（一）技术栈选型1.前端：微信小程序（原生开发）：直接基于微信官方提供的开发框架，能充分利用微信的原生能力，如小程序的启动速度快、与微信生态的无缝衔接等。开发过程中可使用微信开发者工具进行代码编写、调试和预览，通过WXML（类似HTML）、WXSS（类似CSS）和JavaScript构建用户界面和交互逻辑。例如利用微信原生的组件库，快速搭建出美观且符合
  • MySQL自动建立集合自动分片_1.mongodb初步使用总结 海上行走的狮子 MySQL自动建立集合自动分片
    mongoDB2.6使用总结一、准备工作下载java驱动包驱动包下载地址：http://www.doczj.com/doc/3305bc20960590c69ec376c0.html/artifact/org.mongodb/mongo-java-drivermongoDB下载：http://www.doczj.com/doc/3305bc20960590c69ec376c0.html/在线api
  • three.js 鼠标点击获取模型对象 lucky_zouzou javascript开发语言ecmascript
    three.js创建模型后，想要实现点击模型获取模型对象触发相应事件。可以使用它提供的APITHREE.Raycaster()https://threejs.org/docs/index.html?q=Raycaster#api/en/core/Raycaster//监听点击事件window.addEventListener('click',(event)=>{event.preventDefau
  • 测试websocket接口 驰驰的老爸 webSocketwebsocket
    http://www.cnblogs.com/ListenWind/p/4760179.htmlhttp://www.cnblogs.com/yuanchunli/articles/5265738.html大家接手项目的时候,尤其是App项目,可能有websocket接口,但是测试这个websocket接口不像http接口,直接使用一些接口调用工具就行的,它必须在websocket环境下才能访问到
  • 数据监控工具Mixpanel的简易使用教程 alankuo 大数据
    Mixpanel的使用教程如下：注册与准备创建账号：访问Mixpanel官方网站，按照提示填写相关信息创建账号。登录后，在项目设置中可以获取项目密钥。了解基本概念：明确事件、用户属性等基本概念。事件是用户在应用中的操作，如点击按钮、完成注册等；用户属性是描述用户特征的信息，像年龄、城市、会员等级等。集成SDKWeb应用：在HTML文件中引入MixpanelJavaScriptSDK。在页面的标签内
  • 【Python爬虫实战】从多类型网页数据到结构化JSON数据的高效提取策略 易辰君 python爬虫python爬虫开发语言
    个人主页：https://blog.csdn.net/2401_86688088?type=blog系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、数据类型及其对应的提取策略（一）文本数据（二）数值数据（三）链接（四）图像数据（五）表格数据（六）JSON数据（七）动态数据（八）元数据（九）总结二、结构化数据提
  • 最新网络安全-跨站脚本攻击(XSS)的原理、攻击及防御_xsstrike原理 2401_84239830 程序员web安全xss安全
    XSS的类型反射型XSS/不持久型XSS存储型XSS/持久型XSS基于DOM的XSS常用Payload与工具XSS扫描工具Payloadsscript标签类结合js的html标签伪协议绕过危害防御简介跨站脚本攻击(全称CrossSiteScripting,为和CSS（层叠样式表）区分，简称为XSS)是指恶意攻击者在Web页面中插入恶意javascript代码（也可能包含html代码），当用户浏览网
  • 使用 marked.min.js 实现 Markdown 编辑器 —— 我的博客后台选择之旅 fxrz12 个人博客javascript编辑器arcgis
    最近，我决定为个人博客后台换一个编辑器。之前的富文本编辑器虽然功能齐全，但生成的HTML代码繁杂，维护起来非常麻烦。为了追求更简洁高效的写作体验，我开始研究Markdown编辑器，并最终选择了marked.min.js。1.传统富文本vs.Markdown编辑器在对比了传统富文本编辑器和Markdown编辑器后，我发现它们各有优缺点：特性传统富文本编辑器Markdown编辑器易用性简单直观需学习语
  • 智慧树刷课插件常见问题解决方案 姬虹俪Humble
    智慧树刷课插件常见问题解决方案zhihuishu智慧树刷课插件，自动播放下一集、1.5倍速度、无声项目地址:https://gitcode.com/gh_mirrors/zh/zhihuishu1.项目基础介绍本项目是一个开源的智慧树刷课插件，旨在帮助用户自动化观看智慧树教学视频。该插件能够自动播放下一集视频、提供1.5倍速播放以及无声播放的功能。主要使用的编程语言为JavaScript和HTML
  • html 文本识别标签,HTML 文本标签 北美R哥 html文本识别标签
    一、标题标签单词缩写：head头部.标题为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即~，代表六个级别的标题，代表最大的标题，代表最小的标题。标题标签语义：作为标题使用，并且依据重要性递减。注意：h1标签因为重要，尽量少用一级标题二级标题三级标题四级标题五级标题六级标题h系列有一个align属性，该属性是标题的对齐方式，默认为left(左对齐)，还有cen
  • Azure AI Document Intelligence 使用指南 scaFHIO azure人工智能flaskpython
    AzureAIDocumentIntelligence使用指南AzureAIDocumentIntelligence（原名AzureFormRecognizer）是一项基于机器学习的服务，可以从数字或扫描PDF、图像、Office和HTML文件中提取文本（包括手写）、表格、文档结构（如标题、节标题等）和键值对。它支持多种格式，包括PDF、JPEG/JPG、PNG、BMP、TIFF、HEIF、DOC
  • 第一章：欢迎来到 HTML 星球！ 我自纵横2023 HTML教程html前端
    第一章：欢迎来到HTML星球！1.1宇宙的基石：HTML是什么？嘿，亲爱的探险家！欢迎踏上这场奇妙的HTML星球大冒险之旅！在我们正式踏入这个充满奇幻色彩的星球之前，咱们得先搞清楚，HTML到底是个啥玩意儿。想象一下，整个互联网就像是一个浩瀚无垠的宇宙，而网页呢，就是这个宇宙里的各个星球。每个星球都有自己独特的风貌和故事，而HTML就是建造这些星球的基石。它就像是宇宙里的乐高积木，咱们可以用各种各
  • HTML中的块元素与行内元素 王哈哈嘻嘻噜噜 html前端
    1.块级标签块级元素会独占一行，通常用于构建页面的结构。常见的块级元素包括：：通用的块级容器。没有任何语意。可以创建网页的不同部分，导航栏侧边栏等。链接1链接2链接3若是想创建一个初始带标签的话：可以直接：#nav或者div.nav或者div#nav创建第二个div标签，第一个是导航栏，第二个就是主要内容了.content文章标题文章内容文章内容文章内容：段落。到：标题。：无序列表。：有序列表。：
  • 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其他