多加点辣也没关系

前端学习| 第一章

HTML 学习 | 第一章

前言
一、概述
二、HTML 语法
- 1. 基本语法概述
- 2. 标签关系
- 3. 基本结构标签
- 4. 常用标签
- - 4.1 标题标签
  - 4.2 段落标签
  - 4.3 换行标签
  - 4.4 文本格式化标签
  - 4.5 容器标签
  - 4.6 图像标签
  - 4.7 超链接标签
  - 4.8 注释标签
  - 4.9 表格标签
  - 4.10 列表标签
  - 4.11 表单标签
- 5. 特殊字符
- 6. 综合案例
- 7. 查阅文档

前言

小白开始干前端

生命不息，学习不止~~

以下内容源于黑马前端教程，纯属搬运工了

一、概述

二、HTML 语法

1. 基本语法概述

HTML 标签使由 尖括号包围的关键词，例如
HTML 标签通常是成对出现的，例如和，称为双标签，标签对中的第一个标签是开始标签，第二个标签是结束标签。
有些特殊的标签必须是单个标签，例如：，称之为 单标签

2. 标签关系

双标签关系可分为两类：包含关系 和 并列关系

包含关系：

<html>
	<title>title>
html>

并列关系：

<head>head>
<body>body>

3. 基本结构标签

每个网页都会有一个结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写的。

标签名	定义	说明
	HTML标签	页面中最大的标签，又称为根标签
	文档的头部	注意在 head 标签中必须要设置的标签是 title
	文档的标题	让页面有一个属于自己的网页标题
	文档的主体	元素包含文档的所有内容，页面内容基本都是放到 body 里面的

第一个页面编写：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第一个页面title>
head>
<body>
    众里寻他千百度，蓦然回首那人却在灯火阑珊处
body>
html>

文档类型声明标签

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

DOCTYPE html>

上面的代码表示：当前页面采取的是 HTML5 版本来显示网页。

注意：

声明位于文档中的最前面的位置，处于标签之前
不是一个 HTML 标签，它就是文档类型声明标签

lang 语言种类

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

en 定义语言为英语
zh-CN 定义语言为中文

简单来说，定义为 en 就是英文网页，定义为 zh-CN 就是中文网页，但是其实不管你定义的是中文网页还是英语网页，都可以去写其他语言内容的。这个属性对游览器和搜索引擎还是有作用的。在国内建议使用 zh-CN。

字符集

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

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

    <meta charset="UTF-8">

charset 常用的值有：GB2312、BIG5、GBK 和 UTF-8，其中 UTF-8 也被称为 万国码，基本包含了全世界所有国家需要用到的字符。

注意：上面语法是必须要写的代码，否则可能引起乱码的情况，一般情况下，统一使用 UTF-8 编码，尽量统一写成标准的 UTF-8，而不是 utf8 或者 UTF8。

4. 常用标签

4.1 标题标签

为了使网页更具有语义化，我们经常会在页面中用到 标题标签，HTML 提供了 6 个等级的网页标签，即

-

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

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

特点：

加了标题的文字会变得加粗，字号也会依次变大。
一个标题独占一行。

语法：

<h1>一级标题h1>

示例：

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标题标签title>
head>
<body>
    <h1>一级标题h1>
    <h2>二级标题h2>
    <h3>三级标题h3>
    <h4>四级标题h4>
    <h5>五级标题h5>
    <h6>六级标题h6>
body>
html>

保存，打开游览器，效果如下所示：

4.2 段落标签

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

标签用于定义段落，它可以将整个网页分为若干个段落，p 为单词 paragraph 的缩写，意为段落。

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

特点：

文本在一个段落中会根据游览器窗口的大小自动换行。
段落和段落之间保有空隙。

语法：

<p>一段内容p>

示例：

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>段落标签title>
head>
<body>
    <p>燕子去了，有再来的时候；杨柳枯了，有再青的时候；桃花谢了，有再开的时候。但是，聪明的，你告诉我，我们的日子为什么一去不复返呢？——是有人偷了他们罢：那是谁？又藏在何处呢？是他们自己逃走了罢：如今又到了哪里呢？p>

    <p>我不知道他们给了我多少日子，但我的手确乎是渐渐空虚了。在默默里算着，八千多日子已经从我手中溜去，像针尖上一滴水滴在大海里，我的日子滴在时间的流里，没有声音，也没有影子。我不禁头涔涔而泪潸潸了。p>
body>

保存，打开游览器，效果如下所示：

4.3 换行标签

在 HTML 中，一个段落中的文字会从左到右依次排列，直到游览器窗口的右端，然后才自动换行，如果希望某段文本强制换行显示，就需要使用换行标签，b 对应单词 break 的缩写，意为打断、换行。

标签语义：强制换行。

特点：

它是一个 单标签。
标签只是简单的开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。

语法：

<br />

示例：

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>换行标签title>
head>
<body>
    山客龙钟不解耕，开轩危坐看阴晴。<br />
    前江后岭通云气，万壑千林送雨声。<br />
    海压竹枝低复举，风吹山角晦还明。<br />
    不嫌屋漏无乾处，正要群龙洗甲兵。<br />
body>

保存，打开游览器，效果如下所示：

4.4 文本格式化标签

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

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

语义	标签	说明
`加粗`	或者	更推荐使用标签加粗，语义更强烈
`倾斜`	或者	更推荐使用标签倾斜，语义更强烈
删除线	或者	更推荐使用标签删除线，语义更强烈
下划线	或者	更推荐使用标签下划线，语义更强烈

语法：

<strong>加粗strong>
...

示例：

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本格式化标签title>
head>
<body>
    我是<strong>加粗strong>文字<br />
    我是<em>倾斜em>文字<br />
    我是<del>删除线del>文字<br />
    我是<ins>下划线ins>文字<br />
body>

保存，打开游览器，效果如下所示：

4.5 容器标签

和都是容器标签，它们是没有语义的，就是一个盒子，用来装内容的，div 是 division 的缩写，表示分割、分区，span 意为跨度、跨距。

特点：

标签用来布局，但是现在一行只能放一个
，大盒子。
标签用来布局，一行可以有多个，小盒子。

语法：

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

示例：

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>换行标签title>
head>
<body>
    <div>div独占一行div>
    <div>div独占一行div>

    <span>百度span>
    <span>新浪span>
    <span>搜狐span>
body>

保存，打开游览器，效果如下所示：

4.6 图像标签

在 HTML 标签中，标签用于定义 HTML 页面中的图像，img 为单词 image 的缩写，意为图像，src 是标签的必须属性，它用于指定图像文件的路径和文件名。

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

图像标签的其他属性：

属性	标签	说明
src	图片路径	必须属性
alt	文本	替换文本，图像不能显示的文字
title	文本	提示文本，鼠标放到图像上，显示的文字
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	像素	设置图像的边框粗细

图像标签属性注意点：

如果修改单一的 width 或者 height，会自动进行等比缩放
图像标签可以拥有多个属性，必须写在标签名的后面
属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开
属性采取键值对的格式，即 key=“value” 的格式，属性=“属性值”

语法：

<img src="图像url" />

示例：

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图像标签title>
head>
<body>

    <h4>替换文本：当图片显示不出来的时候显示的文字h4>
    <img src="2.png" alt="图片加载失败">

    <h4>提示文本：鼠标放在图片上提示的文字h4>
    <img src="1.png" title="海贼王">

    <h4>设置图片长宽、边框h4>
    <span>
        <img src="1.png" width="180px" height="120px">
    span>

    <span>
        <img src="1.png" width="180px" border="12">
    span>
    
body>

保存，打开游览器，效果如下所示：

图像标签有一个很重要的知识点就是 路径

实际工作中，我们的文件不能随便乱放，否则用起来很难快速找到他们，因此我们需要一个文件夹管理他们。

目录文件夹：就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材，比如 html 文件、图片等。

根目录：打开目录文件夹的第一层就是根目录。

（2）路径

页面中的图片会非常多，通常我们会新建一个文件夹存放这些图像文件（images），这时再查找图像，就需要采用 “ 路径 ” 的方式来指定图像文件的位置。

路径可以分为：

相对路径

相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。简单来说，就是图片相对于 HTML 页面的位置。

相对路径分类	符号	说明
同一级路径		图像文件位于 HTML 文件同一级，如
下一级路径	/	图像文件位于 HTML 文件下一级，如
上一级路径	…/	图像文件位于 HTML 文件上一级，如

相对路径是从代码所在的这个文件出发，去寻找目标文件的，而这里所说的上一级、下一级和同一级就是图片相对于 HTML 页面的位置。

绝对路径

绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。例如：D:\web\img\logo.gif 或完整的网络地址 https://img-blog.csdnimg.cn/55.png

4.7 超链接标签

在 HTML 标签中，标签用于定义超链接，作用是从一个页面链接到另一个页面。a 是单词 anchor 的缩写，意为：锚。

链接的语法格式

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

两个属性的作用如下：

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

链接的分类

外部链接：例如 百度 ，链接地址需要以 http:// 开头。

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

空链接：如果当时没有确定链接目标时，首页 。

下载链接：地址链接是文件 .exe 或者是 .zip 等压缩形式文件时，会下载这个文件。

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

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

在链接文本的 href 属性中，设置属性值为 #名字 的形式，如 第2集
找到目标位置标签，里面添加一个 id 属性 = 刚才的名字，如 第2集介绍

示例：

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>链接标签标签title>
head>
<body>
    <h3 id="baidu">百度一下，你就知道h3>

    <p>href：指定目标链接路径p>

    <p>target：打开窗口的方式，默认为 “_self” 当前窗口打开页面，“_blank” 为新窗口打开页面p>

    <h4>外部链接h4>
    <a href="http://www.baidu.com" target="_self">百度a>
    <a href="https://blog.csdn.net/xhmico?spm=1011.2124.3001.5343" target="_blank">我的个人主页a>
    <h4>内部链接：网站内部之间的相互链接h4>
    <a href="Untitled-2.html" target="_self">首页a>
    <h4>空链接h4>
    <a href="#" target="_blank">跳转到a>
    <h4>下载链接h4>
    <a href="1.zip">下载文件a>
    <h4>网页元素链接h4>
    <a href="http://www.baidu.com" target="_self">
        <img src="1.png" width="200" />
    a>
    <h4>锚点链接h4>
    <a href="#baidu">跳转到百度a>
body>

保存，打开游览器，效果如下所示：

4.8 注释标签

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

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

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

语法：

4.9 表格标签

表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。

表格不是用来布局页面的，而是用来展示数据的。

表格属性：

属性名	属性值	描述
align	left、center、right	规定表格相对周围元素的对齐方式
border	1或 “ ”	规定表格单元是否有边框，默认为 “ ” ，表示没有边框
cellpadding	像素值	规定单元边沿与内容之间的空白，默认1像素
cellspacing	像素值	规定单元格之间的空白，默认2像素
width	像素值或百分比	规定表格的宽度

语法：

     <table>
        <tr>
            <td>单元格内的文字td>
            ...
        tr>
        ...
    table>

是用于定义表格的标签。
标签用于定义表格中的行，必须嵌套在标签中。
用于定义表格中的单元格，必须嵌套在标签中。
字母 td 指表格数据（table data），即数据单元格的内容。

表头单元格标签

表头单元格也是单元格，一般表头单元格位于表格的第一行或第一列，表头单元格里面的文本内容加粗居中显示，常用于表格第一行突出重要性，标签表示 HTML 表格的表头部分 (table head 的缩写)

示例：

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格标签title>
head>
<body>
    <table align="center" cellspacing="0" cellpadding="5" width="200" border="1">
        <tr>
            <th>姓名th><th>性别th><th>年龄th>
        tr>
        <tr>
            <td>米大傻td><td>男td><td>18td>
        tr>
        <tr>
            <td>曹大力td><td>男td><td>17td>
        tr>
        <tr>
            <td>杨大宝td><td>女td><td>20td>
        tr>
    table>
body>

保存，打开游览器，效果如下所示：

表格结构标签

因为表格可能很长,为了更好的表示表格的语义，可以将表格分割成表格头部和表格主体两大部分。在表格标签中，分别用：标签表格的头部区域、标签表格的主体区域，这样可以更好的分清表格结构。

：用于定义表格的头部。内部必须拥有标签。一般是位于第一行。
：用于定义表格的主体，主要用于放数据本体。
以上标签都是放在标签中。

示例：

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格结构标签title>
head>
<body>
    <table align="center" cellspacing="0" cellpadding="5" with="200" border="1">
        <thead>
            <tr>
                <th>姓名th><th>性别th><th>年龄th>
            tr>
        thead>
        <tbody>
            <tr>
                <td>米大傻td><td>男td><td>18td>
            tr>
            <tr>
                <td>曹大力td><td>男td><td>17td>
            tr>
            <tr>
                <td>杨大宝td><td>女td><td>20td>
            tr>
        tbody>
    table>
body>

合并单元格

合并单元格的方式：

跨行合并：rowspan=“合并单元格的个数”
- 最上侧单元格为目标单元格, 写合并代码
跨列合并：colspan=“合并单元格的个数”
- 最左侧单元格为目标单元格, 写合并代码

基本步骤：

先确定是跨行还是跨列合并。
找到目标单元格，写上合并方式 = 合并的单元格数量。
删除多余的单元格。

示例：

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>合并单元格title>
head>
<body>
    <table align="center" cellspacing="0" cellpadding="20" width="500" border="1">
        <thead>
            <tr>
                <th>th>
                <th colspan="2">th>
            tr>
        thead>
        <tbody>
            <tr>
                <td rowspan="3">td>
                <td>td>
                <td>td>
            tr>
            <tr>
                <td>td>
                <td>td>
            tr>
            <tr>
                <td>td>
                <td>td>
            tr>
        tbody>
    table>
body>

保存，打开游览器，效果如下所示：

4.10 列表标签

列表是用来布局的，列表最大的特点就是整齐、整洁、有序，所以它作为布局会更加自由和方便。

根据使用情景不同，列表可以分为三大类：无序列表、有序列表和自定义列表。

无序列表

标签定义。无序列表的基本语法格式如下：

语法：

    <ul>
        <li>列表项1li>
        <li>列表项2li>
        <li>列表项3li>
        <li>列表项4li>
        ...
    ul>

无序列表的各个列表项之间没有顺序级别之分，是并列的。
中只能嵌套

与
无序列表会带有自己的样式属性，但在实际使用时，我们会使用 CSS 来设置。

有序列表

有序列表即为有排列顺序的列表，其各个列表项会按照一定的顺序排列定义。在 HTML 标签中，

标签来定义列表项。有序列表的基本语法格式如下：

语法：

    <ol>
        <li>列表项1li>
        <li>列表项2li>
        <li>列表项3li>
        <li>列表项4li>
        ...
    ol>

中只能嵌套

与
有序列表会带有自己样式属性，但在实际使用时，我们会使用 CSS 来设置。

自定义列表

自定义列表的使用场景：自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。在 HTML 标签中，

（定义项目/名字）和

（描述每一个项目/名字）一起使用。语法如下：

语法：

    <dl>
        <dt>名词1dt>
        <dd>名词1解释1dd>
        <dd>名词1解释2dd>
        <dd>名词1解释3dd>
        ...
        <dt>名词2dt>
        <dd>名词2解释1dd>
        <dd>名词2解释2dd>
        <dd>名词2解释3dd>
        ...
    dl>

里面只能包含
和
。
和
个数没有限制，经常是一个
对应多个
。

示例：

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表标签title>
head>
<body>
    <h4>无序列表h4>
    <ul>
        <li>列表项1li>
        <li>列表项2li>
        <li>列表项3li>
        <li>列表项4li>
        <li>...li> 
    ul>

    <h4>有序列表h4>
    <ol>
        <li>列表项1li>
        <li>列表项2li>
        <li>列表项3li>
        <li>列表项4li>
        <li>...li> 
    ol>

    <h4>自定义列表h4>
    <dl>
        <dt>关注我们dt>
        <dd>新浪微博dd>
        <dd>官方网站dd>
        <dd>联系我们dd>
        <dt>帮助中心dt>
        <dd>账户管理dd>
        <dd>购物指南dd>
        <dd>订单操作dd>
    dl>
body>

保存，打开游览器，效果如下所示：

4.11 表单标签

使用表单目的是为了收集用户信息。在我们网页中，我们也需要跟用户进行交互，收集用户资料，此时就需要表单。在 HTML 中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和 提示信息3个部分构成。

表单域

表单域是一个包含表单元素的区域。在 HTML 标签中，

标签用于定义表单域，以实现用户信息的收集和传递。 会把它范围内的表单元素信息提交给服务器。

常用属性：

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

语法：

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

表单控件

（1）input 输入表单元素

在英文单词中，input 是输入的意思，而在表单元素中标签用于收集用户信息。在标签中，包含一个 type 属性，根据不同的 type 属性值，输入字段拥有很多种形式（可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等）。

标签为单标签。
type 属性设置不同的属性值用来指定不同的控件类型。

常用属性：

属性	属性值
type	可参见以下 type 属性值	描述
name	由用户自定义	定义 input 元素名称
value	由用户自定义	规定 input 元素的值
checked	checked	规定此 input 元素首次加载时应当被选中
maxlength	正整数	规定输入字段中的字符的最大长度

name 和 value 是每个表单元素都有的属性值，主要给后台人员使用
name 表单元素的名称，要求 单选按钮和复选框要有相同的 name 值
value 在文本框中能看到效果
checked 属性主要争对单选按钮和复选框，主要作用一打开页面，就要可以默认选中某个表单元素
maxlength 是用户可以在表单元素输入的最大字符数，一般较少使用

type 属性的属性值及其描述如下：

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

语法：

<input type="属性值" />

label 标签

标签为 input 元素定义标注（标签）。

标签用于绑定一个表单元素，当点击标签内的文本时，浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上，用来增加用户体验。

语法：

<label for="sex">男label>
<input type="radio" name="sex"  id="sex" />

核心：标签的 for 属性应当与相关元素的 id 属性相同。

（2）select 下拉表单元素

使用场景: 在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用中至少包含一对。

在中定义 selected = “selected” 时，当前项即为默认选中项。

语法：

<select>
   <option>选项1option>
   <option>选项2option>
   <option>选项3option>
   ...
 select>

（1）textarea 文本域元素

使用场景: 当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用 </code> 标签。在表单元素中，<code><textarea></code> 标签是用于定义多行文本输入的控件。使用多行文本输入控件，可以输入更多的文字，该控件常见于留言板，评论。 <ol> <li>通过 <code><textarea></code> 标签可以轻松地创建多行文本输入框。</li> <li>cols=“每行中的字符数” ，rows=“显示的行数”，我们在实际开发中不会使用，都是用 CSS 来改变大小。</li> </ol> 语法： <pre><code class="prism language-html"><textarea rows="3" cols="20"> 文本内容 </textarea> </code></pre> 示例： <pre><code class="prism language-html"><!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表单标签</title> </head> <body> <form action="/user/save-user-info" method="post" name="saveUserInfo">   <label for="username.id">用户名：</label><input type="text" name="username" value="请输入用户名" maxlength="10" id="username.id"> <br>  密 码：<input type="password" name="password"> <br>    性别： <input type="radio" name="gender" value="1" checked="checked" id="man"><label for="man">男</label> <input type="radio" name="gender" value="0" id="woman"><label for="woman">女</label> <br>  爱好： <input type="checkbox" name="hobby" value="eat">吃饭 <input type="checkbox" name="hobby" value="sleep" checked="checked">睡觉 <input type="checkbox" name="hobby" value="touchFish" checked="checked">摸鱼 <br> 籍贯： <select name="province"> <option>湖南省</option> <option>湖北省</option> <option>广东省</option> <option>江西省</option> <option>辽宁省</option> </select> <br> 备注：  <textarea name="note" rows="3" cols="20"> 这个人很懒，什么都没有留下~~ </textarea> <br>  上传图片：<input type="file" name="uploadFile"> <br>  <input type="submit" value="提交" name="userSumbit" >  <input type="reset" value="清空" name="userReset" >  <input type="button" value="获取验证码" name="getCode"> <br> </form> </body> </code></pre> 保存，打开游览器，效果如下所示： <a href="http://img.e-com-net.com/image/info8/32d62a95a1664b6a85112e7e4cdc23a7.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/32d62a95a1664b6a85112e7e4cdc23a7.jpg" alt="前端学习| 第一章_第15张图片" width="650" height="361" style="border:1px solid black;"></a> <hr> <h3>5. 特殊字符</h3> 在 HTML 页面中，一些特殊的符号很难或者不方便直接使用，此时我们就可以使用下面的字符来替代。 <a href="http://img.e-com-net.com/image/info8/21990903d6b24b33b30bbccb6524d467.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/21990903d6b24b33b30bbccb6524d467.jpg" alt="前端学习| 第一章_第16张图片" width="650" height="292" style="border:1px solid black;"></a> 更多常见字符可见以下链接： HTML中常用特殊符号总汇 html中显示特殊符号（附带特殊字符对应表） <h3>6. 综合案例</h3> <pre><code class="prism language-html"><!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>免费注册</title> </head> <body> <h4>填写用户信息</h4> <table width="600"> <tr> <td>用户名</td> <td> <input type="text" > </td> </tr> <tr> <td>生日</td> <td> <select> <option>--请选择年--</option> <option>1996</option> <option>1997</option> <option>1998</option> <option>1999</option> </select> <select> <option>--请选择月--</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> <select> <option>--请选择日--</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> </td> </tr> <tr> <td>性别</td> <td> <input type="radio" name="gender" value="man"> 男 <input type="radio" name="gender" value="woman"> 女 </td> </tr> <tr> <td>地址</td> <td> 省 <select> <option selected="selected">湖南省</option> <option>广东省</option> <option>山东省</option> <option>四川省</option> </select> 市 <select> <option selected="selected">长沙市</option> <option>广州市</option> <option>石家庄市</option> <option>成都市</option> </select> 区 <select> <option selected="selected">芙蓉区</option> <option>天河区</option> <option>栾城区</option> <option>新都区</option> </select> </td> </tr> <tr> <td></td> <td> <textarea cols="35">详细地址</textarea> </td> </tr> <tr> <td>密码</td> <td> <input type="password"> </td> </tr> <tr> <td>确认密码</td> <td> <input type="password"> </td> </tr> <tr> <td>手机号码</td> <td> <input type="text" value="+86-"> </td> </tr> <tr> <td>邮箱</td> <td> <input type="text"> </td> </tr> <tr> <td>备注</td> <td> <textarea cols="35">这个人很懒，没有留下什么~~</textarea> </td> </tr> <tr> <td>个人爱好</td> <td> <input type="checkbox" name="label" value="1"> 阅读 <input type="checkbox" name="label" value="2"> 运动 <input type="checkbox" name="label" value="3"> 睡觉 <input type="checkbox" name="label" value="4" checked="checker"> 摸鱼 </td> </tr> <tr> <td></td> <td> <a href="#">阅读注册条款与会员标准</a> </td> </tr> <tr> <td></td> <td> <input type="checkbox" name="agree" value="1" checked="checked"> 我同意 </td> </tr> <tr> <td></td> <td> <input type="button" value="注册"> </td> </tr> </table> </body> </code></pre> 保存，打开游览器，效果如下所示： <a href="http://img.e-com-net.com/image/info8/de6e876df4ec4e178bba031fbd285612.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/de6e876df4ec4e178bba031fbd285612.jpg" alt="前端学习| 第一章_第17张图片" width="650" height="463" style="border:1px solid black;"></a> <h3>7. 查阅文档</h3> W3C：http://www.w3school.com.cn/ MDN：https://developer.mozilla.org/zh-CN/ </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1711578095292592128"></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">你可能感兴趣的:(前端学习,前端,学习,javascript)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1886256172818821120.htm" title="【车间调度】基于卷积神经网络的柔性作业车间调度问题的两阶段算法（Matlab代码实现）" target="_blank">【车间调度】基于卷积神经网络的柔性作业车间调度问题的两阶段算法（Matlab代码实现）</a> Ps.729 <a class="tag" taget="_blank" href="/search/cnn/1.htm">cnn</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a> <div>‍个人主页欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录1概述两阶段算法概述第一阶段：特征提取与表示学习第二阶段：调度策略生成与优化研究挑战与前景2运行结果3参考文献4Matlab代码实现1概述该文提出一种基于卷积神经网络的有效两阶段算法，以求解具有机器故障的柔性作业车间调度问题（FJSP）。建立了以最大完成时间</div> </li> <li><a href="/article/1886254532309086208.htm" title="使用KEIL更新STM32程序的HEX文件下载指南及DEMO" target="_blank">使用KEIL更新STM32程序的HEX文件下载指南及DEMO</a> BOBO爱吃菠萝 <div>本文还有配套的精品资源，点击获取简介：本文旨在指导开发者如何在保持源代码保密的前提下，通过KEILIDE生成HEX文件，并利用该文件更新STM32微控制器程序。文章详细介绍了整个流程，并提供了DEMO工程以便读者实践学习。1.HEX文件与微控制器1.1HEX文件的基础知识HEX文件是十六进制格式的文件，它在微控制器开发领域扮演着重要角色。这种文件格式用于存储编译后的程序代码，以便于将固件烧录进微控</div> </li> <li><a href="/article/1886254532724322304.htm" title="Android二维码和条形码扫描实现指南" target="_blank">Android二维码和条形码扫描实现指南</a> BOBO爱吃菠萝 <div>本文还有配套的精品资源，点击获取简介：本文详述了如何在Android平台上集成二维码和条形码扫描功能，重点介绍了使用Zxing、GoogleMobileVisionAPI和FirebaseMLKit这三个库的实践方法。内容包括选择合适的库、集成Zxing和使用FirebaseMLKit的具体步骤、扫描界面的设计、安全隐私保护以及性能优化等多个方面。通过本文的学习，开发者可以更好地掌握在Androi</div> </li> <li><a href="/article/1886252134991720448.htm" title="前端必知必会-Vue 指令" target="_blank">前端必知必会-Vue 指令</a> 编程岁月 <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BF%85%E7%9F%A5%E5%BF%85%E4%BC%9A/1.htm">前端必知必会</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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> <div>文章目录Vue指令不同的Vue指令总结Vue指令Vue指令是带有v-的特殊HTML属性，可以为HTML标记提供额外的功能。Vue指令连接到Vue实例以创建动态和响应式用户界面。使用Vue，与传统的JavaScript方法相比，创建响应式页面要轻松精简，而且所需的代码很少。不同的Vue指令指令详细信息v-bind将HTML标记中的属性连接到Vue实例内的数据变量。v-if根据条件创建HTML标记。指</div> </li> <li><a href="/article/1886251881563484160.htm" title="动态规划学习:放苹果" target="_blank">动态规划学习:放苹果</a> 我爱夜来香A <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E4%B8%80%E9%81%93%E7%AE%97%E6%B3%95%E9%A2%98/1.htm">每天一道算法题</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/1.htm">动态规划</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>放苹果一、放苹果二、思路分析三、代码实现一、放苹果有m个苹果,n个盘子,允许有的盘子空着不放,请问有多少种不同的放法二、思路分析dp[i][j]表示i个苹果放入j个盘子共有多少种放法1)、当i为0时,即苹果数为0,不放,即有1种放法,dp[0][j]=1;当j为1时,即盘子数为1个,也只有一种放法dp[i][1]=12)、当苹果数小于盘子数,永远会有空盘子出现,dp[i][j]=dp[i][i]3</div> </li> <li><a href="/article/1886251751573614592.htm" title="最小边际采样在分类任务中的应用" target="_blank">最小边际采样在分类任务中的应用</a> ningaiiii <a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E4%B8%8E%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">机器学习与深度学习</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E7%B1%BB/1.htm">分类</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>最小边际采样在分类任务中的应用在机器学习的分类任务里，如何高效利用有限的标注数据，一直是研究的重点。最小边际采样（LeastMarginSampling）作为主动学习策略中的一种，为解决这一问题提供了独特的思路。本文将深入探讨最小边际采样在分类任务中的原理、应用以及优势与挑战。一、最小边际采样的原理最小边际采样的核心概念是基于模型预测概率来衡量样本的不确定性。在一个多分类问题中，模型会对每个样本预</div> </li> <li><a href="/article/1886250868290940928.htm" title="DynamicPlanning动态规划学习笔记" target="_blank">DynamicPlanning动态规划学习笔记</a> kxwsspz2001 <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/1.htm">动态规划</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>动态规划动态规划的特点是求解决策过程最优化的过程。适用于求解将过程分成若干个互相联系的阶段，在它的每一阶段都需要作出决策，从而使整个过程达到最好的活动效果。各阶段决策依赖于当前面临的状态，又影响以后的发展。当各个阶段决策确定后，就组成一个决策序列。我们可以从决策序列中找到最优解LeetCode53给定一个整数数组nums，找到一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。示例</div> </li> <li><a href="/article/1886248221357961216.htm" title="进制转换在C/C++/Java/Kotlin中的应用(详细版)" target="_blank">进制转换在C/C++/Java/Kotlin中的应用(详细版)</a> 一歲抬頭 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>//清除标志位为了得到正确的can_id，需要在解析之前清除可能设置的标志位。通过使用&0x1FFFFFFF来实现，这个操作会清除can_id的高3位，确保结果得到的是纯粹的ID。uint32_tclean_can_id=frame.can_id&0x1FFFFFFF;因为上面的问题我不理解所以来学习进制转换的应用,进制转换非常常见,如果你搞底层这个是必须会的,我工作中也经常碰到每次看到都非常头疼</div> </li> <li><a href="/article/1886247086379298816.htm" title="java 转kotlin所需要的准备" target="_blank">java 转kotlin所需要的准备</a> m1zu <a class="tag" taget="_blank" href="/search/web%E5%BA%94%E7%94%A8/1.htm">web应用</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/kotlin/1.htm">kotlin</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1.学习Kotlin的基本语法1.1Kotlin的基本数据类型Kotlin与Java类似，有基本的数据类型，如Int、String、Boolean等。需要注意的是，Kotlin的类型系统是空安全的，这意味着类型默认情况下是不可空的。1.2了解Kotlin的关键字和语法Kotlin有一些独特的关键字和语法，比如val和var用于声明变量，fun用于声明函数等。1.3学习Kotlin的函数式编程特性K</div> </li> <li><a href="/article/1886241413390200832.htm" title="题目：利用条件运算符的嵌套来完成此题：学习成绩〉=90分的同学用A表示，60-89分之间的用B表示， 60分以下的用C表示。" target="_blank">题目：利用条件运算符的嵌套来完成此题：学习成绩〉=90分的同学用A表示，60-89分之间的用B表示， 60分以下的用C表示。</a> 晚夜微雨问海棠呀 <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div>要使用条件运算符（三元运算符）来完成这个题目，可以按照以下步骤进行：使用嵌套的条件运算符来判断成绩范围。根据成绩范围输出相应的等级。以下是一个用C++实现的示例代码：#includechargetGrade(intscore){return(score>=90)?'A':(score>=60)?'B':'C';}intmain(){intscore;std::cout>score;chargrad</div> </li> <li><a href="/article/1886241161211867136.htm" title="代码审计学习路线" target="_blank">代码审计学习路线</a> 白帽子技术分享 <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E5%AE%A1%E8%AE%A1/1.htm">代码审计</a> <div>学习代码审计分以下四部分一.编程语言1.前端语言html/javascript/dom元素使用，主要是为了挖掘xss漏洞，jquery主要写一些涉及到CSRF脚本使用的或者DOM型XSS，JSON劫持等2.后端语言基础语法要知道，例如变量类型,常量,数组(python是列表,元组,字典)，对象,类的调用,引用等，MVC设计模式要清楚,因为大部分目标程序都是基于MVC写的，包括不限于php，pyth</div> </li> <li><a href="/article/1886240152347537408.htm" title="php代码审计学习路线" target="_blank">php代码审计学习路线</a> 子非鱼999 <a class="tag" taget="_blank" href="/search/%E6%9D%82%E8%AE%B0/1.htm">杂记</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>学习PHP代码审计可以帮助你识别和修复PHP应用中的安全漏洞，保护应用免受恶意攻击。以下是系统的PHP代码审计学习路线，从基础到高级逐步提升：一、基础阶段：打好编程和安全基础PHP基础学习PHP语言的基础知识，如变量、数据类型、数组、字符串处理、函数、类和对象等。学习PHP的常见操作：文件处理、会话管理、数据库操作（如MySQL）。推荐资源：PHP官方文档PHP相关学习网站（如菜鸟教程）Web安全</div> </li> <li><a href="/article/1886238008772980736.htm" title="【C/C++】进阶学习" target="_blank">【C/C++】进阶学习</a> 七灵微 <a class="tag" taget="_blank" href="/search/%E5%9F%BA%E6%9C%AC%E7%90%86%E8%AE%BA/1.htm">基本理论</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F/1.htm">嵌入式</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</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/1.htm">前端</a> <div>长期更新C语言：编译型语言，高级代码->编译（工具有gcc或cmake）->机器语言（可执行程序）->运行高级语言->汇编语言->机器语言gcchello.c#生成a.out可执行程序./a.out#运行这个程序gcchello.c-ohello#生成hello.out可执行程序./hello#不加后缀扩展名也能执行gcchello.c-std=c99#标准不一样c11gcc-Shello.c#生</div> </li> <li><a href="/article/1886238007971868672.htm" title="[BUUCTF][极客大挑战 2019]PHP" target="_blank">[BUUCTF][极客大挑战 2019]PHP</a> 朋克归零膏 <a class="tag" taget="_blank" href="/search/CTF/1.htm">CTF</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/firefox/1.htm">firefox</a> <div>备份根据提示应该就是网站备份文件能被爆破出来随手写了个爆破脚本,基于御剑字典,只供学习使用importrandomimportrequestsimporttimefrommultiprocessingimportPooldefmultiScan(target,file_name,pool_num,delay):local_pool=Pool(pool_num)dirs=get_path_dict(</div> </li> <li><a href="/article/1886231831347523584.htm" title="安全见闻（3）" target="_blank">安全见闻（3）</a> Bulestar_xx <a class="tag" taget="_blank" href="/search/%E6%B3%B7%E7%BE%BDsec%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">泷羽sec学习笔记</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a> <div>摘要脚本程序主要讨论的是安全性问题。脚本语言因其源代码可见、可复制性高而具有脚本性质。常见的脚本语言包括：-Lua-PHP-Go-Python-JavaScript脚本语言可以编写病毒和木马，例如Python可以编写木马，PHP可以编写一句话木马。编写脚本病毒需要了解脚本语言基础和病毒构成。宏病毒（macro）可以通过工具如metasploit生成，并植入Office文件中，如Word和PPT。宏</div> </li> <li><a href="/article/1886228177374736384.htm" title="PHP代码审计学习02" target="_blank">PHP代码审计学习02</a> 玄客) <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>目录代码审计一般思路Beescms代码审计（upload）Finecms基于前台MVC任意文件上传挖掘思路CLTPHP基于thinkphp5框架的文件上传挖掘思路今天来看PHP有框架MVC类，文件上传，断点调试挖掘。同样还是有关键字搜索和功能点抓包两种方法来找到文件和代码段，最后进行分析。经过这两天的代码审计学习，有了一些认识，那就是渗透测试相当于是黑盒测试，而代码审计相当于是白盒测试，代码审计会</div> </li> <li><a href="/article/1886225823195787264.htm" title="刷题前必学！时间复杂度和空间复杂度！用JavaScript学数据结构与算法" target="_blank">刷题前必学！时间复杂度和空间复杂度！用JavaScript学数据结构与算法</a> <div>‍JavaScript算法与数据结构-HowieCong务必要熟悉JavaScript使用再来学！一、时间复杂度（1）下面代码，一共执行了几次？functiontraverse(arr){//最没有悬念的是函数里面的第一行代码，只会被执行1次varlen=arr.length//1.i的初始化语句，只有一次，只会被执行1次//2.iO(n)=1T(n)=3n^2+5n+3=>O(n)=n^2（4）</div> </li> <li><a href="/article/1886223132834983936.htm" title="前端——vue代码结构" target="_blank">前端——vue代码结构</a> Alisazxy <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>默认代码结构README.md---项目说明文件package.json---定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。package-lock.json---会自动为npm修改node_modules树或任何操作而生成package.jsonLICENSE---开源协议index.html---项目默认首页模板.postcssrc.js---是对pos</div> </li> <li><a href="/article/1886221109343350784.htm" title="C++学习中的编译器报错" target="_blank">C++学习中的编译器报错</a> 望尘莫及是你 <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1.for(inti=0;iconclusion){conclusion=calculate;}calculate=0;if(nums[index]!=1&&indexconclusion){conclusion=calculate;}calculate=0;if(index<nums.size()&&nums[index]!=1){//先判断下标是否越界，再对数组元素进行操作index++;}}</div> </li> <li><a href="/article/1886218586758901760.htm" title="使用支持向量机和朴素贝叶斯对文本分类" target="_blank">使用支持向量机和朴素贝叶斯对文本分类</a> SSeaflower <a class="tag" taget="_blank" href="/search/%E6%94%AF%E6%8C%81%E5%90%91%E9%87%8F%E6%9C%BA/1.htm">支持向量机</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E7%B1%BB/1.htm">分类</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>一、支持向量机文本分类1.1支持向量机分类器(SVC)支持向量机分类器（SupportVectorClassifier），缩写为SVC。SVC是sklearn.svm模块的一部分，提供了对支持向量机（SVM）算法的实现。SVM是一种监督学习模型，用于分类和回归任务。SVC是SVM用于分类的实现。1.2SVC的用法及参数通过以下方式创建SVC对象并进行训练：fromsklearn.svmimport</div> </li> <li><a href="/article/1886217073319800832.htm" title="使用支持向量机（SVM）进行股票市场预测" target="_blank">使用支持向量机（SVM）进行股票市场预测</a> m0_57781768 <a class="tag" taget="_blank" href="/search/%E6%94%AF%E6%8C%81%E5%90%91%E9%87%8F%E6%9C%BA/1.htm">支持向量机</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a> <div>使用支持向量机（SVM）进行股票市场预测引言股票市场预测是金融领域的一个热门话题，也是一个充满挑战的研究领域。通过准确的市场预测，投资者可以做出更明智的决策，从而获得更高的回报。支持向量机（SVM）作为一种强大的机器学习算法，已被广泛应用于各种分类和回归问题。本文将详细介绍如何使用C++和支持向量机进行股票市场预测，并提供完整的代码示例。支持向量机简介支持向量机（SVM）是一种监督学习算法，最初用</div> </li> <li><a href="/article/1886215811601854464.htm" title="DeepSeek：开启智能搜索与AI发展的新纪元" target="_blank">DeepSeek：开启智能搜索与AI发展的新纪元</a> gs80140 <a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>在人工智能领域，DeepSeek正以其卓越的技术创新和强大的性能表现，成为全球瞩目的焦点。作为一款基于深度学习技术的智能搜索引擎和AI模型，DeepSeek不仅在技术上取得了重大突破，还在多个应用场景中展现了巨大的应用潜力，为用户带来了前所未有的智能体验。一、DeepSeek简介DeepSeek由杭州深度求索人工智能基础技术研究有限公司推出，是一款集自然语言处理（NLP）、计算机视觉（CV）、强化</div> </li> <li><a href="/article/1886214424537133056.htm" title="BUUCTF：[ISITDTU 2019]EasyPHP --- rce 超级异或，，，吐了，，，字符之间异或，成型的异或payload！！！" target="_blank">BUUCTF：[ISITDTU 2019]EasyPHP --- rce 超级异或，，，吐了，，，字符之间异或，成型的异或payload！！！</a> Zero_Adam <a class="tag" taget="_blank" href="/search/BUUCTF%E5%88%B7%E9%A2%98%E8%AE%B0%E5%BD%95/1.htm">BUUCTF刷题记录</a><a class="tag" taget="_blank" href="/search/RCE/1.htm">RCE</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>目录:一、自己做：二、学的的三、学习WP1.这里先来个不限制字符个数的关于这个%ff以及异或的事情，咱们好好唠唠1.生成异或中间值的python脚本2.看有字符限制的时候，：参考：末初一、自己做：0xd)die('youaresoclose,omg');eval($_);?>过滤了，不少，我一般碰到rce的题，就看自己的笔记，然后把payload一股脑的网上怼，，，二、学的的正则看不明白的时候，可</div> </li> <li><a href="/article/1886214426315517952.htm" title="【Java】已解决java.lang.ClassNotFoundException异常" target="_blank">【Java】已解决java.lang.ClassNotFoundException异常</a> 屿小夏 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>个人简介：某不知名博主，致力于全栈领域的优质博客分享|用最优质的内容带来最舒适的阅读体验！文末获取免费IT学习资料！文末获取更多信息精彩专栏推荐订阅收藏专栏系列直达链接相关介绍书籍分享点我跳转书籍作为获取知识的重要途径，对于IT从业者来说更是不可或缺的资源。不定期更新IT图书，并在评论区抽取随机粉丝，书籍免费包邮到家AI前沿点我跳转探讨人工智能技术领域的最新发展和创新，涵盖机器学习、深度学习、自然</div> </li> <li><a href="/article/1886210771432566784.htm" title="MoonBit 编译器（留档学习）" target="_blank">MoonBit 编译器（留档学习）</a> skywalk8163 <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>MoonBit编译器MoonBit是一个用户友好，构建快，产出质量高的编程语言。MoonBit|Documentation|Tour|CoreThisisthesourcecoderepositoryforMoonBit,aprogramminglanguagethatisuser-friendly,buildsfast,andproduceshighqualityoutput.安装先安装依赖：s</div> </li> <li><a href="/article/1886210644538093568.htm" title="我在京东工作已经来到第8个年头，从2016年的实习生到如今负责部门整体架构，这段职业旅程中充满了感悟。简单回顾我的个人成长里程碑：2017年正式加入京东后，从一名新人开始，逐步了解公司的业务、文化，" target="_blank">我在京东工作已经来到第8个年头，从2016年的实习生到如今负责部门整体架构，这段职业旅程中充满了感悟。简单回顾我的个人成长里程碑：2017年正式加入京东后，从一名新人开始，逐步了解公司的业务、文化，</a> 毕设专业企业源码站2 <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>我在京东工作已经来到第8个年头，从2016年的实习生到如今负责部门整体架构，这段职业旅程中充满了感悟。简单回顾我的个人成长里程碑：2017年正式加入京东后，从一名新人开始，逐步了解公司的业务、文化，以及学习如何成为一名合格的职场人；19-21年，我开始负责一块完整的业务，并逐渐成长为小组负责人；2022年开始负责整个部门的架构，并且开始参与一些公司核心项目的设计与落地。这一路走来经历的挫折与收获也</div> </li> <li><a href="/article/1886210266601943040.htm" title="Megatron：深度学习中的高性能模型架构" target="_blank">Megatron：深度学习中的高性能模型架构</a> gs80140 <a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E7%A7%91%E8%B0%B1/1.htm">基础知识科谱</a><a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>Megatron：深度学习中的高性能模型架构Megatron是由NVIDIA推出的深度学习大规模预训练模型框架，主要针对大规模Transformer架构模型的高效训练与推理。Megatron大多用于GPT（生成式预训练模型）、BERT等Transformer模型的预训练，擅长在大规模数据集和高性能计算资源上进行训练。Megatron的主要特点1.超大模型的高效训练模型并行（ModelParalle</div> </li> <li><a href="/article/1886203586904387584.htm" title="对领域驱动设计(DDD)的学习成果" target="_blank">对领域驱动设计(DDD)的学习成果</a> huaishu <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>领域驱动设计之领域模型2004年EricEvans发表Domain-DrivenDesign–TacklingComplexityintheHeartofSoftware（领域驱动设计），简称EvansDDD。领域驱动设计分为两个阶段：以一种领域专家、设计人员、开发人员都能理解的“通用语言”作为相互交流的工具，在不断交流的过程中不断发现一些主要的领域概念，然后将这些概念设计成一个领域模型；由领域模</div> </li> <li><a href="/article/1886198422084579328.htm" title="Webpack 模块加载、动态引入机制源码解读" target="_blank">Webpack 模块加载、动态引入机制源码解读</a> AIGC小陈 <a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/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><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>今天的文章简单探讨一下Vue和React的不同。本人Vue2和React都用过，但不熟悉Vue3，没用它做过项目。其实我对这两大框架也没有认真钻研过它们的细节，也就是工作上用它们写一些简单业务，或偶尔看看相关的博客文章，但还是有一些浅显的认识的，写下来记录一下。Vue和React都是用于构建UI界面的流行框架。它们的哲学也有很多相似的地方，我们可以认为这些特性是流行前端框架的一个趋势。它们是：组件</div> </li> <li><a href="/article/1886196906091147264.htm" title="探索前端可观察性：如何使用Telemetry提高用户体验" target="_blank">探索前端可观察性：如何使用Telemetry提高用户体验</a> 桂月二二 <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ux/1.htm">ux</a> <div>随着前端应用变得日益复杂，可观察性（Observability）在前端开发中的重要性正逐步显现。通过实现Telemetry（遥测）功能，开发者能够收集、分析应用的运行数据，从而更好地了解用户行为、定位问题，并持续优化用户体验。什么是Telemetry？**Telemetry（遥测）**是指通过自动化手段远程采集系统或应用运行时的状态数据和行为信息。这些数据通常包括性能指标、错误日志、用户交互事件等</div> </li> <li><a href="/article/7.htm" title="LeetCode[位运算] - #137 Single Number II" target="_blank">LeetCode[位运算] - #137 Single Number II</a> Cwind <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a><a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a><a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a> <div>原题链接：#137 Single Number II 要求：给定一个整型数组，其中除了一个元素之外，每个元素都出现三次。找出这个元素注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间难度：中等分析：与#136类似，都是考察位运算。不过出现两次的可以使用异或运算的特性 n XOR n = 0, n XOR 0 = n，即某一</div> </li> <li><a href="/article/134.htm" title="《JavaScript语言精粹》笔记" target="_blank">《JavaScript语言精粹》笔记</a> aijuans <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>0、JavaScript的简单数据类型包括数字、字符创、布尔值（true/false）、null和undefined值，其它值都是对象。 1、JavaScript只有一个数字类型，它在内部被表示为64位的浮点数。没有分离出整数，所以1和1.0的值相同。 2、NaN是一个数值，表示一个不能产生正常结果的运算结果。NaN不等于任何值，包括它本身。可以用函数isNaN(number)检测NaN,但是</div> </li> <li><a href="/article/261.htm" title="你应该更新的Java知识之常用程序库" target="_blank">你应该更新的Java知识之常用程序库</a> Kai_Ge <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>在很多人眼中，Java 已经是一门垂垂老矣的语言，但并不妨碍 Java 世界依然在前进。如果你曾离开 Java，云游于其它世界，或是每日只在遗留代码中挣扎，或许是时候抬起头，看看老 Java 中的新东西。 Guava Guava[gwɑ:və]，一句话，只要你做Java项目，就应该用Guava（Github）。 guava 是 Google 出品的一套 Java 核心库，在我看来，它甚至应该</div> </li> <li><a href="/article/388.htm" title="HttpClient" target="_blank">HttpClient</a> 120153216 <a class="tag" taget="_blank" href="/search/httpclient/1.htm">httpclient</a> <div>/** * 可以传对象的请求转发，对象已流形式放入HTTP中 */ public static Object doPost(Map<String,Object> parmMap,String url) { Object object = null; HttpClient hc = new HttpClient(); String fullURL </div> </li> <li><a href="/article/515.htm" title="Django model字段类型清单" target="_blank">Django model字段类型清单</a> 2002wmj <a class="tag" taget="_blank" href="/search/django/1.htm">django</a> <div>Django 通过 models 实现数据库的创建、修改、删除等操作，本文为模型中一般常用的类型的清单，便于查询和使用： AutoField：一个自动递增的整型字段，添加记录时它会自动增长。你通常不需要直接使用这个字段；如果你不指定主键的话，系统会自动添加一个主键字段到你的model。(参阅自动主键字段) BooleanField：布尔字段,管理工具里会自动将其描述为checkbox。 Cha</div> </li> <li><a href="/article/642.htm" title="在SQLSERVER中查找消耗CPU最多的SQL" target="_blank">在SQLSERVER中查找消耗CPU最多的SQL</a> 357029540 <a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a> <div>返回消耗CPU数目最多的10条语句 SELECT TOP 10 total_worker_time/execution_count AS avg_cpu_cost, plan_handle, execution_count, (SELECT SUBSTRING(text, statement_start_of</div> </li> <li><a href="/article/769.htm" title="Myeclipse项目无法部署，Undefined exploded archive location" target="_blank">Myeclipse项目无法部署，Undefined exploded archive location</a> 7454103 <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/MyEclipse/1.htm">MyEclipse</a> <div>做个备忘！错误信息为： Undefined exploded archive location 原因：在工程转移过程中，导致工程的配置文件出错；解决方法： </div> </li> <li><a href="/article/896.htm" title="GMT时间格式转换" target="_blank">GMT时间格式转换</a> adminjun <a class="tag" taget="_blank" href="/search/GMT/1.htm">GMT</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4%E8%BD%AC%E6%8D%A2/1.htm">时间转换</a> <div>普通的时间转换问题我这里就不再罗嗦了，我想大家应该都会那种低级的转换问题吧，现在我向大家总结一下如何转换GMT时间格式，这种格式的转换方法网上还不是很多，所以有必要总结一下，也算给有需要的朋友一个小小的帮助啦。 1、可以使用 SimpleDateFormat SimpleDateFormat EEE-三位星期 d-天 MMM-月 yyyy-四位年 </div> </li> <li><a href="/article/1023.htm" title="Oracle数据库新装连接串问题" target="_blank">Oracle数据库新装连接串问题</a> aijuans <a class="tag" taget="_blank" href="/search/oracle%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">oracle数据库</a> <div>割接新装了数据库，客户端登陆无问题，apache/cgi-bin程序有问题，sqlnet.log日志如下： Fatal NI connect error 12170. VERSION INFORMATION: TNS for Linux: Version 10.2.0.4.0 - Product</div> </li> <li><a href="/article/1150.htm" title="回顾java数组复制" target="_blank">回顾java数组复制</a> ayaoxinchao <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%BB%84/1.htm">数组</a> <div>在写这篇文章之前，也看了一些别人写的，基本上都是大同小异。文章是对java数组复制基础知识的回顾，算是作为学习笔记，供以后自己翻阅。首先，简单想一下这个问题：为什么要复制数组？我的个人理解：在我们在利用一个数组时，在每一次使用，我们都希望它的值是初始值。这时我们就要对数组进行复制，以达到原始数组值的安全性。java数组复制大致分为3种方式：①for循环方式 ②clone方式 ③arrayCopy方</div> </li> <li><a href="/article/1277.htm" title="java web会话监听并使用spring注入" target="_blank">java web会话监听并使用spring注入</a> bewithme <a class="tag" taget="_blank" href="/search/Java+Web/1.htm">Java Web</a> <div> 在java web应用中，当你想在建立会话或移除会话时，让系统做某些事情，比如说，统计在线用户，每当有用户登录时，或退出时，那么可以用下面这个监听器来监听。 import java.util.ArrayList; import java.ut</div> </li> <li><a href="/article/1404.htm" title="NoSQL数据库之Redis数据库管理(Redis的常用命令及高级应用)" target="_blank">NoSQL数据库之Redis数据库管理(Redis的常用命令及高级应用)</a> bijian1013 <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/NoSQL/1.htm">NoSQL</a> <div>一 .Redis常用命令 Redis提供了丰富的命令对数据库和各种数据库类型进行操作，这些命令可以在Linux终端使用。 a.键值相关命令 b.服务器相关命令 1.键值相关命令 &</div> </li> <li><a href="/article/1531.htm" title="java枚举序列化问题" target="_blank">java枚举序列化问题</a> bingyingao <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%9E%9A%E4%B8%BE/1.htm">枚举</a><a class="tag" taget="_blank" href="/search/%E5%BA%8F%E5%88%97%E5%8C%96/1.htm">序列化</a> <div>对象在网络中传输离不开序列化和反序列化。而如果序列化的对象中有枚举值就要特别注意一些发布兼容问题: 1.加一个枚举值新机器代码读分布式缓存中老对象，没有问题，不会抛异常。老机器代码读分布式缓存中新对像，反序列化会中断，所以在所有机器发布完成之前要避免出现新对象，或者提前让老机器拥有新增枚举的jar。 2.删一个枚举值新机器代码读分布式缓存中老对象，反序列</div> </li> <li><a href="/article/1658.htm" title="【Spark七十八】Spark Kyro序列化" target="_blank">【Spark七十八】Spark Kyro序列化</a> bit1129 <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div>当使用SparkContext的saveAsObjectFile方法将对象序列化到文件，以及通过objectFile方法将对象从文件反序列出来的时候，Spark默认使用Java的序列化以及反序列化机制，通常情况下，这种序列化机制是很低效的，Spark支持使用Kyro作为对象的序列化和反序列化机制，序列化的速度比java更快，但是使用Kyro时要注意，Kyro目前还是有些bug。 Spark</div> </li> <li><a href="/article/1785.htm" title="Hybridizing OO and Functional Design" target="_blank">Hybridizing OO and Functional Design</a> bookjovi <a class="tag" taget="_blank" href="/search/erlang/1.htm">erlang</a><a class="tag" taget="_blank" href="/search/haskell/1.htm">haskell</a> <div> 推荐博文： Tell Above, and Ask Below - Hybridizing OO and Functional Design 文章中把OO和FP讲的深入透彻，里面把smalltalk和haskell作为典型的两种编程范式代表语言，此点本人极为同意，smalltalk可以说是最能体现OO设计的面向对象语言，smalltalk的作者Alan kay也是OO的最早先驱，</div> </li> <li><a href="/article/1912.htm" title="Java-Collections Framework学习与总结-HashMap" target="_blank">Java-Collections Framework学习与总结-HashMap</a> BrokenDreams <a class="tag" taget="_blank" href="/search/Collections/1.htm">Collections</a> <div> 开发中常常会用到这样一种数据结构，根据一个关键字，找到所需的信息。这个过程有点像查字典，拿到一个key，去字典表中查找对应的value。Java1.0版本提供了这样的类java.util.Dictionary(抽象类)，基本上支持字典表的操作。后来引入了Map接口，更好的描述的这种数据结构。 &nb</div> </li> <li><a href="/article/2039.htm" title="读《研磨设计模式》-代码笔记-职责链模式-Chain Of Responsibility" target="_blank">读《研磨设计模式》-代码笔记-职责链模式-Chain Of Responsibility</a> bylijinnan <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ /** * 业务逻辑：项目经理只能处理500以下的费用申请，部门经理是1000，总经理不设限。简单起见，只同意“Tom”的申请 * bylijinnan */ abstract class Handler { /* </div> </li> <li><a href="/article/2166.htm" title="Android中启动外部程序" target="_blank">Android中启动外部程序</a> cherishLC <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>1、启动外部程序引用自： http://blog.csdn.net/linxcool/article/details/7692374 //方法一 Intent intent=new Intent(); //包名包名+类名（全路径） intent.setClassName("com.linxcool", "com.linxcool.PlaneActi</div> </li> <li><a href="/article/2293.htm" title="summary_keep_rate" target="_blank">summary_keep_rate</a> coollyj <a class="tag" taget="_blank" href="/search/SUM/1.htm">SUM</a> <div> BEGIN /*DECLARE minDate varchar(20) ; DECLARE maxDate varchar(20) ;*/ DECLARE stkDate varchar(20) ; DECLARE done int default -1; /* 游标中注册服务器地址 */ DE</div> </li> <li><a href="/article/2420.htm" title="hadoop hdfs 添加数据目录出错" target="_blank">hadoop hdfs 添加数据目录出错</a> daizj <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/hdfs/1.htm">hdfs</a><a class="tag" taget="_blank" href="/search/%E6%89%A9%E5%AE%B9/1.htm">扩容</a> <div>由于原来配置的hadoop data目录快要用满了，故准备修改配置文件增加数据目录，以便扩容，但由于疏忽，把core-site.xml, hdfs-site.xml配置文件dfs.datanode.data.dir 配置项增加了配置目录，但未创建实际目录，重启datanode服务时，报如下错误： 2014-11-18 08:51:39,128 WARN org.apache.hadoop.h</div> </li> <li><a href="/article/2547.htm" title="grep 目录级联查找" target="_blank">grep 目录级联查找</a> dongwei_6688 <a class="tag" taget="_blank" href="/search/grep/1.htm">grep</a> <div> 在Mac或者Linux下使用grep进行文件内容查找时，如果给定的目标搜索路径是当前目录，那么它默认只搜索当前目录下的文件，而不会搜索其下面子目录中的文件内容，如果想级联搜索下级目录，需要使用一个“-r”参数： grep -n -r "GET" . 上面的命令将会找出当前目录“.”及当前目录中所有下级目录</div> </li> <li><a href="/article/2674.htm" title="yii 修改模块使用的布局文件" target="_blank">yii 修改模块使用的布局文件</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a><a class="tag" taget="_blank" href="/search/layouts/1.htm">layouts</a> <div>方法一：yii模块默认使用系统当前的主题布局文件，如果在主配置文件中配置了主题比如: 'theme'=>'mythm', 那么yii的模块就使用 protected/themes/mythm/views/layouts 下的布局文件；如果未配置主题，那么 yii的模块就使用 protected/views/layouts 下的布局文件，总之默认不是使用自身目录 pr</div> </li> <li><a href="/article/2801.htm" title="设计模式之单例模式" target="_blank">设计模式之单例模式</a> come_for_dream <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a><a class="tag" taget="_blank" href="/search/%E6%87%92%E6%B1%89%E5%BC%8F%E9%A5%BF%E6%B1%89%E5%BC%8F/1.htm">懒汉式饿汉式</a><a class="tag" taget="_blank" href="/search/%E5%8F%8C%E9%87%8D%E6%A3%80%E9%AA%8C%E9%94%81%E5%A4%B1%E8%B4%A5/1.htm">双重检验锁失败</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E5%BA%8F%E5%86%99%E5%85%A5/1.htm">无序写入</a> <div> 今天该来的面试还没来，这个店估计不会来电话了，安静下来写写博客也不错，没事翻了翻小易哥的博客甚至与大牛们之间的差距，基础知识不扎实建起来的楼再高也只能是危楼罢了，陈下心回归基础把以前学过的东西总结一下。 *********************************</div> </li> <li><a href="/article/2928.htm" title="8、数组" target="_blank">8、数组</a> 豆豆咖啡 <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%BB%84/1.htm">数组</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">一维数组</a> <div> 一、概念数组是同一种类型数据的集合。其实数组就是一个容器。二、好处可以自动给数组中的元素从0开始编号，方便操作这些元素三、格式 //一维数组 1,元素类型[] 变量名 = new 元素类型[元素的个数] int[] arr =</div> </li> <li><a href="/article/3055.htm" title="Decode Ways" target="_blank">Decode Ways</a> hcx2013 <a class="tag" taget="_blank" href="/search/decode/1.htm">decode</a> <div>A message containing letters from A-Z is being encoded to numbers using the following mapping: 'A' -> 1 'B' -> 2 ... 'Z' -> 26 Given an encoded message containing digits, det</div> </li> <li><a href="/article/3182.htm" title="Spring4.1新特性——异步调度和事件机制的异常处理" target="_blank">Spring4.1新特性——异步调度和事件机制的异常处理</a> jinnianshilongnian <a class="tag" taget="_blank" href="/search/spring+4.1/1.htm">spring 4.1</a> <div>目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T</div> </li> <li><a href="/article/3309.htm" title="squid3(高命中率)缓存服务器配置" target="_blank">squid3(高命中率)缓存服务器配置</a> liyonghui160com <div> 系统:centos 5.x 需要的软件:squid-3.0.STABLE25.tar.gz 1.下载squid wget http://www.squid-cache.org/Versions/v3/3.0/squid-3.0.STABLE25.tar.gz tar zxf squid-3.0.STABLE25.tar.gz &&</div> </li> <li><a href="/article/3436.htm" title="避免Java应用中NullPointerException的技巧和最佳实践" target="_blank">避免Java应用中NullPointerException的技巧和最佳实践</a> pda158 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1) 从已知的String对象中调用equals()和equalsIgnoreCase()方法，而非未知对象。　　总是从已知的非空String对象中调用equals()方法。因为equals()方法是对称的，调用a.equals(b)和调用b.equals(a)是完全相同的，这也是为什么程序员对于对象a和b这么不上心。如果调用者是空指针，这种调用可能导致一个空指针异常 Object unk</div> </li> <li><a href="/article/3563.htm" title="如何在Swift语言中创建http请求" target="_blank">如何在Swift语言中创建http请求</a> shoothao <a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/swift/1.htm">swift</a> <div> 概述：本文通过实例从同步和异步两种方式上回答了”如何在Swift语言中创建http请求“的问题。如果你对Objective-C比较了解的话，对于如何创建http请求你一定驾轻就熟了，而新语言Swift与其相比只有语法上的区别。但是，对才接触到这个崭新平台的初学者来说，他们仍然想知道“如何在Swift语言中创建http请求？”。在这里,我将作出一些建议来回答上述问题。常见的</div> </li> <li><a href="/article/3690.htm" title="Spring事务的传播方式" target="_blank">Spring事务的传播方式</a> uule <a class="tag" taget="_blank" href="/search/spring%E4%BA%8B%E5%8A%A1/1.htm">spring事务</a> <div>传播方式：新建事务 required required_new - 挂起当前非事务方式运行 supports &nbs</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>

前端学习| 第一章

HTML 学习 | 第一章

前言

一、概述

二、HTML 语法

1. 基本语法概述

2. 标签关系

3. 基本结构标签

4. 常用标签

4.1 标题标签

4.2 段落标签

4.3 换行标签

4.4 文本格式化标签

4.5 容器标签

4.6 图像标签

4.7 超链接标签

第2集介绍

4.8 注释标签

4.9 表格标签

4.10 列表标签

4.11 表单标签