Java web基础知识第一节 HTML、CSS、JavaScript的复习

第一节 HTML、CSS、JavaScript

一、HTML技术
二、HTML样式结构：
三、CSS技术
四、CSS样式结构：
五、JavaScript技术
六、JavaScript样式结构：

一、HTML技术

<!DOCTYPE>标记
位于文档最前方，用于向浏览器说明当前文档HTML标准规范格式。
<html>标记
<html>标记位于<!DOCTYPE>之后，也称为根标记，用于告知浏览器其自身是一个HTML文档。
<html>标记标志HTML文档开始，</html>标记标志文档结束，在他们之间时文档内容。

<head>标记
<head>用于定义HTML文档头部信息，也称头部标记，紧跟之后，主要用来封装其它位于文档头部的标记。

如：（其它位于文档头部的标记有：）<title>：描述文档的标题、<meta>：提供有关页面元信息、<link>：用于定义文档与外部资源的关系——常见：链接样式表【链接的外部文件为CSS】<style>：为HTML文档定义样式信息。等。
注：一个HTML文档只含有一对<head>标记，对大多数文档头部包含数据都不会作为内容显示在页面中。

<body>标记
用于定义HTML所要显示的内容，也称主体标记。浏览器显示的内容位于<body>标记内， <body>与<head>标记是并列关系。
单标记
单标记也称空标记，只用一个标记符号完整地描述某个功能的标记。语法格式：<标记名 />
（在标记名与“/”只间有一个空格，规范要求，建议加上。）

双标记
双标记也称体标记，由开始和结束两个标记符组成。语法格式：<标记名>内容</标记名>

<标记名>表示标记作用开始，一般称为开始标记（start tag），
</标记名>表示标记作用结束，一般称为结束标记（end tag），和开始标记相比，结束标记前加了一个关闭符“/”。

段落标记：<p></p>和换行标记<br/>
为了使网页中文字有条理的显示出来，HTML提供了段落标记和换行标记。
文本样式标记：
在HTML中，使用<font>标记控制网页中文本的样式，如字体、字号和颜色。
基本语法格式：<font 属性=“属性值”>文本内容
图像标记：
在HTML网页中显示图像需要使用图像标记<img />。
```
基本语法格式：<img src="图片URL" />]
语法格式拓展：<img  src="1.jpg" width="102"  height="130" border="0" />
```
注：上述语法，src属性用来指定图像文件路径（必须这样指定）。
表格标记：
基本语法格式：
```
<table><tr><td>单元格内的文字</td></tr>
</table>
```
上述语法中，<table>用于定义一个表格，<tr>用于定义表格中的行，<td>用于定义表格中的单元格（列）。

表单标记：
表单是在网页中用于输入信息的区域，主要是收集用户信息，并将信息传递给后台服务器。

如：注册页面用户名和密码输入，性别选择等都是由表单中相关标记定义。

表单主要有三部分：表单控件、提示信息、表单域。

	表单控件：具体的表单功能项——单行文本输入框、密码输入框、复选提交按钮框等。提示信息：表单中说明性文字，用于提示用户的信息。表单域：相当于一个容器，容纳所有表单控件和提示信息。

11.1. 创建表单
基本语法格式：（<form>标记用于定义表单域）

<form action="url地址" method="提交方式" name="表单名称">各种表单控件
</form>

释义：action属性用于指定表单提交的地址，例如action="login.jsp"表示表单数据会提交到名为login.jsp的页面去处理。method属性用于设置表单数据的提交方式，其取值为GET或POST。其中，GET为默认值，这种方式提交的数据将显示在浏览器的地址栏中，保密性差且有数据量限制，POST提交方式不但保密性好，还可以提交大量的数据，所以开发中通常使用POST方式提交表单。

11.2. 表单控件

基本语法格式：<imput type="控件类型" />

type属性：用来指定不同的控件类型（单行文本输入框、单选按钮、复选框、重置按钮等）。
其他属性：id、name、value、size等。分别指定input控件的ID值、名称、控件中的默认值和控件在页面中的显示宽度。

无序列表

<ul><li>无序列表项</li>
</ul>

注：上述语句中，<ul>标记用于定义无序列表。

超链接标记

基本语法格式：<a href="跳转目标" target="目标窗口弹出方式">文本或图像</a>

<a></a>标记是一个行内标记，用于定义超链接.

释义：href属性：用于指定链接指向的页面的URL。当在<a></a>标记中使用href属性时，该标记就具有了超链接的功能；target属性用于指定页面的打开方式，其取值有_self和_blank。————其中_self为默认值，意为在原窗口打开，_blank为在新窗口打开。

<div>标记
一个区块容器标记，可以将网页分割为独立的，不同的部分，以实现网页规划和布局。
在实际开发中<div>常与CSS标记搭配使用。

二、HTML样式结构：

<!DOCTYPE>
<html><head><title><meta><link><style></head><body><p></p><br/><font 属性="属性值">文本内容</font><img  src="1.jpg" width="102"  height="130" border="0" /><table><tr><td>单元格内的文字</td></tr></table><form action="url地址" method="提交方式" name="表单名称">各种表单控件<imput type="控件类型" /></form><ul><li>无序列表项</li></ul><a href="跳转目标" target="目标窗口弹出方式">文本或图像</a><!--target属性用于指定页面的打开方式，其取值有_self和_blank，其中_self为默认值，意为在原窗口打开，_blank为在新窗口打开。--><!--<div>标记：一个区块容器标记，可以将网页分割为独立的，不同的部分，以实现网页规划和布局。在实际开发中<div>常与CSS标记搭配使用。--></body>
</html>

三、CSS技术

CSS是Cascading Style Sheet的缩写，译为"层叠样式表单"。
用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
实际开发中，主要用于设置HTML页面的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。

CSS定义：
基本语法格式：

选择器{属性1：属性值1;属性2:属性值2;属性3:属性值3;}

释义：其中，属性和属性值以“键值对”的形式出现，如字体大小、文本颜色等。属性和属性值之间用“:”（英文冒号）连接，多个“键值对”之间用 “;”（英文分号）进行分隔。

例如：div{border:1px  solid  red;width:600px;height:400px;}

 注：border属性有3个值“1px solid red;”分别表示该边框为1像素、实心边框线、红色。

CSS中，通畅使用像素单位px作为计量的标准量。
px：相对于显示屏分辨率而言。
百分比（%）：相对于父对象而言。（例如一个元素呈现的宽度是400px，子元素设置为50%，那么子元素所呈现的宽度为200px。）
CSS颜色取值：（三种）
预定义的颜色值：如red、green、blue等。
十六进制：如#FF0000、#FF6600、#29D794等。实际工作中，十六进制是最常用的定义颜色的方式。
RGB代码：如红色可以用rgb(255,0,0) 或 rgb(100%,0%,0%)来表示。如果使用RGB代码百分比方式取颜色值时，即使值为0，也不能省略百分号，必须写为0%
CSS引用样式：
若要使用CSS样式修饰网页，须在HTML文档中引用CSS。
引入方式有四种：链入式、行内式（也称为内联样式）、内嵌式和导入式。

5.1、 内嵌式： 将CSS代码集中写在HTML中并用

基本语法格式：<head><style  type="text/css">选择器{属性1：属性值1;属性2:属性值2;属性3:属性值3;} </style></head>

5.2、链入式： 将所有样式放在一个或多个以.css为扩展名的外部样式文件中，通过标记将外部样式表文件连接到HTML文件中。

基本语法格式： 
<head><link  href="css文件的路径"  type="text/css" rel="stylesheet" /><!--注：<link />标记需要放在<head>头部标记中，并且必须指定<link />标记的三个属性，具体如下：href：定义所链接外部样式表文件的地址，可以是相对路径，也可以是绝对路径。type：定义所链接文档的类型，这里需要指定为“text/css”，表示链接的外部文件为CSS。rel：定义当前文档与被链接文档之间的关系，这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。-->

选择器及常用属性
若将CSS样式应用于特定HTML元素中，首先要找到该目标元素。在CSS中，执行这一样是任务的部分称为选择器。

6.1、标记选择器：
标记选择器是指用HTML标记名称作为选择器，按标记名称分类。

基本语法格式：	标记名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}

 如：<body>标记、<h1>标记、<p>标记等。用标记选择器定义的样式对页面中该类型的所有标记都有效，缺点是，不能设计差异化样式。

6.2、类选择器：
类选择器使用“.”进行标识，后面紧跟类名。

基本语法格式.类名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}

注：类名即为HTML页面中元素的class属性值，大多数HTML元素都可以定义class属性。类选择器最大的优势是可以为元素对象定义单独或相同的样式。

6.3、id选择器：
id选择器使用“#”进行标识，后面紧跟id名。

基本语法格式#id{属性1：属性值1；属性2：属性值2；属性3：属性值3；}

6.4、通配符选择器：
通配符使用“*”进行标识，它是所有选择器作用范围最广的，能匹配页面所有元素。

基本语法格式* {属性1：属性值1；属性2：属性值2；属性3：属性值3；} 例如：（该样式能够清除所有HTML标记的默认边距。）*{margin: 0; /*定义外边框*/padding: 0; /*定义内边框*/}

注：实际网页开发中，不建议使用通配符选择器，因为它设置的样式对所有的HTML标记都生效.

CSS常用属性：
margin：用于指定对象外边框（对象与对象的距离），属性可以指定4个属性值，上右下左，各属性值以空格分隔。
padding：用于指定对象内边框（对象的内容于边框之间的距离），属性可以指定4个属性值，上右下左，各属性值以空格分隔。
background：用于设置背景颜色、背景图片、背景图片的排列方式、是否固定背景图片和背景图片的位置。该属性可以指定多个属性，各属性值以空格分隔，没有先后顺序。
font-family：指定元素字体系列
border：用于设置边框宽带、边框的样式和边框的颜色。该属性可以指定多个，各属性以空格分隔。
font：用于设置字体样式、小型的大写字体、字体粗细、文字的大小、行高和文字的字体。
height：用于指定对象的高度。
line-height：用于设置行间距。
color：用于指定文本的颜色。
text-align：用于指定文本的对齐方式。
text-decoration：用于指定文本的显示样式。
vertical-align：用于设置元素的垂直对齐方式。
display：用于指定对象的显示形式。

四、CSS样式结构：

div{ border:1px  solid  red; width:600px;  height:400px;}
<!--border属性有3个值“1px solid red;”：分别表示该边框为1像素、实心边框线、红色。-->标记选择器：标记名{属性1：属性值1；属性2：属性值2；属性3：属性值3；} 
<!--如：<body>标记、<h1>标记、<p>标记等。用标记选择器定义的样式对页面中该类型的所有标记都有效，缺点是，不能设计差异化样式。-->类选择器：.类名{属性1：属性值1；属性2：属性值2；属性3：属性值3；} 
<!--类名即为HTML页面中元素的class属性值，大多数HTML元素都可以定义class属性。类选择器最大的优势是可以为元素对象定义单独或相同的样式。-->id选择器：#id{属性1：属性值1；属性2：属性值2；属性3：属性值3；} 
通配符选择器：*{属性1：属性值1；属性2：属性值2；属性3：属性值3；} *{margin: 0; /*定义外边框*/padding: 0; /*定义内边框*/}
<!-- 该样式能够清除所有HTML标记的默认边距。-->
<!-- 注：实际网页开发中，不建议使用通配符选择器，因为它设置的样式对所有的HTML标记都生效.-->

五、JavaScript技术

DOM相关知识
DOM是Document Object Model（文档对象类型）的简称，是W3C组织推荐的处理可扩展标志语言的标准编程接口。
它可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。
W3C中将DOM标准分为3个不同的部分：核心DOM、XML DOM和HTML DOM。
其中核心 DOM 是针对任何结构化文档的标准模型，XML DOM是针对XML文档的标准模型，而HTML DOM是针对HTML文档的标准模型。

HTML DOM模型被构造为对象的树，该树的根节点是文档（Document）对象。
该对象有一个documentElement的属性引用，表示文档根元素的Element对象。
HTML中表示文档根元素Element对象是<html>元素。<head>和<body>元素可以看做树的枝干。
每个元素被称为一个节点，直接位于一个节点之下的节点被称为该节点的子节点（childNode）。
直接位于一个节点之上的节点被称为该节点的父节点（parentNode），具有相同父节点的两个节点称为兄弟节点（siblingNode）。

2.1、节点的访问
在DOM中，HTML文档的各个节点被视为各种类型的Node对象。
若想通过某个节点的子节点找到该元素，基本语法格式：

父节点对象=子节点对象.parentNode;

 Node对象的常用属性：parentNode	Node：返回节点的父节点，没有父节点时为nullchildNode	NodeList：返回节点到子节点的列表firstChild	Node：返回节点的首个子节点，没有则为nulllastChild	Node：返回节点的最后一个子节点，没有则为null

2.2、获取文档中的指定元素：
通过遍历节点的访问可以找到文档中的指定元素，但document中提供了直接搜索文档指定元素的简便方法。

1、通过元素的id属性获取元素
***		Document的getElementById()方法可以通过元素的id属性获取元素。		
***		例如：document.getElementById("userld");		//释义：文档.获取元素通过Id("id的属性值userld");2、通过元素的name属性获取元素Document的getElementByName()方法可以通过元素的name属性获取元素。		例如：document.getElementByName("userName")[0];		//释义：文档.获取元素通过Name("Name的属性值userld");注：由于多个元素可能会有相同的name值，所以该方法将返回一个数组，而非元素。若想获得唯一元素，可以通过获取返回数组中下标值为0的元素进行获取。

JavaScript概述
JavaScript是web中一种功能强大的脚本语言，被设计为向HTML页面增加交互性，常用来为网页添加各种动态功能。
它不需要编译，直接嵌入HTML页面中，就可以把静态页面转变为支持用户交互并响应事件的动态页面。

3.1、JavaScript的引入：
在HTML文档中，较常用的两种引入方式：内嵌式、外链式。

3.2、内嵌式：在HTML文档中直接嵌入JavaScript脚本
在HTML文档中，通过<script></script>标签及其相关属性引入JavaScript代码。当浏览器读取到<script>标签时，就会解释执行其中的脚本。

基本语法格式：<script type="text/javascript">//此处为JavaScript代码</script>
<!--注：type属性：指定HTML文档脚本语言类型，当type属性的值为text/javascript时，表示<script></script>元素中包含的是JavaScript脚本。-->
<!--JavaScript中有三种弹出对话框的方式，分别是使用alert()、confirm()以及prompt()。如果不想使用弹出对话框，也可使用document.write()方法直接将信息显示在页面上。-->

3.3、外链式：
当脚本代码复杂或一段代码多个网页文件使用时，可以将脚本代码放置在一个扩展名为js的文件中。
通过外链式引入JavaScript文件。

基本语法格式：<script type="text/javascript" src="JS文件路径"></script>

3.4、数据类型：

JavaScript常见数据类型：Number		数值型		数值型数据不分整型和浮点型，不要用引号括起来String		字符串类型	用单引号或双引号括起来的一个或多个字符	Boolean		布尔型		只有true和false两个值Object		对象类型		一组数据和功能的键值对集合Null		空类型		没有如何值Underfined	未定义类型	指对象被创建，但未赋值时所具有的值

3.5、变量：var
JavaScript是一种弱类型语言，所以在声明变量时，不需要指定变量的类型，变量的类型将根据变量的赋值来确定。

基本语法格式：var number=27;var str="传智博客";
注：变量的命名必须遵循命名规则，变量名可以由字母、下划线（_）、美元符号（$），甚至中文组成，但中文命名的方式不建议使用。中间可以是数字、字母或下划线，但是不能有空格、加号、减号等符号，不能使用JavaScript的关键字。

3.6、运算符：
JavaScript中运算符主要包括算术运算符、比较运算符、赋值运算符、逻辑运算符和条件运算符5种。

（1）算术运算符：用于连接运算表达式。主要包括加（+）、减（-）、乘（*）、除（/）、取模（%）、自增（++）、自减（--）等运算符。
（2）比较运算符：在逻辑语句中使用，用于判断变量或值是否相等。返回布尔类型值true或false。（注：其它比较运算符：<、>、<=、>=、==、!=	）
（3）逻辑运算符：根据表达式的值来返回真值或假值。常用的逻辑运算符：&&、||、!
（4）赋值运算符：最基本的赋值运算符是等于号“=”，用于对变量进行赋值。其他运算符可以和赋值运算符联合使用，构成组合赋值运算符。（注：其它赋值运算符：+=、-=、*=、/=、%=		）
（5）条件运算符：是JavaScript中的一种特殊的三目运算符，它与Java中的三目运算符的使用类似。

 基本语法格式：操作数？结果1：结果2（如果操作数的值为true，则整个表达式的结果为“结果1”，否则为“结果2”。）示例：<script  type="text/javascript">var  a=5;var  b=5;alert((a==b)?true:false);</script>（在上述js代码中，由于声明的变量a和b的值相同，所以运算符“==”的比较结果为true，此时整个alert()语句的结果就为true；如果变量a与b的值不相等，则整个语句的执行结果为false。）

3.7、条件语句if
（1）单向判断语句：是结构最简单的条件语句，如果程序中存在绝对不执行某些指令的情况，就可以使用单向判断语句。

基本语法格式：if (执行条件){执行语句；}

（2）双向判断语句：是if条件语句的基础形式。

基本语法格式：if (执行条件){语句1；}else{语句2；}

JavaScript的使用：
4.1 函数的定义及调用：定义函数通过function语句实现。
```
基本语法格式：function functionName([parameter1,parameter2,...]){statements;[return expression;]}
释义：1：functionName是必选项，用于指定函数名，在同一页面中函数名唯一，且分大小写。2：parameter1,parameter2,...是可选项，代表参数列表，多个参数时使用逗号进行分隔，一个函数最多有255个参数。3：statements是必选项，代表用于实现函数功能的语句。4：return expression是可选项，用于返回函数值。expression：为任意表达式、变量或常量。
```
4.2 事件处理：
事件：指用户在访问页面是执行的操作。（单击鼠标或按键）
当浏览器探测到事件时，会触发与这个事件关联的处理程序。
事件处理过程分三步：发生事件、启动事件处理程序和事件处理程序作出反应。
（注：若要启动事件处理程序，通常使用特定的自定义函数（Function）对事件进行处理。）

4.3 常用对象：
（1）window对象：表示整个浏览器窗口，它处于对象层次的顶端，可用于获取浏览器窗口的大小、位置，或设置定时器等。
```
在使用时，JavaScript允许省略window对象的名称。
```
```
window对象常用的属性和方法。（P27）
```
（2）Date对象：是一个有关日期和时间的对象。它具有动态性，必须使用new关键字创建一个实例，
```
基本语法格式：var Mydate=new Date();Date对象没有提供直接访问的属性，只有获取和设置日期的方法。（P27）
```
（3）String对象：是JavaScript提供的字符串处理对象，创建对象实例后才能引用.
```
它提供了对字符串进行处理的属性和方法。（P28）
```

六、JavaScript样式结构：

样式结构：暂无。

End。

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

Python_8_面向对象
Python_8_面向对象Python面向对象类定义类定义类的方法继承类的专有方法： Python面向对象类（Class）：用来描述具有相同的属性和方法的对象的集合。它定义了该集合中每个对象所共有的属性和方法。对象是类的实例。方法：类中定义的函数。类变量：类变量在整个实例化的对象…...
2024/4/23 14:36:18
国外（USA）是如何选择2020年最佳视频会议提供商
Ready to invest in Video Conferencing?准备好投资视频会议了吗？Video conferencing is one of the most exciting tools in the communication landscape. It’s the only way to maintain all the unique nuances of face-to-face interaction, without any of the travel…...
2024/5/2 9:02:53
苹果cms设置本地播放器 ckplayer(版本:ckplayerx)
苹果cms设置本地播放器 ckplayer(版本:ckplayerx) 文章目录苹果cms设置本地播放器 ckplayer(版本:ckplayerx)概述设置方法各终端表现概述之前试过阿里云的 aliplayer、苹果cms自带的 dplayer,跟最新的 ckplayer比,个人体验ckplayer好很多。设置方法官网下载压缩包压缩包地址…...
2024/5/1 14:01:14
leetcode 1143. 最长公共子序列
https://leetcode.com/problems/longest-common-subsequence/解题思路：动态规划，二维数组，记录最长公共子序列的值。class Solution { public:int longestCommonSubsequence(string text1, string text2) {int l1 = text1.length();int l2 = text2.length();if(l1==0 || l2=…...
2024/4/23 14:36:16
Java Web 网页验证码生成
1.在java文件夹中创建一个CaptcheController的java类。2.在CaptcheController中重写service方法，再创建generatePic的BufferedImage类。3.代码部分。 @WebServlet("/captche") public class CaptcheControlle extends HttpServlet{@Overrideprotected void service(…...
2024/5/2 13:31:40
MySQL表的内连和外连
1 内连接inner join on A and B 内连接实际上就是利用where子句对两种表形成的笛卡儿积进行筛选，我们前面学习的查询都是内连接，也是在开发过程中使用的最多的连接查询。 select 字段 from 表1 inner join 表2 on 连接条件 and 其他条件; 案例:显示SMITH的名字和部门名称-- …...
2024/4/18 8:37:49
SparkSQL介绍及快速入门
1.什么是SparkSQL? 用于处理构造化数据的spark模块可以通过DataFrame和DataSet处理数据 2.SparpSQL特点易整合可以使用java、scala、python、R 等语言的API操作统一数据访问连接到任何数据源的方式相同兼容hive 标准的数据连接（JDBC/ODBC）SQL优缺点优点：表达非常清…...
2024/4/17 6:53:01
抽象数据类型Triplet(三元组)的表现和实现方法
数据结构Triplet(三元组)的表现和实现方法参考严蔚敏数据结构(清华c语言版)例1-7#include "stdio.h" #include "stdlib.h"#define ElemType int #define TRUE 1 #define FALSE 0 #define OK 1 #define ERROR 0 #define INFEASIBLE -1 #define OVERFLOW -…...
2024/5/2 12:01:20
PyTorch学习笔记（一）Tensor基本操作
EnvironmentOS: macOS Mojave Python version: 3.7 PyTorch version: 1.4.0 IDE: PyCharm文章目录0. 写在前面1. Tensor 对象创建1.1 由其他数据类型创建1.2 按指定的数值创建1.3 按特定的数列创建1.4 按指定概率分布创建2. Tensor 对象常用操作2.1 索引2.2 变换2.3 拼接2.4 切…...
2024/4/17 6:53:07
Python网络爬虫入门版笔记六、基于bs4库的HTML遍历方法
一、结构介绍当我们打开一个html文档时可以发现这是一个具有树形结构的文本。以前面的演示界面来看，其树形结构为：现在介绍三种遍历方式：下行遍历、上行遍历、平行遍历。二、标签树的下行遍历属性说明.contents子节点的列表，将<tag>所有儿子节点存入列表.children子节…...
2024/4/17 6:52:31
【Spark】记一个Spark错误（二）
今天在配置Yarn的日志历史服务的时候，配置完成，想跑一个应用看一下效果，就使用了spark-shell --master yarn --deploy-mode client这个命令，结果出现了如下错误👇我看了下错误，先是去看了下报错信息的源码，结果没有找到我想看的东西，无奈只能去查阅一下资料，奈何找寻…...
2024/5/1 19:47:16
剑指 offer 刷题（22）——把二叉树打印成多行
一、题目从上到下按层打印二叉树，同一层结点从左至右输出。每一层输出一行。二、思路参考：二叉树的层次遍历在层序遍历的基础上，记录每一层的节点数，出队时每次出队一层的节点后再遍历下一层。三、代码 public class Solution {ArrayList<ArrayList<Integer>…...
2024/5/2 8:18:10
在Window10下基于Anaconda安装Tensorflow以及Keras并基于Spyder进行验证
环境信息Window 10 Anaconda3（64-bit）安装目的安装Keras，并使用Tensorflow作为其后端。也就是说执行完安装后，Keras和Tensorflow都是可以使用的安装过程以管理员身份运行Anaconda Prompt。在默认的base环境中执行安装命令：conda install theano # keras可以使用theano…...
2024/4/23 14:36:10
2020-04-12
📢 微客Pro怎么赚钱？（微客Pro圣果TSC）【1】微客最小矿机每天产0.3枚，一个月9枚，周期40天（注册认证免费送）【2】微客资讯每天0.05枚，一个月1.5枚（永久免费产出）【3】微客运动每天0.05枚，一个月1.5枚（永久免费产出）【4】微客快乐果园每天0.11-0.55枚，一个月…...
2024/4/23 14:36:07
I. Graph and Cycles（图论）
https://www.jisuanke.com/contest/7196/466924 题意：给出一个n个点带权无向完全图，对于一个环（只考虑边可以有重点），其权值为任意两条相邻边的权值max的和。现在将图分成多个环（无边交集，并集为完全图），图的值为每个环的权值之和，求其最小值。解析：思路：每条边…...
2024/4/23 14:36:08
React虚拟dom到真实dom发生了什么
...
2024/4/23 14:36:11
Bootstrap 3中的sr-only是什么？
本文翻译自：What is sr-only in Bootstrap 3? What is the class sr-only used for? sr-only用于什么类？ Is it important or can I remove it? 是重要的还是我可以删除它？ Works fine without. 工作正常没有。 Heres my example: 这是我的示例： <div class="b…...
2024/4/23 14:36:06
简单爬取京东商品名称、价格（仅供学习）
以下内容是原创，仅供初学者学习用，京东能够开放给我们学习实在不容易，请模拟人类的行为学习爬取。一爬取的Python源码 #爬取的代码 import requests import re import time goods=书包 #搜索关键字 depth = 1 #搜索深度为2，即爬取第1页，第2页 start_url = https://se…...
2024/4/23 14:36:02
Vue.js的基本语法
Vue是一个 MVVM 的框架，数据驱动和组件化是Vue的核心思想。简单的讲MVVM框架就是：我们只需要在数据层做数据操作，显示层会检测到我们每次的数据变化，然后做出相应的改变，监测数据这个工作就是中间的ViewModel。通过这种模式，我们就可以不用再直接操作DOM节点来进行数据…...
2024/4/29 10:47:38
oracle数据库关于id自增
1.自己新建表设置id自增一：设置序列和触发器（必须一起使用，不需要设置id的值相当于Mysql的autoincrement）序列：create sequence a_sequenceminvalue 1 --最小值是1nomaxvalue --没有最大值start with 1 --从1开始increment by 1 --每次增加1nocycle; --不循环触发器：CRE…...
2024/4/23 14:36:03

Java web基础知识第一节 HTML、CSS、JavaScript的复习

第一节 HTML、CSS、JavaScript

一、HTML技术

二、HTML样式结构：

三、CSS技术

四、CSS样式结构：

五、JavaScript技术

六、JavaScript样式结构：

相关文章

最新文章

Java web基础知识 第一节 HTML、CSS、JavaScript的复习

第一节 HTML、CSS、JavaScript

一、HTML技术

二、HTML样式结构：

三、CSS技术

四、CSS样式结构：

五、JavaScript技术

六、JavaScript样式结构：

相关文章

最新文章

Java web基础知识第一节 HTML、CSS、JavaScript的复习