属性名	属性值	作用
`action`	`url` 地址	用于指定接收并处理表单数据的服务器程序的 url 地址
`method`	`get` / `post`	用于设置表单数据的提交方式，其取值为 get 或 post
`name`	名称	用于指定表单的名称，以区分同一个页面中的多个表单域

属性值	描述
`button`	定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）
`checkbox`	定义复选框，即：多选框，在一组多选中，要求它们必须拥有相同的 name
`file`	定义输入字段和 “浏览” 按钮，供文件上传
`hidden`	定义隐藏的输入字段
`image`	定义图像形式的提交按钮
`password`	定义密码字段，该字段中的字符被掩码
`radio`	定义单选按钮，在一组单选按钮中，要求它们必须拥有相同的 name
`reset`	定义重置按钮，重置按钮会清除表单中的所有数据
`submit`	定义提交按钮，提交按钮会把表单数据发送到服务器
`text`	定义单行的输入字段，用户可在其中输入文本，默认宽度为 20 个字符

属性名	属性值	描述
`name`	由用户自定义	定义 input 元素的名称
`value`	由用户自定义	规定 input 元素的值，也就是提交到服务器的值
`checked`	checked	规定此 input 元素首次加载时应当被选中
`maxlength`	正整数	规定输入字段中的字符的最大长度

HTML标签基础入门

HTML

基本语法概述
标签关系
HTML基础结构
HTML常用标签
- 标题标签
- - 示例
- 段落和换行标签
- - 示例
- 文本格式化标签
- - 示例
- div和span标签
- - 示例
- 图像标签和路径
- - 示例
- 超链接标签
- - 示例
- 注释 ctrl+/
- 特殊字符
- - 示例
- 表格标签
- 表头单元格标签
- 表格属性
- - 示例
- 合并单元格
- - 示例
- 列表标签
- - 无序列表
  - 有序列表
  - 自定义列表
  - 示例
- 表单标签
- - 为什么需要表单
  - 表单的组成
  - 表单域
  - 表单控件（表单元素）
  - 表单元素几个总结
  - 示例

基本语法概述

HTML 标签是由尖括号包围的关键字词，例如：

HTML 标签通常是成对出现的，例如：和，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。

有些特殊的标签必须是单个标签，例如：，我们称为单标签。注意：/ 之前有一个空格（Coding Style 编码风格）。

每个标签原则上都应该有结束符，即： /，所以单标签的最后要加 / 以表示结束，当然不加也是可以被浏览器正常解析的。

HTML5 规范中明确说明单标签 / 是可以忽略的，目前的实际开发中习惯不给单标签添加斜线。

标签关系

包含关系

<head>
    <title>title>
head>

并列关系

<head>
head>
<body> 
body>

HTML基础结构

<html>
    <head>
        <title>title>
    head>
    <body>
    body>
html>

标签名	定义	说明
	根标签	页面中最大的标签（最基础的标签）
	头部标签	在 head 标签中我们必须要设置 title 标签
`</code> <code>`	标题标签	页面自己的网页标题
	主体标签	包含文档的所有内容

HTML常用标签

标题标签

为了使网页更具有语义化，我们经常会在页面中用到标题标签。

HTML 提供了 6 个等级的网页标题，即：

到

。

<h1>一级标题h1>
<h2>二级标题h2>
<h3>三级标题h3>
<h4>四级标题h4>
<h5>五级标题h5>
<h6>六级标题h6>

单词 head 的缩写，意为：头部、标题。

**标签语义：**作为标题使用，并且依据重要性递减。

特点：

加了标题的文字会自动加粗，字号也会依次变大
一个标题就独占一行，同一行标题后不会再放置其他任何内容（后期可以通过 CSS 修改）

级别越大的标题标签，对网页元素的强调性越强，同时也和浏览器 SEO 优化有关。

故：标题标签不得滥用，要用在合适的地方！

示例


    <body>
        
        <h1>这是标题标签h1>
        <h2>这是标题标签h2>
        <h3>这是标题标签h3>
        <h4>这是标题标签h4>
        <h5>这是标题标签h5>
        <h6>这是标题标签h6>
        
    body>

段落和换行标签

在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示，在 HTML 标签中，

标签用于定义段落，它可以将整个网页分为若干个段落。

<p>我是一个段落标签p>

单词 paragraph 的缩写，意为：段落。

**便签语义：**可以把 HTML 文档分割为若干段落。

特点：

文本在一个段落中会根据浏览器窗口的大小自动换行

对于中文段落来说无论如何都会自动换行，但是对于英文段落来说如果字母是连续的（aaa…），那么浏览器会认为该段落整体都是一个单词不会自动换行，要想英文段落自动换行字母之间得有空格。
段落和段落之间保有空隙（段间距）
同一段落里的不同行文字之间也有一定的空隙（行间距）

在 HTML 中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后才自动换行。

如果希望某段文本强制换行显示，就需要使用换行标签。

<br>

单词 break 的缩写，意为：打断、换行。

**标签语义：**强制换行。

特点：

是个单标签
标签只是简单地开始新的一行，跟段落不一样，所以不会产生段间距

分割线标签：

。

<hr>

注意：实际开发中并不常用 hr 作为分割线，而是使用 CSS 盒子模型中的边框来实现分割线效果，或是利用一个空盒子设置长宽高及背景颜色来实现分割线效果。

示例

		<hr>
        
        
        <p>这是一个段落标签 <br>这是一个段落标签 这是一个段落标签
            这是一个段落标签 这是一个段落标签 这是一个段落标签
            这是一个段落标签 这是一个段落标签 这是一个段落标签
            这是一个段落标签 这是一个段落标签 这是一个段落标签
            这是一个段落标签 这是一个段落标签 这是一个段落标签
            这是一个段落标签 这是一个段落标签 这是一个段落标签
        p>
        
        <p>这是一个段落标签 <hr>这是一个段落标签 这是一个段落标签
            这是一个段落标签 这是一个段落标签 这是一个段落标签
            这是一个段落标签 这是一个段落标签 这是一个段落标签
            这是一个段落标签 这是一个段落标签 这是一个段落标签
            这是一个段落标签 这是一个段落标签 这是一个段落标签
            这是一个段落标签 这是一个段落标签 这是一个段落标签
        p>

文本格式化标签

在网页中，有时需要为文字设置粗体、斜体或下划线等效果，这时就需要用到 HTML 中的文本格式化标签，使文字以特殊的方式显示。

**标签语义：**突出重要性，比普通文字更重要。

语义	标签	说明
加粗	或	介于可读性、搜索引擎优化及屏幕阅读器适配推荐使用前者
倾斜	或	介于可读性、搜索引擎优化及屏幕阅读器适配推荐使用前者
删除线	或	介于可读性、搜索引擎优化及屏幕阅读器适配推荐使用前者
下划线	或	介于可读性、搜索引擎优化及屏幕阅读器适配推荐使用前者

注意：标签不只是单纯的用于倾斜文本，其核心的意义在于对元素进行强调！所以在后期的开发中可以把一些特殊性、强调性的元素放在 em 标签中，然后再对 em 这个盒子进行样式设置，这比把其放入其他盒子（如：span）中要更合理，同理 标签页适合放一些重点强调的元素。

示例

这是一个段落标签 这是一个段落标签strong> 这是一个段落标签 这是一个段落标签em> 这是一个段落标签这是一个段落标签 <del>这是一个段落标签del> 这是一个段落标签这是一个段落标签 <ins>这是一个段落标签ins> 这是一个段落标签这是一个段落标签这是一个段落标签这是一个段落标签这是一个段落标签这是一个段落标签这是一个段落标签这是一个段落标签 p>

div和span标签

和是没有语义的，它们就是两种盒子，用来对网页进行布局和装其他内容。

<div>这是头部div> 今日价格span>

div 是 division 的缩写表示：分割、分区。

span 意为：跨度、跨距。

特点：

标签用来布局，一行只能放一个
，大盒子

标签用来布局，一行上可以放多个，小盒子

**说明：**后期可以通过 CSS 将 div 与 span 之间的特性相互转换。

拓展： span 标签不单单是用于布局，对于一些需要单独修饰和设置的元素，可以将其用 span 标签嵌套起来，然后就可以单独对其进行设置（比如：在一个 p 标签的段落中要对其中某一句话单独设置样式，那么就可以用 span 将这句话单独嵌套起来，这样就方便对其单独设置样式还不会影响段落中的其他内容，这其实也是利用了 span 一行可以放置多个盒子的特性），不过对于特殊且具有强调性的元素建议使用 em，对于重点强调但不特殊的的元素建议使用 strong。

示例

<div style="width: 100px; height: 100;border: 5px solid black;">这是一个盒子标签div> <div>这是一个盒子标签div> <hr> 这是一个span标签span> 这是一个span标签span>

ps:style标签是css内容，后续会详讲，这里是给div和span加一个样式属性，更容易看出两者区别

图像标签和路径

（1）图像标签

在 HTML 标签中，标签用于定义 HTML 页面中的图像。

<img src="图像URL">

单词 image 的缩写，意为图像。

src 是标签的必须属性，它用于指定图像文件的路径和文件名。

URL 是 统一资源定位符（通俗理解：地址、网址）。

所谓属性：简单理解就是属于这个图像标签的特性。

图像标签的其他属性：

属性属性值说明

src 图片路径必须属性

alt 文本替换文本，图像显示失败时显示（为了提高 SEO 及适配屏幕阅读器，建议都把 alt 写上）

title 文本提示文本，鼠标放到图片上，显示的提示文字

width 像素设置图像的宽度（了解，后面通过 CSS 设置）

height 像素设置图像的高度（了解，后面通过 CSS 设置）

border 像素设置图像的边框粗细（了解，后面通过 CSS 设置）

图像标签的注意点：

图像标签可以同时拥有多个属性（其它标签也是同理）

属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开（其它标签也是同理）

属性均采取键值对的格式，即：key="value" 的格式，属性="属性值"

设置图像的宽度与高度时：一般设置其中之一便可，另外一个会自动按比例适配

设置宽高时，可以使用百分数作为值，此时图片大小会以当前父元素的大小为基础进行比例缩放，这样做的好处在于当父元素改变大小时，图片也会随比例同等缩放

（2）路径

相对路径

相对路径：以引用文件所在位置为参考基础，而建立出目录路径。

相对路径分类符号说明

同一级路径 . 如：

下一级路径 / 如：

上一级路径 ../ 如：

绝对路径

绝对路径：指目录下的绝对位置，直接到达目的位置，通常是从盘符开始的路径。

如 Windows 系统的绝对路径：D:\web\img\logo.png

网络地址

https://github.com/JERRY-Z-J-R/I-love-you-3-thousand/raw/master/mark-img/I-Love-You.gif

注意：

相对路径为 /（正斜杆），绝对路径为 \（反斜杆）

实际开发中建议使用相对路径或网络地址（都是 / 正斜杆）

这里所说的绝对路径为 \（反斜杠）指的是在 Windows 环境中，而 Linux 系统依旧是正斜杠。

可以右击图片获得该图像的绝对路径

示例

<img src="../wonwoo.jpg" style="width: 500px;"> <img src="F:\DELL\HTML\wonwoo.jpg" style="width: 500px;">

网络图片可以自行尝试一下！有一些图片可能显示不出来，和图片的一些机制有关，但示例里的图片可展示，可尝试

超链接标签

在 HTML 标签中，标签用于定义超链接，作用是从一个页面链接到另一个页面。

（1）链接的语法格式

<a href="跳转目标" target="目标窗口的弹出方式">文本、图像或其他内容a>

单词 anchor 的缩写，意为：锚。

两个属性的作用如下：

属性作用

href 用于指定链接目标的 url 地址，（必须属性）当标签应用 href 属性时，它就具有了超链接的功能

target 用于指定链接页面的打开方式，其中 _self 在当前页面打开的方式（为默认值），_blank 在新窗口中打开的方式

（2）链接分类

**外部链接：**例如：百度

**内部链接：**网站内部页面之间相互链接，直接链接内部页面名称即可，例如： 关于页

**空链接：**如果当时没有确定链接目标时，哪也不去"，当用户点击链接时 void(0) 计算为 0，但 Javascript 上没有任何效果

**下载链接：**如果 href 里面地址是一个文件或者压缩包（前提：路径包含文件类型后缀名，如：.exe、.zip 等），便会下载这个文件，如果是图片、视频、PDF则会打开一个新窗口预览

**网页元素链接：**在网页中的各种网页元素，如：文本、图像、表格、音频、视频等都可以添加超链接

**锚点链接：**点击链接，可以快速定位到当前页面中的某个位置

在链接文本的 href 属性中，设置属性值的 #名字 的形式，如：第2集

找到目标位置标签（此处以 h3 标签为例），里面添加一个 id属性="刚才的名字"，如：第2集介绍

定位到页面顶部

示例

<a href="https://www.baidu.com">百度a>

这里的百度是尚未访问的，点击之后则会变色，再进入这个我们自己写的页面也不会变回原来未访问的颜色，除非清除浏览器的缓存

注释 ctrl+/

如果需要在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的文字，就需要使用注释标签。

HTML 中的注释以：结束。

一句话：注释标签里面的内容是给程序员看的，这个代码是不执行不显示到页面中的。

注释是为了更好地解释代码功能，便于相关开发人员理解和阅读代码，程序是不会执行注释内容的。

特殊字符

在 HTML 页面中，一些特殊的符号很难或者不方便直接使用，此时我们就可以使用下面的字符来替代。

特殊字符描述字符的代码

空格符

< 小于号 <

> 大于号 >

& 和号 &

± 正负号 ±

× 乘号 ×

÷ 除号 ÷

² 上标 ²

注意：下标请使用：₂，同时上标也建议使用：²。

示例

这是一个段落标签p>

表格标签

<table> <tr> <td>单元格td> ... tr> ... table>

是用于定义表格的标签
用于定义表格中的行，必须嵌套在标签中用于定义表格中的单元格，必须嵌套在标签中字母 td 指表格数据（table data），即：数据单元格的内容单元格 td 里面可以放任何的元素
表头单元格标签一般表头单元格位于表格的第一行或第一列，作用是：突出重要性，表头单元格里面的文本内容默认加粗居中显示。标签表示 HTML 表格的表头部分（table head 的缩写）。 <table> <tr> <th>姓名th> <th>性别th> <th>年龄th> ... tr> ... table> 表格属性 **注意：**表格标签的属性在实际开发中并不常用，而是通过后面的 CSS 来设置，这里了解即可。以下属性都写在 table 开始标签内，多个属性之间用空格隔开。 <table align="center" border="1" cellpadding="0" cellspacing="0" width="500" height="240"> ... table> 属性名属性值描述 align left、center、right 规定表格相对周围元素的对齐方式（默认 left），注意指的是整个表格的对齐方式（表格是在父盒子中默认往左靠，还是居中或是往右靠），而不是指单元格内容的对齐方式（单元格内容对齐可以通过：style="text-align: center;" 设置）（了解） border 1 或 "" 规定表格单元是否拥有边框，默认为 “”，表示没有边框（了解） cellpadding 像素值规定单元边沿与其内容之间的空白，默认 1 像素（了解） cellspacing 像素值规定单元格之间的空白，默认 2 像素（了解） width 像素值或百分比规定表格的宽度（了解） height 像素值或百分比规定表格的高度（了解）示例 DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documenttitle> head> <body> <table align="center" border="1" width="200" height="100" cellpacing="0" cellpadding="0"> <tr> <th>姓名th> <th>年龄th> <th>性别th> tr> <tr> <td>1td> <td>2td> <td>3td> tr> <tr> <td>4td> <td>5td> <td>6td> tr> <tr> <td>7td> <td>8td> <td>9td> tr> table> body> html> 合并单元格特殊情况下，可以把多个单元格合并为一个单元格，这里会最简单的合并单元格即可。合并单元格的方式：跨行合并（上下合并）：rowspan="合并单元格的个数" 跨列合并（左右合并）：colspan="合并单元格的个数" 目标单元格：（写合并代码）跨行：最上侧单元格为目标单元格，写合并代码跨列：最左侧单元格为目标单元格，写合并代码合并单元格三步曲：先确定是跨行还是跨列合并找到目标单元格，写上合并方式=合并的单元格数量，比如：删除多余单元格示例 DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documenttitle> head> <body> <table align="center" border="1" width="300" height="200"> <tr> <td rowspan="2">td> <td>td> <td>td> <td>td> <td>td> tr> <tr> <td>td> <td>td> <td colspan="2">td> tr> table> body> html> 列表标签表格是用来显示数据的，那么列表就是用来布局的。列表最大的特点就是：整齐、整洁、有序、它作为布局会更加自由和方便。在实际开发中凡是遇到排列整齐的简洁内容，都可以使用列表来进行布局。合理的使用列表布局可以有效提高 SEO。根据使用情景不同，列表可以分为三大类：无序列表、有序列表和自定义列表。标签名定义说明无序标签里面只包含 li，没有顺序，使用较多，li 里面可以包含任何标签有序标签里面只包含 li，有顺序，使用相对较少，li 里面可以包含任何标签自定义标签里面只能包含 dt 和 dd，dt 和 dd 里面可以放任何标签，dd 一般作为对 dt 的细分描述无序列表标签表示 HTML 页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用标签定义（开发中经常使用）。无序列表的基本语法格式如下： <ul> <li>列表项1li> <li>列表项2li> <li>列表项3li> ... ul> 无序列表的各个列表项之间没有顺序级别之分，是并列的中只能嵌套，直接在标签中输入其他标签或者文字的做法是不被允许的，列表中的任何内容都应该放在 li 中与之间相当于一个容器，可以容纳所有的元素无序列表会带有自己的样式属性（比如圆点），但在实际开发中，我们会使用 CSS 来设置附：去除 li 前符号的方法：style="list-style: none;" 有序列表有序列表即为有序排列顺序的列表，其各个列表项会按照一定的顺序排列定义（开发中不太常用）。在 HTML 标签中，标签用于定义有序列表，列表排序以数字来显示，并且使用标签来定义列表项。有序列表的基本语法格式如下： <ol> <li>列表项1li> <li>列表项2li> <li>列表项3li> ... ol> 中只能嵌套，直接在标签中输入其他标签或者文字的做法是不被允许的与之间相当于一个容器，可以容纳所有的元素有序列表会带有自己样式属性（比如序号），但在实际使用时，我们会使用 CSS 来设置附：去除 li 前符号的方法：style="list-style: none;" 注意：ol 是不会帮你主动排序数据的，它只是在列表项前加一个序号！自定义列表自定义列表的使用场景：自定义列表常用于对术语或名词进行解释、描述和展开，定义列表的列表项前没有任何项目符号（开发中常用）。在 HTML 标签中，标签用于定义描述列表（或定义列表），该标签会与（定义项目/名字）和（描述每一个项目/名字）一起使用。其基本语法如下： <dl> <dt>名词1dt> <dd>名词1解释1dd> <dd>名词1解释2dd> dl> 里面只包含、和个数没有限制，经常是一个对应多个示例 DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documenttitle> head> <body> <ul> <li>123li> <li>123li> <li>123li> <li>123li> ul> <ol> <li>123li> <li>123li> <li>123li> <li>123li> ol> body> html> 表单标签为什么需要表单使用表单的目的是收集用户信息。在网页中，需要跟用户进行交互，收集用户资料，此时就需要表单。表单的组成在 HTML 中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和提示信息 3 个部分构成。表单域表单域是一个包含表单元素的区域。在 HTML 标签中，标签用于定义表单域，以实现用户信息的收集和传递。会把它范围内的表单元素信息提交给服务器。 <form action="url地址" method="提交方式" name="表单域名称"> form> 常用属性：属性名属性值作用 action url 地址用于指定接收并处理表单数据的服务器程序的 url 地址 method get / post 用于设置表单数据的提交方式，其取值为 get 或 post name 名称用于指定表单的名称，以区分同一个页面中的多个表单域注意：对于 HTML 基础的学习来说，暂时不用考虑提交数据，只需写上 form 标签即可，后面学习服务端编程阶段再来了解。 form 表单中 method 的 get 和 post 区别： method 方法规定如何发送表单数据（表单数据会被发送到在 action 属性规定的服务器地址中）。表单数据可被作为 URL 变量的形式来发送（method=“get”）或者作为 HTTP post 的形式来发送（method=“post”）。关于 GET：将表单数据以名/值对的形式附加到 URL 中 URL 的长度是有限的（大约 3000 字符）绝不要使用 GET 来发送敏感数据！（在 URL 中是可见的，且浏览器会缓存 URL）对于用户希望加入浏览器书签的表单很有用（因为信息记录在 URL 中，直接保存 URL 即可） GET 更适用于非安全数据，比如在 Google 中查询字符串关于 POST：将表单数据附加到 HTTP 请求的 body 内（数据不显示在 URL 中）没有长度限制通过 POST 提交的表单不能加入书签 POST 数据也是不安全的，但起码不会明目张胆的直接把数据显示在地址栏 URL 上，且不会缓存数据【GET案例】 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> <form action="http://127.0.0.1:8080/" method="GET"> 姓名：<input type="text" name="name"> <input type="submit"> form> body> html> 【POST案例】 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> <form action="http://127.0.0.1:8080/" method="POST"> 姓名：<input type="text" name="name"> <input type="submit"> form> body> html> 一个会显示信息一个不会表单控件（表单元素）在表单域中可以定义各种表单元素，这些表单元素就是允许用户在表单中输入或者选择的内容控件。（1）表单元素在英文单词中，input 是输入的意思，而在表单元素中标签用于收集用户信息。在标签中，包含一个 type 属性，根据不同的 type 属性值，输入字段拥有很多种形式（可以是文本、字段、复选框、掩码后的文本控件、单选按钮、按钮等）。 <input type="属性值"> 标签为单标签 type 属性设置不同的属性值用来指定不同的控件类型 type 属性的属性值及其描述如下：属性值描述 button 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本） checkbox 定义复选框，即：多选框，在一组多选中，要求它们必须拥有相同的 name file 定义输入字段和 “浏览” 按钮，供文件上传 hidden 定义隐藏的输入字段 image 定义图像形式的提交按钮 password 定义密码字段，该字段中的字符被掩码 radio 定义单选按钮，在一组单选按钮中，要求它们必须拥有相同的 name reset 定义重置按钮，重置按钮会清除表单中的所有数据 submit 定义提交按钮，提交按钮会把表单数据发送到服务器 text 定义单行的输入字段，用户可在其中输入文本，默认宽度为 20 个字符【hidden解释】上面是 html 中的隐藏域。主要作用为：隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如 sessionkey，等等。当然这些东西也能用 cookie 实现，但使用隐藏域就简单的多了。而且不会有浏览器不支持，也避免了用户禁用 cookie 后的烦恼。有些时候一个 form 里有多个提交按钮，怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢？我们就可以写一个隐藏域，然后在每一个按钮处加上 οnclick=“document.form.command.value=“xx”” 然后我们接到数据后先检查 command 的值就会知道用户是按的那个按钮提交上来的。有时候一个网页中有多个 form，我们知道多个 form 是不能同时提交的，但有时这些 form 确实相互作用，我们就可以在 form 中添加隐藏域来使它们联系起来。定义隐藏输入字段，隐藏字段对于用户是不可见的。隐藏字段常常存储默认值。通常是提交一些表格的时候，有些变量是预先定了其值的，而且不想客户再改变其值，所以用 hidden 隐藏，但提交表单的时候还是会把其值上交上去的。以上为基本用法，其实和文本框差不多的作用，唯一的区别就是用户界面是不可见的。在使有中要注意，不要将敏感信息存放在隐藏域里！尽管一般用户看不到它。除 type 属性外，标签还有很多其他属性，其常用属性如下：属性名属性值描述 name 由用户自定义定义 input 元素的名称 value 由用户自定义规定 input 元素的值，也就是提交到服务器的值 checked checked 规定此 input 元素首次加载时应当被选中 maxlength 正整数规定输入字段中的字符的最大长度 name 和 value 是每个表单元素都必须有的属性值，主要给后台人员使用 name 表单元素的名字，要求：同一组单选按钮和复选框要有相同的 name 值 checked 属性主要针对于单选按钮和复选框，主要作用：打开页面时默认选中某个表单元素 maxlength 是用户可以在表单元素输入的最大字符数，一般很少使用如果 input 不指定 name 属性，对于页面的展示没有影响，但是当你提交表单到服务器时，提交的信息是不会包含没有 name 属性的那个 input 里的数据的！ <1>、有些表单元素刚打开页面就须要默认显示几个文字怎么做？答：可以给这些表单元素设置 value属性="值"。用户名：<iuput type="text" name="用户名" value="请输入用户名"> 注意：value 中提前设置好的值只是作为默认值，当用户在页面上修改了值后，value 的值就变为用户修改后的值了！ name 和 value 属性是配对的！例如： <iuput type="text" name="name" value="请输入姓名"> <iuput type="text" name="age" value="请输入年龄"> 当用户先后输入迪丽热巴 18 后并提交表单到服务器时，实际上表单提交的数据是类似与这样的：name=周吉瑞&age=18，服务器拿到数据后就可以操作了…… 通过上面的例子，你应该可以理解为什么 input 必须要有 name 和 value 属性了！因为如果没有它们，数据就标识不了！就没意义了！ <2>、页面中的表单元素很多，如何区别不同的表单元素？答：name 属性：当前 input 表单的名字，后台可以通过这个 name 属性找到这个表单，页面中的表单很多，name 的主要作用就是用于区别不同的表单。用户名：<input type="text" name="username" value="请输入用户名"> name 属性后面的值是自定义的 radio（或者 checkbox）如果是一组，我们必须给他们命名相同的名字 <input type="radio" name="sex">男 <input type="radio" name="sex">女 <3>、如果页面一打开就让某个单选按钮或者复选框是选中状态？答：checked 属性：表示默认选中状态，用于单选按钮和复选按钮。性别： <input type="radio" name="sex" value="男" checked="checked">男 <input type="radio" name="sex" value="女">女标签标签为 input 元素定义标注。标签用于绑定一个表单元素，当点击标签内的任何东西时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上，用来增加用户体验。语法： <label for="sex"> 男<input id="sex" type="radio" name="sex"> label> 核心：标签的 for 属性应当与相关元素的 id 属性相同。（2）标签控件定义下拉列表。语法： <select> <option>选项1option> <option>选项2option> <option>选项3option> ... select> 表单元素 **使用场景：**当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用 <code><textarea></code> 标签 在表单元素中，<code><textarea></code> 标签是用于定义多行文本输入的控件。 使用多行文本输入控件，可以输入更多的文字，该控件常用于留言板、评论。 语法： <pre><code class="prism language-html"><textarea rows="3" cols="20"> 文本内容 </textarea> </code></pre> <ul> <li> 通过 <code><textarea></code> 标签可以轻松地创建多行文本输入框 </li> <li> <code>cols="每行中的字符数"</code>，<code>rows="显示的行数"</code>，我们在实际开发中不会使用，都是用 CSS 来改变大小 </li> <li> 如果要禁止拉伸文本框大小，则：<code>style="resize: none" </code> </li> </ul> <h4>表单元素几个总结</h4> （1）表单元素我们学习了三大组 <code>input 输入表单元素</code>、<code>select 下拉表单元素</code>、<code>textarea 文本域表单元素</code> （2）这三组表单元素都应该包含在 <code>form 表单域</code> 里面，并且都应该有 <code>name 属性</code> <pre><code class="prism language-html"><form> <input type="text" name="username"> <select name="jiguan"> <option>北京</option> </select> <textarea name="message"></textarea> </form> </code></pre> （3）有三个名字非常相似的标签： <ul> <li>表单域 form 使用场景：提交区域内表单元素给后台服务器</li> <li>文件域 file 是 input type 属性值使用场景：上传文件</li> <li>文本域 textarea 使用场景：可以输入多行文字，比如：留言板、网站介绍等……</li> </ul> <blockquote> 表单中 name 属性的重要性： name 属性用于对提交到服务器后的表单数据进行标识！注意：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。 简单来说，name 就是提交到后台的数据索引！ 即：表单想要把数据提交到指定的位置，表单控件必须要有 name 属性。 </blockquote> <h4>示例</h4> <pre><code class="prism language-html"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>       <form action="http://localhost:8080" method="post">    <input type="text"> <hr>    <label for="username">请输入姓名</label> <input type="text" id="username" name="username" value="username"> <br> 请输入密码 <input type="password" name="userpassword" value="userpassword"> <hr>    <input type="radio" name="sex" value="10" checked>10 <br> <input type="radio" name="sex" value="tp">tp <hr> <input type="checkbox" name="hobby" checked>睡觉 <br> <input type="checkbox" name="hobby">唱歌 <br> <input type="checkbox" name="hobby">看书 <hr>  <input type="submit" value="提交按钮"> <hr>  <select name="nationality" id="nationality">  <option value="0">中国</option>  <option value="1" selected>美国</option> </select> <hr>   <textarea name="" id="" cols="30" rows="10"> </textarea> </form> </body> </html> </code></pre> <a href="http://img.e-com-net.com/image/info8/d325b9504a7d4d879b5492faa16c5b78.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/d325b9504a7d4d879b5492faa16c5b78.jpg" alt="HTML标签基础入门_第13张图片" width="650" height="296" style="border:1px solid black;"></a> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1741576424625553408"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(Java基础阶段二,html,前端)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1773613272952537088.htm" title="【Python】一文详细介绍 py格式文件" target="_blank">【Python】一文详细介绍 py格式文件</a> 高斯小哥 <a class="tag" taget="_blank" href="/search/Python%E5%9F%BA%E7%A1%80%E3%80%90%E9%AB%98%E8%B4%A8%E9%87%8F%E5%90%88%E9%9B%86%E3%80%91/1.htm">Python基础【高质量合集】</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%96%B0%E6%89%8B%E5%85%A5%E9%97%A8/1.htm">新手入门</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>【Python】一文详细介绍py格式文件个人主页：高斯小哥高质量专栏：Matplotlib之旅：零基础精通数据可视化、Python基础【高质量合集】、PyTorch零基础入门教程希望得到您的订阅和支持~创作高质量博文(平均质量分92+)，分享更多关于深度学习、PyTorch、Python领域的优质内容！（希望得到您的关注~）文章目录一、py格式文件简介二、如何创建和编辑py格式文件三、如何运行py</div> </li> <li><a href="/article/1773611163691581440.htm" title="亲子日记之祝姑姥姥生日快乐（282）" target="_blank">亲子日记之祝姑姥姥生日快乐（282）</a> 冰心雨露_d504 <div>2021年7月18日，周日，晴周日上班的不上班，上学的不上学，全家都属于休息状态，洗衣做饭是上午的主要任务，中午休息一会儿，下午比较晚了出去给梦怡买了二年级上册的口算题卡，然后去参加姑姑的生日聚餐，本来姑姑应该是周一生日，因为周一都要上班，就提前到周日过了，说是过生日其实就是想借此机会一家人聚聚，毕竟平常都忙，没有时间聚在一起，梦怡还给姑姥姥做了生日贺卡，虽然长相一般，重在心意。生日快乐</div> </li> <li><a href="/article/1773611036537061376.htm" title="100天30本书读书计划（2018-06-11）DAY 62" target="_blank">100天30本书读书计划（2018-06-11）DAY 62</a> 一个姜姜 <div>【书名】当我谈跑步时，我谈些什么【作者】村上春树【读书页数】51--128/187【读书时间】2018年6月11日【精彩句子】01肌肉难长，易消。赘肉易长，难消。P5502肌肉也同有血有肉的动物一般无二，它也愿意过更舒服的日子，不继续给它负荷，它便会心安理得地将记忆出去。想再度输入的话，必须得从头开始，将同样的模式重复一遍。P7703不管怎样，反正得坚持跑步。每天跑步对我来说好比生命线，不能说忙就</div> </li> <li><a href="/article/1773610251875057664.htm" title="Android和IOS应用开发-Flutter应用让屏幕在 app 运行期间保持常亮的方法" target="_blank">Android和IOS应用开发-Flutter应用让屏幕在 app 运行期间保持常亮的方法</a> 江上清风山间明月 <a class="tag" taget="_blank" href="/search/Flutter/1.htm">Flutter</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/KeepAlive/1.htm">KeepAlive</a><a class="tag" taget="_blank" href="/search/%E5%B1%8F%E5%B9%95%E5%B8%B8%E4%BA%AE/1.htm">屏幕常亮</a><a class="tag" taget="_blank" href="/search/wakelock/1.htm">wakelock</a><a class="tag" taget="_blank" href="/search/%E7%86%84%E5%B1%8F/1.htm">熄屏</a> <div>文章目录Flutter应用让屏幕在app运行期间保持常亮的方法方法一：使用系统插件方法二：使用Widgets注意事项Flutter应用让屏幕在app运行期间保持常亮的方法在Flutter开发中，可以使用以下两种方法让屏幕在app运行期间保持常亮：方法一：使用系统插件Flutter社区中已经有很多相关插件可供使用，比如wakelock:https://pub.dev/packages/wakeloc</div> </li> <li><a href="/article/1773599172398743552.htm" title="【OpenModelica】4命令行大全" target="_blank">【OpenModelica】4命令行大全</a> Wumbuk <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/modelica/1.htm">modelica</a> <div>命令行大全文章目录命令行大全一、SummaryofCommandsfortheInteractiveSessionHandler二、Runningthecompilerfromcommandline一、SummaryofCommandsfortheInteractiveSessionHandler以下是交互式会话处理器中当前可用命令的完整列表。•simulate(modelname)：翻译一个名为</div> </li> <li><a href="/article/1773596544394657792.htm" title="5月8日盘前提示：维持短期可以操作到下周二左右的判断，重个股轻指数" target="_blank">5月8日盘前提示：维持短期可以操作到下周二左右的判断，重个股轻指数</a> 九命_猫妖 <div>大盘：消息面。取消境外投资者额度限制，这个长线利好股市，短期影响不大，因为3000亿额度只用了1/3。额度本来就够用。走势看，昨天缩量横盘，走的还算中规中矩，近期一直弱势的次新股走势较强，前期强势股京威股份、光大嘉宝等跌停，由此判断市场还是存量博弈的市场，震荡是市场的主基调。维持短期可以操作到下周二左右的判断。下周后半段震荡回调的概率较高。思路：短期重个股轻指数行业和个股：物联网行业有利好，关注下</div> </li> <li><a href="/article/1773594136444731392.htm" title="word字号和mathtype磅值关系及批量修改" target="_blank">word字号和mathtype磅值关系及批量修改</a> 小铁匠-Ma <a class="tag" taget="_blank" href="/search/office%E5%B0%8F%E6%8A%80%E5%B7%A7/1.htm">office小技巧</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a> <div>word字号和mathtype磅值关系及批量修改1.字号与磅值关系字号「八号」对应磅值5字号「七号」对应磅值5.5字号「小六」对应磅值6.5字号「六号」对应磅值7.5字号「小五」对应磅值9字号「五号」对应磅值10.5字号「小四」对应磅值12字号「四号」对应磅值14字号「小三」对应磅值15字号「三号」对应磅值16字号「小二」对应磅值18字号「二号」对应磅值22字号「小一」对应磅值24字号「一号」对应</div> </li> <li><a href="/article/1773583060877508608.htm" title="自律计划：从早睡早起开始" target="_blank">自律计划：从早睡早起开始</a> 犀首公孫衍 <div>今天天气十分不错，阳光明媚。下午趁着阳光充足，想去田野里走一走。两个多月了，几乎都是在家待着，大门不出二门不迈。上大学以来，可几乎不怎么去到田间地头看一看。3月正是油菜花开放的季节，满地的金黄色，草木也开始生出了绿色的芽儿。眼前的景儿，让人眼明心亮。一年之计在于春，春天是最美好的季节。这样一个特殊的春天，让我暂时脱离了学校，也算有了一些新的收获吧。开始有了一些好的改变，开始坚持每天读书，保持较好的</div> </li> <li><a href="/article/1773582305621770240.htm" title="华为OD机试 - 单向链表中间节点（Java & JS & Python & C & C++）" target="_blank">华为OD机试 - 单向链表中间节点（Java & JS & Python & C & C++）</a> 华为OD题库 <a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAod/1.htm">华为od</a><a class="tag" taget="_blank" href="/search/%E9%93%BE%E8%A1%A8/1.htm">链表</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>须知哈喽，本题库完全免费，收费是为了防止被爬，大家订阅专栏后可以私信联系退款。感谢支持文章目录须知题目描述输出描述解析代码题目描述给定一个单链表L，请编写程序输出L中间结点保存的数据。如果有两个中间结点，则输出第二个中间结点保存的数据。例如：给定L为1→7→5，则输出应该为7；给定L为1→2→3→4，则输出应该为3；输入描述每个输入包含1个测试用例。每个测试用例：第一行给出链表首结点的地址、结点总</div> </li> <li><a href="/article/1773579033229983744.htm" title="php 把一个数组分成有n个元素的二维数组的算法" target="_blank">php 把一个数组分成有n个元素的二维数组的算法</a> 风清扬-独孤九剑 <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>一、第一种解法0){$columns_map[$position]++;//这个地方格外注意,$position与$columns比较$position=($position<$columns-1)?++$position:0;$array_length--;}foreach($columns_mapas$val){$newarray[]=array_splice($array,0,$val);}</div> </li> <li><a href="/article/1773576508988784640.htm" title="花气袭人知昼暖" target="_blank">花气袭人知昼暖</a> 柒侠传 <div>花气袭人知昼暖高一七班黄韵熹37号花袭人，原名花珍珠，位列金陵十二钗又副册中的第二位。“袭人”这一称呼源于“花气袭人知昼暖”这一诗句，是宝玉给起的。想起来便觉得暖融融的，一如花袭人温柔的笑容。但花袭人着实是令人又爱又怕的角色。第二十一回的回目将她赞作“贤袭人”，脂砚斋在一旁批道“当得起”。花袭人对宝玉的确是一片真心。她为劝宝玉收敛他那成日在大观园里与姐姐妹妹“厮混”的性子，假借家人赎回的机会，软语</div> </li> <li><a href="/article/1773571355124498432.htm" title="python 推导式(派生、衍生)" target="_blank">python 推导式(派生、衍生)</a> sanduo112 <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>python推导式一、推导式(派生、衍生)1.Python推导式是一种独特的数据处理方式，可以从一个数据序列构建另一个新的数据序列的结构体。2.列表(list)推导式3.字典(dict)推导式4.集合(set)推导式5.元组(tuple)推导式二、代码概述一、推导式(派生、衍生)1.Python推导式是一种独特的数据处理方式，可以从一个数据序列构建另一个新的数据序列的结构体。Python支持各种数</div> </li> <li><a href="/article/1773569718641295360.htm" title="uni-app实现步骤条" target="_blank">uni-app实现步骤条</a> 夏夏的码农 <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>实现如图样式html部分代码如下投资期限与收益0?'active':'default'">募集开始1?'active':'default'">募集结束2?'active':'default'">产品成立3?'active':'default'">产品到期0?'active-step1':'step1'">1?'active-st</div> </li> <li><a href="/article/1773569448767193088.htm" title="为什么说仪式和习惯非常重要？" target="_blank">为什么说仪式和习惯非常重要？</a> 章鱼老师zy <div>这是章鱼姐第【40】篇原创文章，日更计划第【37/100】天。阅读张萌萌姐【精力管理手册】第【6/7】章。一阅读摘要这一章萌姐讲到了习惯的重要性，为什么说养成一个习惯很重要？如何养成一个好习惯？如何建立自己的仪式感？二金句精力管理最重要的是产生什么效果。当你想做却没有动力去做一件事情时，你就应该把它养成习惯。习惯可以帮我们创造稳定框架。对于那些特别考验意志的事情，我们应该先行后思。三思考题，萌姐讲</div> </li> <li><a href="/article/1773554825179496448.htm" title="2022-10-02" target="_blank">2022-10-02</a> 朗月斋主 <div>肿瘤溶解病毒（OVs）作为一种新型的免疫治疗和治疗辅助剂，在制药行业中越来越受到关注，因为它们能够通过多种机制诱导和提高抗肿瘤免疫力。首先，OVs能够利用宿主免疫系统的内在机制（例如，逃避免疫检测）可以使肿瘤的免疫逃逸机制失效。第二，许多类型的OVs已被证明可以直接裂解肿瘤细胞，从而诱导出由肿瘤相关抗原和危险信号分子释放介导的肿瘤特异性T细胞反应。第三，表达免疫刺激治疗基因的武装OV可以在肿瘤组织</div> </li> <li><a href="/article/1773552600176721920.htm" title="1.计算机处理器架构+嵌入式处理器架构及知识" target="_blank">1.计算机处理器架构+嵌入式处理器架构及知识</a> vv 啊 <a class="tag" taget="_blank" href="/search/arm-linux%E5%AD%A6%E4%B9%A0/1.htm">arm-linux学习</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/1.htm">系统架构</a> <div>目录一：x86-64处理器架构二：Intel80386处理器（i386）1.i3862.i686三：嵌入式Linux知识：1.MinGW2.GNU计划2.1GNU工具链概述此次只分享英特尔和ADM处理器有关于x86的架构，至于嵌入式处理器架构请查看https://en.wikipedia.org/wiki/List_of_ARM_processors一：x86-64处理器架构x86-64，也称为x</div> </li> <li><a href="/article/1773546005334130688.htm" title="夫子庙前的金子招牌" target="_blank">夫子庙前的金子招牌</a> 光中的cici <div>古城都不乏老招牌，比如苏杭，比如南京。随便一个都有久远的年代。夫子庙前，乌衣巷口，店肆成市招牌林立繁华重归来。难为我一个外地人，究竟该喝谁家的那碗鸭血粉丝汤呢？在网上研究了半天，选了秦淮人家。只因为三点：一，临河就着秦淮河喝鸭血汤就着秦淮河喝鸭血汤二，装修较其他一溜大白墙的店算讲究的了，我特别吃环境，没办法～三，有鸭血汤鸭血汤倒是有，夹杂在一套所谓的套餐里，不允许单独点菜。我是为了这秦淮河买的单，</div> </li> <li><a href="/article/1773525837279199232.htm" title="2021.12.13 自律日记" target="_blank">2021.12.13 自律日记</a> 夏舒帅然a <div>深感时光转瞬即逝，如指缝流金！自律、习惯养成、执行力提高迫在眉睫！今天是什么日子：平日艳阳天起床：7：50任务清单（明日）1.起床：7:302.就寝：10：103.读书30分钟4.打两套太极5.两次静坐（每次15分钟）昨日完成的任务情况，最重要的三件事一.读书30分。未完成二.就寝10：00完成三.起床7：30未完成四.打两套太极未完成五.两次静坐（每次15分钟）未完成习惯养成：早睡早起、每日读书</div> </li> <li><a href="/article/1773523649328906240.htm" title="＜商务世界＞《第25课餐桌上的礼仪-简单的流程》" target="_blank">＜商务世界＞《第25课餐桌上的礼仪-简单的流程》</a> Ealser <a class="tag" taget="_blank" href="/search/%E5%95%86%E5%8A%A1%E4%B8%96%E7%95%8C/1.htm">商务世界</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E5%9B%BD%E9%A4%90%E6%A1%8C%E7%A4%BC%E8%8A%82/1.htm">中国餐桌礼节</a> <div>第一：迎客席座一般的程序是主人给客人邀请函——日子到了，主人到门外迎客——客人到了，问候几句——带着可人到0客厅小坐一会儿，给客人茶点——带客人入席坐好！第二：入座与座次首先要请客人中长者或地位高的先入座，再按身份地位依次入座，入座时要从椅子左边进入。（正对门口的为上座，一般是根据对方的.身份地位来安排）。入座后不要动筷子，更不要弄出什么响声来，也不要起身走动。如果有什么事要向主人打招呼！（做小辈</div> </li> <li><a href="/article/1773520125064970240.htm" title="yarn的安装和使用全网最详细教程" target="_blank">yarn的安装和使用全网最详细教程</a> zxj19880502 <a class="tag" taget="_blank" href="/search/yarn/1.htm">yarn</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a> <div>一、yarn的简介：Yarn是facebook发布的一款取代npm的包管理工具。二、yarn的特点：速度超快。Yarn缓存了每个下载过的包，所以再次使用时无需重复下载。同时利用并行下载以最大化资源利用率，因此安装速度更快。超级安全。在执行代码之前，Yarn会通过算法校验每个安装包的完整性。超级可靠。使用详细、简洁的锁文件格式和明确的安装算法，Yarn能够保证在不同系统上无差异的工作。三、yarn的</div> </li> <li><a href="/article/1773513860104388608.htm" title="知道这些概念，你会变得越来越聪明" target="_blank">知道这些概念，你会变得越来越聪明</a> 金海波 <div>证实性偏差我们倾向于选择那些证实了我们的预期和假设的信息，同时倾向于忽视相反的信息。证实性偏见是选择性关注的实例。比如：从前有个人，丢了一把斧子。他怀疑是邻居家的儿子偷去了，便观察那人，那人走路的样子，像是偷斧子的;看那人的脸色表情，也像是偷斧子的;听他的言谈话语，更像是偷斧子的，那人的一言一行，一举一动，无一不像偷斧子的。不久后，丢斧子的人在上山的时候发现了他的斧子，第二天又见到邻居家的儿子，就</div> </li> <li><a href="/article/1773510584294244352.htm" title="中国最美的100个地方，待“软禁”结束后，满血复活去一次旅行！" target="_blank">中国最美的100个地方，待“软禁”结束后，满血复活去一次旅行！</a> 是北河二1995 <div>【阅读原文，请点击：原文，硬核100个】离成为一个倾国倾城、走路带风的女子还有365天！大家好，我是小草们的北河二~一转眼，2020年已过1/4，突如其来的病毒，搅得人心惶惶。原本的3月里，景区爆满、街道拥堵、小吃铺做无缺席。然而，地球妈妈不会一直宠着我们，给了我们好几个警告。如今，连CCTV-1播出的《人与自然》，我都可以看上好一会儿......高山、流水、湖泊、森林、大海.....它们也在这初</div> </li> <li><a href="/article/1773504513622212608.htm" title="大前端-postcss安装使用指南" target="_blank">大前端-postcss安装使用指南</a> 黑夜照亮前行的路 <a class="tag" taget="_blank" href="/search/postcss/1.htm">postcss</a> <div>PostCSS是一款强大的CSS处理工具，可以用来自动添加浏览器前缀、代码合并、代码压缩等，提升代码的可读性，并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南：一、安装PostCSS在你的项目目录中，通过npm（NodePackageManager）来安装PostCSS。打开命令行窗口，输入以下命令：bash复制代码npminstallpostcss--save-dev这将把</div> </li> <li><a href="/article/1773504261557125120.htm" title="谷歌浏览器驱动Chromedriver（114-120版本）文件以及驱动下载教程" target="_blank">谷歌浏览器驱动Chromedriver（114-120版本）文件以及驱动下载教程</a> pigerr杨 <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/drivers/1.htm">drivers</a> <div>ChromeDriver官方网站GitHub||GoogleChromeLabs/chrome-for-testingChromeDriver113-125_JSONChromeforTestingavailability123-125zip白月黑羽Python基础|进阶|Qt图形界面|Django|自动化测试|性能测试|JS语言|JS前端|原理与安装</div> </li> <li><a href="/article/1773501994674225152.htm" title="虚拟 DOM 的优缺点有哪些" target="_blank">虚拟 DOM 的优缺点有哪些</a> 咕噜签名分发 <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>虚拟DOM（VirtualDOM）技术作为现代前端开发中的重要组成部分，已经成为了众多流行前端框架的核心特性。它的引入为前端开发带来了诸多优势，同时也需要我们认真思考其潜在的考量。下面简单的介绍一下虚拟DOM技术的优势与缺点，深入探讨其在实际应用中的影响。提升性能虚拟DOM的最大优势之一是提升页面性能。通过比较前后两次虚拟DOM树的差异，最小化实际DOM操作，从而减少页面重渲染时的性能消耗。这种优</div> </li> <li><a href="/article/1773499614951964672.htm" title="#D174-读书会作业-《财务自由之路》3" target="_blank">#D174-读书会作业-《财务自由之路》3</a> 白洲笔记 <div>最近沉迷于写作营，一直就没时间去弄读书会的作业，书的第二遍也就看了个开头，趁着日更的时间，赶紧把作业做了，这次是15到21课。【1.印象最深刻的部分】(本周所读内容中印象最深刻的部分)*活在未来，最正确的方法是什么？用正确的方法做正确的事情，判断什么是正确的？逻辑。学会思考。"作对事情"永远比“把事情作对“重要的多。”长远思考，耐心验证，小心总结提炼“证明自己正确并不是学习的任务和目标，时刻成长，</div> </li> <li><a href="/article/1773495574226599936.htm" title="3、JavaWeb-Ajax/Axios-前端工程化-Element" target="_blank">3、JavaWeb-Ajax/Axios-前端工程化-Element</a> 所谓远行Misnearch <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML，异步的JS和XMLJS网页动作，XML一种标记语言，存储数据，作用：数据交换：通过Ajax给服务器发送请求，并获取服务器响应的数据异步交互：在不重新加载整个页面的情况下，与服务器交换数据并实现更新部分网页的技术，例如：搜索联想、用户名是否可用的校验等等。同步与异步：同步：服务器在处理中客户端要处于等待状态，输入域名</div> </li> <li><a href="/article/1773478938652246016.htm" title="账务处理又出错？资深会计来教你，学会效率翻倍！共同学习" target="_blank">账务处理又出错？资深会计来教你，学会效率翻倍！共同学习</a> 小橘子要努力吖 <div>作为一名会计，在实际工作中会遇到各种麻烦的账务处理问题。那么，最常用的会计处理方法都有哪些呢？今天小编为大家带来了从业二十六年的资深老会计分享的十四中会计常用的账务处理问题的解决方案，快来看看吧！一、促销品的账务处理在促销时公司经常会把一些商品按进价赠送给消费者使用二、款已付清但发票未到的账务处理三、购买材料发生不合理损耗的账务处理问题公司在购买材料时，常常会发生一些不合理的损耗，那么这种问题该怎</div> </li> <li><a href="/article/1773467586458091520.htm" title="Jenkins安装" target="_blank">Jenkins安装</a> lettger <div>1.第一步sudowget-O/etc/yum.repos.d/jenkins.repohttps://pkg.jenkins.io/redhat/jenkins.reposudorpm--importhttps://pkg.jenkins.io/redhat/jenkins.io.key2.第二步sudoyuminstalljenkins3.第三步servicejenkinsstatus|sta</div> </li> <li><a href="/article/1773466452578336768.htm" title="搜索，动态规划，二叉树的时间复杂度计算通用公式" target="_blank">搜索，动态规划，二叉树的时间复杂度计算通用公式</a> 鸭蛋蛋_8441 <div>搜索的时间复杂度：O(答案总数*构造每个答案的时间)举例：Subsets问题，求所有的子集。子集个数一共2^n，每个集合的平均长度是O(n)的，所以时间复杂度为O(n*2^n)，同理Permutations问题的时间复杂度为：O(n*n!)动态规划的时间复杂度：O(状态总数*计算每个状态的时间复杂度)举例：triangle，数字三角形的最短路径，状态总数约O(n^2)个，计算每个状态的时间复杂度为</div> </li> <li><a href="/article/43.htm" title="集合框架" target="_blank">集合框架</a> 天子之骄 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E5%90%88%E6%A1%86%E6%9E%B6/1.htm">集合框架</a> <div> 集合框架集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。简单介绍： Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi</div> </li> <li><a href="/article/170.htm" title="Table Driven（表驱动）方法实例" target="_blank">Table Driven（表驱动）方法实例</a> bijian1013 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/Table+Driven/1.htm">Table Driven</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E9%A9%B1%E5%8A%A8/1.htm">表驱动</a> <div>实例一： /** * 驾驶人年龄段 * 保险行业，会对驾驶人的年龄做年龄段的区分判断 * 驾驶人年龄段：01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞) */ public class AgePeriodTest { //if...el</div> </li> <li><a href="/article/297.htm" title="Jquery 总结" target="_blank">Jquery 总结</a> cuishikuan <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/jquery%E6%96%B9%E6%B3%95/1.htm">jquery方法</a> <div>1.$.trim方法用于移除字符串头部和尾部多余的空格。如：$.trim(' Hello ') // Hello2.$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。如：$.contains(document.documentElement, document.body); 3.$</div> </li> <li><a href="/article/424.htm" title="面向对象概念的提出" target="_blank">面向对象概念的提出</a> 麦田的设计者 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/1.htm">面向对象</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E8%BF%87%E7%A8%8B/1.htm">面向过程</a> <div> 面向对象中，一切都是由对象展开的，组织代码，封装数据。在台湾面向对象被翻译为了面向物件编程，这充分说明了，这种编程强调实体。下面就结合编程语言的发展史，聊一聊面向过程和面向对象。 c语言由贝尔实</div> </li> <li><a href="/article/551.htm" title="linux网口绑定" target="_blank">linux网口绑定</a> 被触发 <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4，为了提高网络的可靠性配置双网卡绑定。一、环境描述我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡，通过ifconfig -a命令看到eth0和eth1两张网卡。二、双网卡绑定步骤： 2.1 修改/etc/sysconfig/network</div> </li> <li><a href="/article/678.htm" title="XML基础语法" target="_blank">XML基础语法</a> 肆无忌惮_ <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>一、什么是XML？ XML全称是Extensible Markup Language，可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义，你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。二、为什么学习XML？用来解决程序间数据传输的格式问题做配置文件充当小型数据库三、XML与HTM</div> </li> <li><a href="/article/805.htm" title="为网页添加自己喜欢的字体" target="_blank">为网页添加自己喜欢的字体</a> 知了ing <a class="tag" taget="_blank" href="/search/%E5%AD%97%E4%BD%93+%E7%A7%92%E8%A1%A8+css/1.htm">字体秒表 css</a> <div>@font-face { font-family: miaobiao;//定义字体名字 font-style: normal; font-weight: 400; src: url('font/DS-DIGI-e.eot');//字体文件 } 使用： <label style="font-size:18px;font-famil</div> </li> <li><a href="/article/932.htm" title="redis范围查询应用-查找IP所在城市" target="_blank">redis范围查询应用-查找IP所在城市</a> 矮蛋蛋 <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>原文地址： http://www.tuicool.com/articles/BrURbqV 需求根据IP找到对应的城市原来的解决方案 oracle表（ip_country）：查询IP对应的城市： 1.把a.b.c.d这样格式的IP转为一个数字，例如为把210.21.224.34转为3524648994 2. select city from ip_</div> </li> <li><a href="/article/1059.htm" title="输入两个整数，计算百分比" target="_blank">输入两个整数，计算百分比</a> alleni123 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public static String getPercent(int x, int total){ double result=(x*1.0)/(total*1.0); System.out.println(result); DecimalFormat df1=new DecimalFormat("0.0000%"); </div> </li> <li><a href="/article/1186.htm" title="百合——————>怎么学习计算机语言" target="_blank">百合——————>怎么学习计算机语言</a> 百合不是茶 <a class="tag" taget="_blank" href="/search/java+%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">java 移动开发</a> <div> 对于一个从没有接触过计算机语言的人来说，一上来就学面向对象，就算是心里上面接受的了，灵魂我觉得也应该是跟不上的，学不好是很正常的现象，计算机语言老师讲的再多，你在课堂上面跟着老师听的再多，我觉得你应该还是学不会的，最主要的原因是你根本没有想过该怎么来学习计算机编程语言，记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取，一个刚到大学的就能够去和</div> </li> <li><a href="/article/1313.htm" title="linux下tomcat开机自启动" target="_blank">linux下tomcat开机自启动</a> bijian1013 <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a> <div>方法一：修改Tomcat/bin/startup.sh 为: export JAVA_HOME=/home/java1.6.0_27 export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export PATH=$JAVA_HOME/bin:$PATH export CATALINA_H</div> </li> <li><a href="/article/1440.htm" title="spring aop实例" target="_blank">spring aop实例</a> bijian1013 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a> <div>1.AdviceMethods.java package com.bijian.study.spring.aop.schema; public class AdviceMethods { public void preGreeting() { System.out.println("--how are you!--"); } } 2.beans.x</div> </li> <li><a href="/article/1567.htm" title="[Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization" target="_blank">[Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization</a> bit1129 <a class="tag" taget="_blank" href="/search/serialization/1.htm">serialization</a> <div>enableComplexMapKeySerialization配置项的含义 Gson在序列化Map时，默认情况下，是调用Key的toString方法得到它的JSON字符串的Key，对于简单类型和字符串类型，这没有问题，但是对于复杂数据对象，如果对象没有覆写toString方法，那么默认的toString方法将得到这个对象的Hash地址。 GsonBuilder用于</div> </li> <li><a href="/article/1694.htm" title="【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题" target="_blank">【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题</a> bit1129 <a class="tag" taget="_blank" href="/search/Stream/1.htm">Stream</a> <div>包括Spark Streaming在内的实时计算数据可靠性指的是三种级别： 1. At most once，数据最多只能接受一次，有可能接收不到 2. At least once, 数据至少接受一次，有可能重复接收 3. Exactly once 数据保证被处理并且只被处理一次，具体的多读几遍http://spark.apache.org/docs/lates</div> </li> <li><a href="/article/1821.htm" title="shell脚本批量检测端口是否被占用脚本" target="_blank">shell脚本批量检测端口是否被占用脚本</a> ronin47 <div>#!/bin/bash cat ports |while read line do#nc -z -w 10 $line nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then echo $line:ok else echo $line:fail fi done 这里的ports 既可以是文件</div> </li> <li><a href="/article/1948.htm" title="java-2.设计包含min函数的栈" target="_blank">java-2.设计包含min函数的栈</a> bylijinnan <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>具体思路参见：http://zhedahht.blog.163.com/blog/static/25411174200712895228171/ import java.util.ArrayList; import java.util.List; public class MinStack { //maybe we can use origin array rathe</div> </li> <li><a href="/article/2075.htm" title="Netty源码学习-ChannelHandler" target="_blank">Netty源码学习-ChannelHandler</a> bylijinnan <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div> 一般来说，“有状态”的ChannelHandler不应该是“共享”的，“无状态”的ChannelHandler则可“共享” 例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是因为每一次调用decode方法时，可能数据未接收完全（incomplete），它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据，是“有状态”的 p</div> </li> <li><a href="/article/2202.htm" title="java生成随机数" target="_blank">java生成随机数</a> cngolon <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>方法一： /** * 生成随机数 * @author cngolon@126.com * @return */ public synchronized static String getChargeSequenceNum(String pre){ StringBuffer sequenceNum = new StringBuffer(); Date dateTime = new D</div> </li> <li><a href="/article/2329.htm" title="POI读写海量数据" target="_blank">POI读写海量数据</a> ctrain <a class="tag" taget="_blank" href="/search/%E6%B5%B7%E9%87%8F%E6%95%B0%E6%8D%AE/1.htm">海量数据</a> <div>import java.io.FileOutputStream; import java.io.OutputStream; import org.apache.poi.xssf.streaming.SXSSFRow; import org.apache.poi.xssf.streaming.SXSSFSheet; import org.apache.poi.xssf.streaming</div> </li> <li><a href="/article/2456.htm" title="mysql 日期格式化date_format详细使用" target="_blank">mysql 日期格式化date_format详细使用</a> daizj <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/date_format/1.htm">date_format</a><a class="tag" taget="_blank" href="/search/%E6%97%A5%E6%9C%9F%E6%A0%BC%E5%BC%8F%E8%BD%AC%E6%8D%A2/1.htm">日期格式转换</a><a class="tag" taget="_blank" href="/search/%E6%97%A5%E6%9C%9F%E6%A0%BC%E5%BC%8F%E5%8C%96/1.htm">日期格式化</a> <div> 日期转换函数的详细使用说明 DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n</div> </li> <li><a href="/article/2583.htm" title="一个程序员分享8年的开发经验" target="_blank">一个程序员分享8年的开发经验</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div> 在中国有很多人都认为IT行为是吃青春饭的，如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的，在下从事.NET及JAVA方面的开发的也有8年的时间了，在这里在下想凭借自己的亲身经历，与大家一起探讨一下。明确入行的目的很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML, DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容</div> </li> <li><a href="/article/2710.htm" title="android欢迎界面淡入淡出效果" target="_blank">android欢迎界面淡入淡出效果</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>很多Android应用一开始都会有一个欢迎界面，淡入淡出效果也是用得非常多的，下面来实现一下。主要代码如下： package com.myaibang.activity; import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown</div> </li> <li><a href="/article/2837.htm" title="linux 复习笔记之常见压缩命令" target="_blank">linux 复习笔记之常见压缩命令</a> eksliang <a class="tag" taget="_blank" href="/search/tar%E8%A7%A3%E5%8E%8B/1.htm">tar解压</a><a class="tag" taget="_blank" href="/search/linux%E7%B3%BB%E7%BB%9F%E5%B8%B8%E8%A7%81%E5%8E%8B%E7%BC%A9%E5%91%BD%E4%BB%A4/1.htm">linux系统常见压缩命令</a><a class="tag" taget="_blank" href="/search/linux%E5%8E%8B%E7%BC%A9%E5%91%BD%E4%BB%A4/1.htm">linux压缩命令</a><a class="tag" taget="_blank" href="/search/tar%E5%8E%8B%E7%BC%A9/1.htm">tar压缩</a> <div>转载请出自出处:http://eksliang.iteye.com/blog/2109693 linux中常见压缩文件的拓展名 *.gz gzip程序压缩的文件 *.bz2 bzip程序压缩的文件 *.tar tar程序打包的数据，没有经过压缩 *.tar.gz tar程序打包后，并经过gzip程序压缩 *.tar.bz2 tar程序打包后，并经过bzip程序压缩 *.zi</div> </li> <li><a href="/article/2964.htm" title="Android 应用程序发送shell命令" target="_blank">Android 应用程序发送shell命令</a> gqdy365 <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>项目中需要直接在APP中通过发送shell指令来控制lcd灯，其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP，APP调用就可以控制了，这是正规流程，但我们项目的方案商用的mtk方案，方案公司又没人会改，只调好了驱动，让应用程序自己实现灯的控制，这不蛋疼嘛！！！！发就发吧！一、关于shell指令：我们知道，shell指令是Linux里面带的</div> </li> <li><a href="/article/3091.htm" title="java 无损读取文本文件" target="_blank">java 无损读取文本文件</a> hw1287789687 <a class="tag" taget="_blank" href="/search/%E8%AF%BB%E5%8F%96%E6%96%87%E4%BB%B6/1.htm">读取文件</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E6%8D%9F%E8%AF%BB%E5%8F%96/1.htm">无损读取</a><a class="tag" taget="_blank" href="/search/%E8%AF%BB%E5%8F%96%E6%96%87%E6%9C%AC%E6%96%87%E4%BB%B6/1.htm">读取文本文件</a><a class="tag" taget="_blank" href="/search/charset/1.htm">charset</a> <div>java 如何无损读取文本文件呢？以下是有损的 @Deprecated public static String getFullContent(File file, String charset) { BufferedReader reader = null; if (!file.exists()) { System.out.println("getFull</div> </li> <li><a href="/article/3218.htm" title="Firebase 相关文章索引" target="_blank">Firebase 相关文章索引</a> justjavac <a class="tag" taget="_blank" href="/search/firebase/1.htm">firebase</a> <div>Awesome Firebase 最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野，于是我做了这个 github 项目。 Firebase 是一个数据同步的云服务，不同于 Dropbox 的「文件」，Firebase 同步的是「数据」，服务对象是网站开发者，帮助他们开发具有「实时」（Real-Time）特性的应用。开发者只需引用一个 API 库文件就可以使用标准 RE</div> </li> <li><a href="/article/3345.htm" title="C++学习重点" target="_blank">C++学习重点</a> lx.asymmetric <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>1.c++面向对象的三个特性：封装性，继承性以及多态性。 2.标识符的命名规则：由字母和下划线开头，同时由字母、数字或下划线组成；不能与系统关键字重名。 3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。 4.运算符按其功能开以分为六类：算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。 &n</div> </li> <li><a href="/article/3472.htm" title="java bean和xml相互转换" target="_blank">java bean和xml相互转换</a> q821424508 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/xml%E5%92%8Cbean%E8%BD%AC%E6%8D%A2/1.htm">xml和bean转换</a><a class="tag" taget="_blank" href="/search/java+bean%E5%92%8Cxml%E8%BD%AC%E6%8D%A2/1.htm">java bean和xml转换</a> <div>这几天在做微信公众号做的过程中想找个java bean转xml的工具，找了几个用着不知道是配置不好还是怎么回事，都会有一些问题，然后脑子一热谢了一个javabean和xml的转换的工具里，自己用着还行，虽然有一些约束吧，还是贴出来记录一下顺便你提一下下，这个转换工具支持属性为集合、数组和非基本属性的对象。 packag</div> </li> <li><a href="/article/3599.htm" title="C 语言初级位运算" target="_blank">C 语言初级位运算</a> 1140566087 <a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div> 第十章位运算 1、位运算对象只能是整形或字符型数据，在VC6.0中int型数据占4个字节 2、位运算符：运算符作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或他们的优先级从高到低； 3、位运算符的运算功能： a、按位取反： ~01001101 = 101</div> </li> <li><a href="/article/3726.htm" title="14点睛Spring4.1-脚本编程" target="_blank">14点睛Spring4.1-脚本编程</a> wiselyman <a class="tag" taget="_blank" href="/search/spring4/1.htm">spring4</a> <div>14.1 Scripting脚本编程脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> 按字母分类： <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>

属性	属性值	说明
`src`	图片路径	必须属性
`alt`	文本	替换文本，图像显示失败时显示（为了提高 SEO 及适配屏幕阅读器，建议都把 alt 写上）
`title`	文本	提示文本，鼠标放到图片上，显示的提示文字
`width`	像素	设置图像的宽度（了解，后面通过 CSS 设置）
`height`	像素	设置图像的高度（了解，后面通过 CSS 设置）
`border`	像素	设置图像的边框粗细（了解，后面通过 CSS 设置）

相对路径分类	符号	说明
同一级路径	`.`	如：
下一级路径	`/`	如：
上一级路径	`../`	如：

属性	作用
`href`	用于指定链接目标的 url 地址，（必须属性）当标签应用 href 属性时，它就具有了超链接的功能
`target`	用于指定链接页面的打开方式，其中 `_self` 在当前页面打开的方式（为默认值），`_blank` 在新窗口中打开的方式

特殊字符	描述	字符的代码
	空格符
`<`	小于号	`<`
`>`	大于号	`>`
`&`	和号	`&`
`±`	正负号	`±`
`×`	乘号	`×`
`÷`	除号	`÷`
`²`	上标	`²`

属性名	属性值	描述
`align`	`left`、`center`、`right`	规定表格相对周围元素的对齐方式（默认 left），注意指的是整个表格的对齐方式（表格是在父盒子中默认往左靠，还是居中或是往右靠），而不是指单元格内容的对齐方式（单元格内容对齐可以通过：`style="text-align: center;"` 设置）（了解）
`border`	`1` 或 `""`	规定表格单元是否拥有边框，默认为 “”，表示没有边框（了解）
`cellpadding`	像素值	规定单元边沿与其内容之间的空白，默认 1 像素（了解）
`cellspacing`	像素值	规定单元格之间的空白，默认 2 像素（了解）
`width`	像素值或百分比	规定表格的宽度（了解）
`height`	像素值或百分比	规定表格的高度（了解）

标签名	定义	说明
	无序标签	里面只包含 li，没有顺序，使用较多，li 里面可以包含任何标签
	有序标签	里面只包含 li，有顺序，使用相对较少，li 里面可以包含任何标签
	自定义标签	里面只能包含 dt 和 dd，dt 和 dd 里面可以放任何标签，dd 一般作为对 dt 的细分描述