烟雨忆南唐

前端HTML（超文本标记语言）总结

HTML4总结

一、前序知识

1. 认识两位先驱

2. 计算机基础知识

1. 计算机俗称电脑，是现代一种用于高速计算的电子计算机器，可以进行数值计算、逻辑计算，还具有存储记忆功能。

2. 计算机由硬件 + 软件成：

硬件：看得见摸得着的物理部件。

软件：可以指挥硬件工作的指令。

3. 软件的分类：

1. 系统软件： Windows、 Linux、Android、 Harmony 等。

2. 应用软件：微信、 QQ、王者荣耀、 PhotoShop 等。

4. 整体图示：

3. C/S架构与B/S架构

1. 上面提到的应用软件，又分为两大类：

C/S架构，特点：需要安装、偶尔更新、不跨平台、开发更具针对性。
B/S架构，特点：无需安装、无需更新、可跨平台、开发更具通用性。

名词解释： C => client （客户端）、 B => browser （浏览器）、 S => server （服务器）。

服务器：为软件提供数据的设备（在背后默默的付出）。

2. 前端工程师，主要负责编写 B/S架构中的网页（呈现界面、实现交互）。

备注：大前端时代，我们可以用前端的技术栈，做出一个C/S架构的应用、甚至搭建一个服

务器。

4. 浏览器相关知识

浏览器是网页运行的平台，常见的浏览器有：谷歌(Chrome) 、 Safari 、 IE 、火狐(Firefox) 、朋(Opera) 等，以上这些是常用的五大浏览器。

1.各大浏览器市场份额：

2.常见浏览器的内核：

5. 网页相关概念

1. 网址：我们在浏览器中输入的地址。

2. 网页：浏览器所呈现的每一个页面。

3. 网站：多个网页构成了一个网站。

4. 网页标准：

二、HTML 简介

1. 什么是 HTML？

全称： HyperText Markup Language （超文本标记语言）。

超文本：暂且简单理解为 “ 超级的文本 ” ，和普通文本比，内容更丰富。

标记：文本要变成超文本，就需要用到各种标记符号。

语言：每一个标记的写法、读音、使用规则，组成了一个标记语言。

2. 相关国际组织（了解）

1. IETF

全称： Internet Engineering Task Force （国际互联网工程任务组），成立于 1985 年底，是一个权威的互联网技术标准化组织，主要负责互联网相关技术规范的研发和制定，当前绝大多数国际互联网技术标准均出自 IETF 。官网： https://www.ietf.org

2. W3C

全称： World Wide Web Consortium （万维网联盟），创建于 1994 年，是目前 Web 技术领域，最具影响力的技术标准机构。共计发布了 200 多项技术标准和实施指南，对互联网技术的发展和应用起到了基础性和根本性的支撑作用，官网： https://www.w3.org

3. WHATWF

全称： Web Hypertext Application Technology Working Group （网页超文本应用技术工作小组）成立于 2004 年，是一个以推动网络 HTML 5 标准为目的而成立的组织。由 Opera 、 Mozilla 基金会、苹果，等这些浏览器厂商组成。官网： https://whatwg.org/

3. HTML 发展历史（了解）

从 HTML 1.0 开始发展，期间经历了很多版本，目前HTML的最新标准是： HMTL 5，具体发展史如图（了解即可）。

三、准备工作

1. 常用电脑设置

1.查看文件夹内容的几种布局。

3.展示文件扩展名（文件后缀）。

3.使用指定程序打开文件。

4. 配置文件的默认打开方式。

2. 安装Chrome浏览器

1. 下载地址： Google Chrome 网络浏览器。

2.若上述地址打不开，或无法安装，请使用资料中的离线安装包。

3.详细步骤可以使用默认引导安装。

四、HTML 入门

1. HTML 初体验

1. 第一步：鼠标右键 => 新建 => 文本文档 => 输入以下内容，并保存。

让天下没有难学的技术！

2. 第二步：修改后缀为 .html ，然后双击打开即可。

这里的后缀名，使用 .htm 也可以，但推荐使用更标准的 .html 。

3. 程序员写的叫 源代码，要交给浏览器进行渲染。

4. 借助浏览器看网页的 源代码，具体操作：

在网页空白处：鼠标右键 ==> 查看网页源代码

2. HTML 标签

1. 标签又称元素，是HTML的基本组成单位。

2. 标签分为： 双标签 与 单标签 （绝大多数都是双标签）。

3. 标签名不区分大小写，但推荐小写，因为小写更规范。

4. 双标签：

示例代码：

让天下没有难学的技术！

5. 单标签：

示例代码：

6. 标签之间的关系：并列关系、嵌套关系，可以使用 tab 键进行缩进：

让天下没有难学的技术！

3. HTML 标签属性

1. 用于给标签提供 附加信息。

2. 可以写在： 起始标签 或 单标签中，形式如下：

例如：

loop = "1" bgcolor = "orange" > 让天下没有难学的技术！

type = "password" >

3. 有些特殊的属性，没有属性名，只有属性值，例如：

disabled>

4. 注意点：

1. 不同的标签，有不同的属性；也有一些通用属性（在任何标签内都能写，后面会详细总结）。

2. 属性名、属性值不能乱写，都是 W3C 规定好的。

3. 属性名、属性值，都不区分大小写，但推荐小写。

4. 双引号，也可以写成单引号，甚至不写都行，但还是推荐写双引号。

5. 标签中不要出现同名属性，否则后写的会失效，例如：

type = "text" type = "password" >

4. HTML 基本结构

1. 在网页中，如何查看某段结构的具体代码？ —— 点击鼠标右键，选择“检查”。

2. 【检查】和【查看网页源代码】的区别：

【查看网页源代码】看到的是：程序员编写的源代码。

【检查】看到的是：经过浏览器 “ 处理 ” 后的源代码。

备注：日常开发中，【检查】用的最多。

3. 网页的 基本结构 如下：

1. 想要呈现在网页中的内容写在 body 标签中。

2. head 标签中的内容不会出现在网页中。

3. head 标签中的 title 标签可以指定网页的标题。

4. 图示：

5. 代码：



 网页标题 





 ......

5. 安装 VSCode

1. 安装中文语言包。

2. 使用 VSCode打开文件夹的两种方式。

3. 调整字体大小。

4. 设置主题。

5. 安装图标主题： vscode-icons 。

6. 安装 Live Server 插件

1. 可以更加方便的打开网页。

2. 打开网页的方式更贴近项目上线。

3. 代码出现改动后，可以自动刷新。

4. 根据自己的情况，去配置一下 VSCode 的自动保存。

注意 1 ：务必使用 VSCode 打开的是文件夹，否则 Live Server 插件无法正常工作！

注意 2 ：打开的网页必须是标准的 HTML 结构，否则无法自动刷新！

7. HTML 注释

1. 特点：注释的内容会被浏览器所忽略，不会呈现到页面中，但源代码中依然可见。

2. 作用：对代码进行解释和说明。

3. 写法：

loop = "1" > 滚动一次

无限滚动

4. 注释不可以嵌套，以下这么写是错的（反例）。

-->

8. HTML 文档声明

1. 作用：告诉浏览器当前网页的版本。

2. 写法：

旧写法：要依网页所用的HTML版本而定，写法有很多。

具体有哪些写法请参考：W3C官网-文档声明（了解即可，千万别背！）

新写法：一切都变得简单了！W3C 推荐使用 HTML 5 的写法。

或

或

3. 注意：文档声明，必须在网页的第一行，且在 html 标签的外侧。

9. HTML 字符编码

1. 计算机对数据的操作：

存储时，对数据进行：编码。
读取时，对数据进行：解码。

2. 编码、解码，会遵循一定的规范 —— 字符集。

3. 字符集有很多中，常见的有（了解）：

1. ASCII ：大写字母、小写字母、数字、一些符号，共计 128 个。

2. ISO 8859 - 1 ：在 ASCII 基础上，扩充了一些希腊字符等，共计是 256 个。

3. GB2312 ：继续扩充，收录了 6763 个常用汉字、 682 个字符。

4. GBK ：收录了的汉字和符号达到 20000+ ，支持繁体中文。

5. UTF - 8 ：包含世界上所有语言的：所有文字与符号。 —— 很常用。

4. 使用原则是怎样的？

原则 1 ：存储时，务必采用合适的字符编码。

否则：无法存储，数据会丢失！

原则 2 ：存储时采用哪种方式编码，读取时就采用哪种方式解码。

否则：数据错乱（乱码）！

例如下面文字中，包含有：中文、英文、泰文、缅甸文

我爱你

I love you!

ฉนรกเธอนะ

ကȁနမက ချစတယ။

若使用 ISO8859 - 1 编码存储，在存入的那一刻，就出问题了，因为 ISO8859 - 1 仅支持英

文！

为保证所有的输入，都能正常存储和读取，现在几乎全都采用： UFT - 8 编码。

所以我们编写 html 文件时，也都统一用 UFT - 8 编码。

5. 总结：

平时编写代码时，统一采用 UTF-8 编码（最稳妥）。
为了让浏览器在渲染 html 文件时，不犯错误，可以通过 meta 标签配合 charset 属性指定字符编码。

charset = "UTF-8" />

10. HTML 设置语言

1. 主要作用：

让浏览器显示对应的翻译提示。
有利于搜索引擎优化。

2. 具体写法：

lang = "zh-CN" >

3. 扩展知识： lang 属性的编写规则（作为一个课外扩展知识，了解即可）。

1. 第一种写法（语言-国家/地区），例如：

zh-CN ：中文-中国大陆（简体中文）

zh-TW ：中文-中国台湾（繁体中文）

zh ：中文

en-US ：英语-美国

en-GB ：英语-英国

2. 第二种写法（语言 — 具体种类）已不推荐使用，例如：

zh-Hans ：中文—简体

zh-Hant ：中文—繁体

3. W3School 上的说明： 《语言代码参考手册》 、 《国家 / 地区代码参考手册》

4. W3C 官网上的说明：《 Language tags in HTML 》

11. HTML标准结构

HTML标准结构如下：

lang = "zh-CN" >



 charset = "UTF-8" >

 我是一个标题
输入 ! ，随后回车即可快速生成标准结构。

生成的结构中，有两个meta标签，我们暂时用不到，可以先删掉。
配置 VScode 的内置插件 emmet ，可以对生成结构的属性进行定制。
在存放代码的文件夹中，存放一个 favicon.ico 图片，可配置网站图标。

五、HTML 基础

1. 开发者文档

W3C官网： www.w3c.org 。
W3School： www.w3school.com.cn。
MDN： developer.mozilla.org —— 平时用的最多。

2. 排版标签

1. h1 最好写一个， h2~h6 能适当多写。

2. h1~h6 不能互相嵌套，例如： h1 标签中最好不要写 h2 标签了。

3. p 标签很特殊！它里面不能有： h1~h6 、 p 、 div 标签（暂时先这样记，后面会说规律）。

3. 语义化标签

概念：用特定的标签，去表达特定的含义。
原则：标签的默认效果不重要（后期可以通过 CSS 随便控制效果），语义最重要！
举例：对于 h1 标签，效果是文字很大（不重要），语义是网页主要内容（很重要）。
优势：

1.代码结构清晰可读性强。

2.有利于 SEO （搜索引擎优化）。

3.方便设备解析（如屏幕阅读器、盲人阅读器等）。

4. 块级元素与行内元素

1. 块级元素 ：独占一行（排版标签都是块级元素）。

2. 行内元素 ：不独占一行（目前只学了： input ，稍后会学习更多）。

3. 使用原则 ：

1. 块级元素 中能写 行内元素 和 块级元素 （简单记：块级元素中几乎什么都能写）。

2. 行内元素 中能写 行内元素 ，但不能写 块级元素 。

3. 一些特殊的规则：

h1~h6 不能互相嵌套。

p 中不要写块级元素。

备注： marquee 元素设计的初衷是：让文字有动画效果，但如今我们可以通过 CSS 来实现

了，而且还可以实现的更加炫酷，所以 marquee 标签已经： 过时了 （废弃了），不推荐使

用。我们只是在开篇的时候，用他做了一个引子而已，在后续的学习过程中，这些已经废弃

的标签，我们直接跳过。

5.文本标签_常用的

1. 用于包裹：词汇、短语等。

2. 通常写在排版标签里面。

3. 排版标签更宏观（大段的文字），文本标签更微观（词汇、短语）。

4. 文本标签通常都是行内元素。

生活中的例子： div 是大包装袋， span 是小包装袋。

6.文本标签_不常用的

备注：

1. 这些不常用的文本标签，编码时不用过于纠结（酌情而定，不用也没毛病）。

2. blockquote 与 address 是块级元素，其他的文本标签，都是行内元素。

3. 有些语义感不强的标签，我们很少使用，例如：small 、 b 、 u 、 q 、 blockquote

4. HTML标签太多了！记住那些：重要的、语义感强的标签即可；截止目前，有这些：

h1~h6 、 p 、 div 、 em 、 strong 、 span

7. 图片标签

1. 基本使用

总结：

1. 像素（ px ）是一种单位，学到 CSS 时，我们会详细讲解。

2. 尽量不同时修改图片的宽和高，可能会造成比例失调。

3. 暂且认为 img 是行内元素（学到 CSS 时，会认识一个新的元素分类，目前咱们只知道：块、行内）。

4. alt 属性的作用：

搜索引擎通过 alt 属性，得知图片的内容。 —— 最主要的作用。

当图片无法展示时候，有些浏览器会呈现 alt 属性的值。

盲人阅读器会朗读 alt 属性的值。

2. 路径的分类

1. 相对路径：以当前位置作为参考点，去建立路径。

注意点：

1.相对路径中的 . / 可以省略不写。

2.相对路径依赖的是当前位置，后期若调整了文件位置，那么文件中的路径也要修改。

2. 绝对路径：以根位置作为参考点，去建立路径。

1. 本地绝对路径： E:/a/b /c/奥特曼 .jpg 。（很少使用）

2. 网络绝对路径： http://www .atguigu .com/images/index_new/logo .png 。

注意点：

1.使用本地绝对路径，一旦更换设备，路径处理起来比较麻烦，所以很少使用。

2.使用网络绝对路径，确实方便，但要注意：若服务器开启了防盗链，会造成图片引入失败。

3. 常见图片格式

1. jpg 格式：

概述：扩展名为 .jpg 或 .jpeg ，是一种有损的压缩格式（把肉眼不容易观察出来的细节丢弃了）。

主要特点： 支持的颜色丰富、占用空间较小、不支持透明背景、不支持动态图。

使用场景：对图片细节没有极高要求的场景，例如：网站的产品宣传图等。—— 该格式网页中很常见。

2. png 格式：

概述：扩展名为 .png ，是一种无损的压缩格式，能够更高质量的保存图片。

主要特点： 支持的颜色丰富、占用空间略大、 支持透明背景、不支持动态图。

使用场景：①想让图片有透明背景；②想更高质量的呈现图片；例如：公司logo图、重要配图等。

3. bmp 格式：

概述：扩展名为 .bmp ，不进行压缩的一种格式，在最大程度上保留图片更多的细节。

主要特点：支持的颜色丰富、保留的细节更多、占用空间极大、不支持透明背景、不支持动态图。

使用场景：对图片细节要求极高的场景，例如：一些大型游戏中的图片。（网页中很少使用）

4. gif 格式：

概述：扩展名为 .gif ，仅支持256种颜色，色彩呈现不是很完整。

主要特点：支持的颜色较少、支持简单透明背景、支持动态图。

使用场景：网页中的动态图片。

5. webp 格式：

概述：扩展名为 .webp ，谷歌推出的一种格式，专门用来在网页中呈现图片。

主要特点：具备上述几种格式的优点，但兼容性不太好，一旦使用务必要解决兼容性问题。

使用场景：网页中的各种图片。

6. base64 格式

1.  本质：一串特殊的文本，要通过浏览器打开，传统看图应用通常无法打开。

2. 原理：把图片进行 base64 编码，形成一串文本。

3.  如何生成：靠一些工具或网站。

4. 如何使用：直接作为 img 标签的 src 属性的值即可，并且不受文件位置的影响。

5.  使用场景：一些较小的图片，或者需要和网页一起加载的图片。

图片的格式非常多，上面这些，只是一些常见的、我们前端人员常接触到的。

8. 超链接

主要作用：从当前页面进行跳转。

可以实现：①跳转到指定页面、②跳转到指定文件（也可触发下载）、③跳转到锚点位置、④唤起指定应用。

1. 跳转到页面

< !-- 跳转其他网页 -->

href= "https://www .jd.com/ " target= "_blank ">去京东

< !-- 跳转本地网页 -->

<a href= " . /10_HTML排版标签 .html " target= "_self">去看排版标签

注意点：

1. 代码中的多个空格 、 多个回车，都会被浏览器解析成一个空格！

2. 虽然 a 是行内元素，但 a 元素可以包裹除它自身外的任何元素！

想展示多个回车或空格，怎么办呢？ —— 后面会讲。

2. 跳转到文件

< !-- 浏览器能直接打开的文件 -->

href= " . /resource/自拍 .jpg ">看自拍

<a href= " . /resource/小电影 .mp4 ">看小电影</a>

href= " . /resource/小姐姐 .gif">看小姐姐

<a href= " . /resource/如何一夜暴富 .pdf">点我一夜暴富

< !-- 浏览器不能打开的文件，会自动触发下载 -->

href= " . /resource/内部资源 .zip ">内部资源

< !-- 强制触发下载 -->

<a href= " . /resource/小电影 .mp4 " download= " 电影片段 .mp4 ">下载电影

注意1：若浏览器无法打开文件，则会引导用户下载。

注意2：若想强制触发下载，请使用 download 属性，属性值即为下载文件的名称。

3. 跳转到锚点

什么是锚点？ —— 网页中的一个标记点。

具体使用方式：

第一步：设置锚点

< !-- 第一种方式：a标签配合name属性 -->

name= "test1 ">

< !-- 第二种方式：其他标签配合id属性 -->

id= "test2 ">我是一个位置

注意点：
1. 具有 href 属性的 a 标签是超链接，具有 name 属性的 a 标签是锚点。
2. name 和 id 都是区分大小写的，且 id 最好别是数字开头。
第二步：跳转锚点

< !-- 跳转到test1锚点-->

href= "#test1 ">去test1锚点

< !-- 跳到本页面顶部 -->

<a href= "# ">回到顶部

< !-- 跳转到其他页面锚点 -->

href= "demo .html#test1 ">去demo .html页面的test1锚点

< !-- 刷新本页面 -->

<a href= "">刷新本页面

< !-- 执行一段js ,如果还不知道执行什么，可以留空，javascript:; -->

 href= "javascript:alert(1 ) ; ">点我弹窗

4. 唤起指定应用

通过 a 标签，可以唤起设备应用程序。

< !-- 唤起设备拨号 -->

<a href= "tel :10010 ">电话联系

< !-- 唤起设备发送邮件 -->

<a href= "mailto:10010@qq .com ">邮件联系

< !-- 唤起设备发送短信 -->

<a href= "sms:10086 ">短信联系

9. 列表

1. 有序列表

概念：有顺序或侧重顺序的列表。

要把大象放冰箱总共分几步

 >把冰箱门打开li>

 >把大象放进去li>

 >把冰箱门关上li>

< /ol>

2. 无序列表

概念：无顺序或不侧重顺序的列表。

我想去的几个城市


成都


上海


西安


武汉

< /ul>

3. 列表嵌套

概念：列表中的某项内容，又包含一个列表（注意：嵌套时，请务必把解构写完整）。

我想去的几个城市


成都



 上海span>




外滩


杜莎夫人蜡像馆li>



 href= "https://www .opg .cn/ ">东方明珠

 < /li>


迪士尼乐园li>

 < /ul>

 < /li>


西安


武汉

< /ul>

注意： li 标签最好写在 ul 或 ol 中，不要单独使用。

4. 自定义列表

1. 概念：所谓自定义列表，就是一个包含术语名称以及术语描述的列表。

2. 一个 dl 就是一个自定义列表，一个 dt 就是一个术语名称，一个 dd 就是术语描述（可以有多个）。

如何高效的学习？

 >做好笔记dt>

 >笔记是我们以后复习的一个抓手dd>

 >笔记可以是电子版，也可以是纸质版dd>

 >多加练习dt>

 >只有敲出来的代码，才是自己的dd>

 >别怕出错dt>

 >错很正常，改正后并记住，就是经验dd>

< /dl>

10. 表格

1. 基本结构

1. 一个完整的表格由： 表格标题 、 表格头部 、 表格主体 、 表格脚注，四部分组成。

2. 表格涉及到的标签：

table ：表格

caption ：表格标题

thead ：表格头部

tbody ：表格主体

tfoot ：表格注脚

tr ：每一行

th 、 td ：每一个单元格（备注：表格头部中用 th ，表格主体、表格脚注中用： td ）

3. 具体编码：

border= "1 ">
 < !-- 表格标题 -->

 < !-- 表格头部 -->


















学生信息

姓名th>


性别th>


年龄th>


民族th>


政治面貌th>

 < /tr>

 < /thead>

 < !-- 表格主体 -->



张三td>


男 18< /td>


汉族td>


团员td>

 < /tr>


李四td>


女 20< /td>


满族td>


群众td>

 < /tr>


王五td>


男 20< /td>


回族td>


党员td>

 < /tr>


赵六td>


女 21< /td>


壮族td>


团员td>

 < /tr>

 < /tbody>

 < !-- 表格脚注 -->



共计：4人td>

 < /tr>

 < /tfoot>

< /table>

2. 常用属性

注意点：

1. <table> 元素的 border 属性可以控制表格边框，但 border 值的大小，并不控制单元格边框的宽度，只能控制表格最外侧边框的宽度，这个问题如何解决？ —— 后期靠 CSS 控制。

2. 默认情况下，每列的宽度，得看这一列单元格最长的那个文字。

3. 给某个 th 或 td 设置了宽度之后，他们所在的那一列的宽度就确定了。

4. 给某个 th 或 td 设置了高度之后，他们所在的那一行的高度就确定了。

3. 跨行跨列

1. rowspan ：指定要跨的行数。

2. colspan ：指定要跨的列数。

课程表效果：

编写思路：

11.常用标签补充

注意点：

1. 不要用 来增加文本之间的行间隔，应使用
元素，或后面即将学到的 CSS margin 属性。

2. <hr> 的语义是分隔，如果不想要语义，只是想画一条水平线，那么应当使用 CSS 完成。

12. 表单

概念：一个包含交互的区域，用于收集用户提供的数据。

1. 基本结构

简单梳理：

在本小节，我们先记住表单的整体形式，稍后会对表单控件进行详细讲解。

示例代码：

action= "https://www .baidu .com/s " target= "_blank " method= "get ">

 type= "text " name= "wd ">



< /form>

2. 常用表单控件

① 文本输入框

 type= "text ">

常用属性如下：

name 属性：数据的名称。

value 属性：输入框的默认输入值。

maxlength 属性：输入框最大可输入长度。

② 密码输入框

type= "password ">

常用属性如下：

name 属性：数据的名称。

value 属性：输入框的默认输入值（一般不用，无意义）。

maxlength 属性：输入框最大可输入长度。

③ 单选框

type= " radio " name= "sex " value= "female ">女

type= " radio " name= "sex " value= "male ">男

常用属性如下：

name 属性：数据的名称，注意：想要单选效果，多个 radio 的 name 属性值要保持一致。

value 属性：提交的数据值。

checked 属性：让该单选按钮默认选中。

④ 复选框

type= "checkbox " name= "hobby " value= "smoke ">抽烟

type= "checkbox " name= "hobby " value= "drink ">喝酒

type= "checkbox " name= "hobby " value= "perm ">烫头

常用属性如下：

name 属性：数据的名称。

value 属性：提交的数据值。

checked 属性：让该复选框默认选中。

⑤ 隐藏域

type= "hidden " name= "tag " value= "100 ">

用户不可见的一个输入区域，作用是：提交表单的时候，携带一些固定的数据。 name 属性：指定数据的名称。

value 属性：指定的是真正提交的数据。

⑥ 提交按钮

type= "submit " value= "点我提交表单">

<button>点我提交表单button>

注意：

1. button 标签 type 属性的默认值是 submit 。

2. button 不要指定 name 属性

3. input 标签编写的按钮，使用 value 属性指定按钮文字。

⑦ 重置按钮

type= " reset " value= "点我重置">

注意点：

1. button 不要指定 name 属性

2. input 标签编写的按钮，使用 value 属性指定按钮文字。

⑧ 普通按钮

type= "button " value= "普通按钮">

注意点：普通按钮的 type 值为 button ，若不写 type 值是 submit 会引起表单的提交。

⑨文本域

name= "msg " rows= "22 " cols= "3 ">我是文本域

常用属性如下：

1. rows 属性：指定默认显示的行数，会影响文本域的高度。

2. cols 属性：指定默认显示的列数，会影响文本域的宽度。

3. 不能编写 type 属性，其他属性，与普通文本输入框一致。

⑩ 下拉框

id= "zhanghu " type= "text " name= "account " maxlength= "10 ">



 密码：

 id= "mima " type= "password " name= "pwd " maxlength= "6 ">

 < /label>

 >

 性别：

 type= " radio " name= "gender " value= "male " id= "nan ">

 for= "nan ">男



 type= " radio " name= "gender " value= "female " id= "nv ">女

 < /label>

< /fieldset>

6. 表单总结

13.框架标签

iframe 标签的实际应用：

1. 在网页中嵌入广告。

2. 与超链接或表单的 target 配合，展示不同的内容。

14.HTML实体

在 HTML 中我们可以用一种特殊的形式的内容，来表示某个符号，这种特殊形式的内容，就是 HTML 实体。比如小于号 < 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们必须在 HTML 源码中插入字符实体。

字符实体由三部分组成：一个 & 和一个实体名称（或者一个 # 和一个实体编号），最后加上一个分号 ; 。

常见字符实体总结：

完整实体列表，请参考： HTML Standard (whatwg.org)

15.HTML全局属性

常用的全局属性：

完整的全局属性，请参考： 全局属性 - HTML（超文本标记语言） | MDN (mozilla.org)

16.meta 元信息

1. 配置字符编码

 charset= "utf-8 ">

2. 针对 IE 浏览器的兼容性配置。

http-equiv= "X-UA-Compatible " content= "IE=edge ">

3. 针对移动端的配置（移动端课程中会详细讲解）

 name= "viewport " content= "width=device-width , initial-scale=1 .0 ">

4. 配置网页关键字

<meta name= "keywords " content= "8-12个以英文逗号隔开的单词/词语">

5. 配置网页描述信息

<meta name= "description " content= "80字以内的一段话，与网站内容相关">

6. 针对搜索引擎爬虫配置：

<meta name= " robots " content= "此处可选值见下表">

7. 配置网页作者：

name= "author " content= "tony ">

8. 配置网页生成工具

name= "generator " content= "Visual Studio Code ">

9. 配置定义网页版权信息：

name= "copyright " content= "2023-2027©版权所有">

10. 配置网页自动刷新

 http-equiv= " refresh " content= "10;url=http://www .baidu .com ">

完整的网页元信息，请参考：文档级元数据元素 | MDN

17. HTML总结

HTML5总结

一、 HTML5简介

1. 什么是HTML5

HTML5 是新一代的 HTML 标准， 2014年10月由万维网联盟（ W3C ）完成标准制定。

官网地址：

W3C 提供： HTML Standard

WHATWG 提供： HTML Standard

HTML5 在狭义上是指新一代的 HTML 标准，在广义上是指：整个前端。

2. HTML5 优势

1. 针对 JavaScript ，新增了很多可操作的接口。

 2. 新增了一些语义化标签、全局属性。

3. 新增了多媒体标签，可以很好的替代 flash 。

4. 更加侧重语义化，对于 SEO 更友好。

 5. 可移植性好，可以大量应用在移动设备上。

3.HTML5兼容性

支持： Chrome 、 Safari 、 Opera 、 Firefox 等主流浏览器。

IE 浏览器必须是 9 及以上版本才支持 HTML5 ，且 IE9 仅支持部分 HTML5 新特性。

二、新增语义化标签

1. 新增布局标签

关于 article 和 section ：

1. artical 里面可以有多个 section 。

2. section 强调的是分段或分块，如果你想将一块内容分成几段的时候，可使用 section 元素。

3. article 比 section 更强调独立性， 一块内容如果比较独立、比较完整，应该使用 article 元素。

2. 新增状态标签

2.1 meter 标签

定义已知范围内的标量测量。也被称为 gauge（尺度），双标签，例如：电量、磁盘用量等。

常用属性如下：

2.2 progress 标签

语义：显示某个任务完成的进度的指示器，一般用于表示进度条，双标签，例如：工作完成进度等。

常用属性如下：

3. 新增列表标签

 type= "text " list= "mydata ">

id= "mydata ">

 value= "周冬雨">周冬雨option>

 value= "周杰伦">周杰伦option>

 value= "温兆伦">温兆伦option>



< /datalist>

<summary>如何走上人生巅峰？summary>

一步一步走呗

< /details>

4. 新增文本标签

4.1 文本注音

< ruby>

魑魅魍魉span>

< rt>ch ī mè i wǎng liǎng < /rt>

< /ruby>

4.2 文本标记

注意： W3C 建议 mark 用于标记搜索结果中的关键字。

三、新增表单功能

1. 表单控件新增属性

2. input 新增属性值

3. form 标签新增属性

四、新增多媒体标签

1. 视频标签

<video> 标签用来定义视频，它是双标签。

2. 音频标签

<audio> 标签用来定义音频，它是双标签。

五、新增全局属性（了解）

六、 HTML5兼容性处理

添加元信息，让浏览器处于最优渲染模式。

< !--设置IE总是使用最新的文档模式进行渲染-->
http-equiv= "X-UA-Compatible " content= "IE=Edge ">

< !--优先使用 webkit ( Chromium ) 内核进行渲染, 针对360等壳浏览器-->
name= " renderer " content= "webkit ">

使用 html5shiv 让低版本浏览器认识 H5 的语义化标签。

< !--[if lt ie9]>
 s rc= " . . /sources/js/html5shiv .js ">
< ! [end if]-->

扩展

lt 小于

lte 小于等于

gt 大于

gte 大于等于

! 逻辑非

示例：
< !--[if IE8]>仅IE8可见< ! [end if]-->

< !--[if gt IE8]>仅IE8以上可见< ! [end if] -->

< !--[if lt IE8]>仅IE8以下可见< ! [end if] -->

< !--[if gte IE8]>IE8及以上可见< ! [end if] -->

< !--[if lte IE8]>IE8及以下可见< ! [end if] -->

< !--[if !IE8]>非IE8的IE可见< ! [end if]-->

你可能感兴趣的:(html5,css,html)

swagger访问路径 igotyback swagger
Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip

html 中如何使用 uniapp 的部分方法某公司摸鱼前端 html uni-app 前端
示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了

四章-32-点要素的聚合彩云飘过
本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.

DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计网页设计期末网页作业 html静态网页 html5期末大作业网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程

关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业 javascript html css 旅游风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip

HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线

webpack图片等资源的处理 dmengmeng
需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p

00. 这里整理了最全的爬虫框架（Java + Python）有一只柴犬爬虫系列爬虫 java python
目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2

详解：如何设计出健壮的秒杀系统？夜空_2cd3
作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*

斟一小组鸡血视频和自己一起成长
http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa

Dockerfile命令详解之 FROM 清风怎不知意容器化 java 前端 javascript
许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用

《HTML 与 CSS—— 响应式设计》陈在天box html css 前端
一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在

【C语言】- 自定义类型：结构体、枚举、联合 Cavalier_01 C语言
【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523

html+css网页设计旅游网站首页1个页面 html+css+js网页设计 html css 旅游
html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击

spring mvc @RequestBody String类型参数 zoyation spring-mvc spring mvc
通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ

ubuntu安装opencv最快的方法 Derek重名了
最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html

处理标签包裹的字符串，并取出前250字符周bro 前端 javascript 开发语言
//假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do

css设置当字数超过限制后以省略号（...）显示周bro css 前端 vue css3 html 经验分享
1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin

360前端星计划-动画可以这么玩马小蜗
动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能

h5小游戏定制开发红匣子实力推荐
随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台

css2中的透明琪33
.out{width:400px;height:400px;background-color:blue;margin:100pxauto;border:1pxsolid#000;opacity:0.6;}.in{width:200px;height:200px;background-color:red;margin:100pxauto;}

Nginx从入门到实践(三) 听你讲故事啊
动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin

Nginx的使用场景：构建高效、可扩展的Web架构张某布响丸辣 nginx 前端架构
Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin

前端知识点 ZhangTao_zata 前端 javascript css
下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage

非关系型数据库天秤-white nosql
一、为什么要用Nosql1.单机MySQL的时代。一个基本的网站访问量一般不会太大，单个数据库完全足够。那时候更多使用的静态网页html，服务器根本没有太大压力。这时候网站的瓶颈是什么？-数据量如果太大，一个机器放不下。-数据量太大需要建立数据的索引（B+Tree），一个服务器内存放不下。-访问量读写混合，一个服务器承受不了。2.memcached缓存+MySQL+垂直拆分（读写分离）。网站80%

Python精选200Tips：121-125 AnFany Python200+Tips python 开发语言
Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例

前端CSS面试常见题剑亦未配妥前端面试前端 css 面试
边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子

爬虫技术抓取网站数据 Bearjumpingcandy 爬虫
爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文

七.正则化愿风去了
吴恩达机器学习之正则化（Regularization）http://www.cnblogs.com/jianxinzhou/p/4083921.html从数学公式上理解L1和L2https://blog.csdn.net/b876144622/article/details/81276818虽然在线性回归中加入基函数会使模型更加灵活，但是很容易引起数据的过拟合。例如将数据投影到30维的基函数上，模

创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几 uthRaman 前端 ui 服务器
前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=

桌面上有多个球在同时运动，怎么实现球之间不交叉，即碰撞？换个号韩国红果果 html 小球碰撞
稍微想了一下，然后解决了很多bug，最后终于把它实现了。其实原理很简单。在每改变一个小球的x y坐标后，遍历整个在dom树中的其他小球，看一下它们与当前小球的距离是否小于球半径的两倍？若小于说明下一次绘制该小球（设为a）前要把他的方向变为原来相反方向（与a要碰撞的小球设为b），即假如当前小球的距离小于球半径的两倍的话，马上改变当前小球方向。那么下一次绘制也是先绘制b，再绘制a，由于a的方向已经改变

《高性能HTML5》读后整理的Web性能优化内容白糖_ html5
读后感先说说《高性能HTML5》这本书的读后感吧，个人觉得这本书前两章跟书的标题完全搭不上关系，或者说只能算是讲解了“高性能”这三个字，HTML5完全不见踪影。个人觉得作者应该首先把HTML5的大菜拿出来讲一讲，再去分析性能优化的内容，这样才会有吸引力。因为只是在线试读，没有机会看后面的内容，所以不胡乱评价了。

[JShop]Spring MVC的RequestContextHolder使用误区 dinguangx jeeshop 商城系统 jshop 电商系统
在spring mvc中，为了随时都能取到当前请求的request对象，可以通过RequestContextHolder的静态方法getRequestAttributes()获取Request相关的变量，如request, response等。 在jshop中，对RequestContextHolder的

算法之时间复杂度周凡杨 java 算法时间复杂度效率
 在计算机科学中，算法的时间复杂度是一个函数，它定量描述了该算法的运行时间。这是一个关于代表算法输入值的字符串的长度的函数。时间复杂度常用大O符号表述，不包括这个函数的低阶项和首项系数。使用这种方式时，时间复杂度可被称为是渐近的，它考察当输入值大小趋近无穷时的情况。这样用大写O()来体现算法时间复杂度的记法，

Java事务处理 g21121 java
一、什么是Java事务通常的观念认为，事务仅与数据库相关。事务必须服从ISO/IEC所制定的ACID原则。ACID是原子性（atomicity）、一致性（consistency）、隔离性（isolation）和持久性（durability）的缩写。事务的原子性表示事务执行过程中的任何失败都将导致事务所做的任何修改失效。一致性表示当事务执行失败时，所有被该事务影响的数据都应该恢复到事务执行前的状

Linux awk命令详解 510888780 linux
一. AWK 说明 awk是一种编程语言，用于在linux/unix下对文本和数据进行处理。数据可以来自标准输入、一个或多个文件，或其它命令的输出。它支持用户自定义函数和动态正则表达式等先进功能，是linux/unix下的一个强大编程工具。它在命令行中使用，但更多是作为脚本来使用。 awk的处理文本和数据的方式：它逐行扫描文件，从第一行到

android permission 布衣凌宇 Permission
<uses-permission android:name="android.permission.ACCESS_CHECKIN_PROPERTIES" ></uses-permission>允许读写访问"properties"表在checkin数据库中，改值可以修改上传 <uses-permission android:na

Oracle和谷歌Java Android官司将推迟 aijuans java oracle
北京时间 10 月 7 日，据国外媒体报道，Oracle 和谷歌之间一场等待已久的官司可能会推迟至 10 月 17 日以后进行，这场官司的内容是 Android 操作系统所谓的 Java 专利权之争。本案法官 William Alsup 称根据专利权专家 Florian Mueller 的预测，谷歌 Oracle 案很可能会被推迟。　　该案中的第二波辩护被安排在 10 月 17 日出庭，从目前看来

linux shell 常用命令 antlove linux shell command
grep [options] [regex] [files] /var/root # grep -n "o" * hello.c:1:/* This C source can be compiled with:

Java解析XML配置数据库连接(DOM技术连接 SAX技术连接) 百合不是茶 sax技术 Java解析xml文档 dom技术 XML配置数据库连接
 XML配置数据库文件的连接其实是个很简单的问题,为什么到现在才写出来主要是昨天在网上看了别人写的,然后一直陷入其中,最后发现不能自拔所以今天决定自己完成 ,,,,现将代码与思路贴出来供大家一起学习 XML配置数据库的连接主要技术点的博客; JDBC编程 : JDBC连接数据库 DOM解析XML: DOM解析XML文件 SA

underscore.js 学习（二） bijian1013 JavaScript underscore
 Array Functions 所有数组函数对参数对象一样适用。1.first _.first(array, [n]) 别名: head, take 返回array的第一个元素，设置了参数n，就

plSql介绍 bijian1013 oracle 数据库 plsql
/* * PL/SQL 程序设计学习笔记 * 学习plSql介绍.pdf * 时间：2010-10-05 */ --创建DEPT表 create table DEPT ( DEPTNO NUMBER(10), DNAME NVARCHAR2(255), LOC NVARCHAR2(255) ) delete dept; select

【Nginx一】Nginx安装与总体介绍 bit1129 nginx
启动、停止、重新加载Nginx nginx 启动Nginx服务器，不需要任何参数u nginx -s stop 快速(强制)关系Nginx服务器 nginx -s quit 优雅的关闭Nginx服务器 nginx -s reload 重新加载Nginx服务器的配置文件 nginx -s reopen 重新打开Nginx日志文件

spring mvc开发中浏览器兼容的奇怪问题 bitray jquery Ajax springMVC 浏览器上传文件
 最近个人开发一个小的OA项目,属于复习阶段.使用的技术主要是spring mvc作为前端框架,mybatis作为数据库持久化技术.前台使用jquery和一些jquery的插件. 在开发到中间阶段时候发现自己好像忽略了一个小问题,整个项目一直在firefox下测试,没有在IE下测试,不确定是否会出现兼容问题.由于jquer

Lua的io库函数列表 ronin47 lua io
1、io表调用方式：使用io表，io.open将返回指定文件的描述，并且所有的操作将围绕这个文件描述　　io表同样提供三种预定义的文件描述io.stdin,io.stdout,io.stderr 　　2、文件句柄直接调用方式,即使用file:XXX()函数方式进行操作,其中file为io.open()返回的文件句柄　　多数I/O函数调用失败时返回nil加错误信息,有些函数成功时返回nil

java-26-左旋转字符串 bylijinnan java
public class LeftRotateString { /** * Q 26 左旋转字符串 * 题目：定义字符串的左旋转操作：把字符串前面的若干个字符移动到字符串的尾部。 * 如把字符串abcdef左旋转2位得到字符串cdefab。 * 请实现字符串左旋转的函数。要求时间对长度为n的字符串操作的复杂度为O(n)，辅助内存为O(1)。 */ pu

《vi中的替换艺术》-linux命令五分钟系列之十一 cfyme linux命令
vi方面的内容不知道分类到哪里好，就放到《Linux命令五分钟系列》里吧！今天编程，关于栈的一个小例子，其间我需要把”S.”替换为”S->”(替换不包括双引号)。其实这个不难，不过我觉得应该总结一下vi里的替换技术了，以备以后查阅。 1 所有替换方案都要在冒号“:”状态下书写。 2 如果想将abc替换为xyz，那么就这样 :s/abc/xyz/ 不过要特别

[轨道与计算]新的并行计算架构 comsci 并行计算
 我在进行流程引擎循环反馈试验的过程中，发现一个有趣的事情。。。如果我们在流程图的每个节点中嵌入一个双向循环代码段，而整个流程中又充满着很多并行路由，每个并行路由中又包含着一些并行节点，那么当整个流程图开始循环反馈过程的时候，这个流程图的运行过程是否变成一个并行计算的架构呢？

重复执行某段代码 dai_lm android
用handler就可以了 private Handler handler = new Handler(); private Runnable runnable = new Runnable() { public void run() { update(); handler.postDelayed(this, 5000); } }; 开始计时 h

Java实现堆栈（list实现） datageek 数据结构——堆栈
public interface IStack<T> { //元素出栈，并返回出栈元素 public T pop(); //元素入栈 public void push(T element); //获取栈顶元素 public T peek(); //判断栈是否为空 public boolean isEmpty

四大备份MySql数据库方法及可能遇到的问题 dcj3sjt126com DB backup
一：通过备份王等软件进行备份前台进不去？用备份王等软件进行备份是大多老站长的选择，这种方法方便快捷，只要上传备份软件到空间一步步操作就可以，但是许多刚接触备份王软件的客用户来说还原后会出现一个问题：因为新老空间数据库用户名和密码不统一，网站文件打包过来后因没有修改连接文件，还原数据库是好了，可是前台会提示数据库连接错误，网站从而出现打不开的情况。解决方法：学会修改网站配置文件，大多是由co

github做webhooks：[1]钩子触发是否成功测试 dcj3sjt126com github git webhook
转自: http://jingyan.baidu.com/article/5d6edee228c88899ebdeec47.html github和svn一样有钩子的功能，而且更加强大。例如我做的是最常见的push操作触发的钩子操作，则每次更新之后的钩子操作记录都会在github的控制板可以看到！工具/原料 github 方法/步骤

">的作用" target="_blank">JSP中的作用蕃薯耀
JSP中<base href="<%=basePath%>">的作用 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

linux下SAMBA服务安装与配置 hanqunfeng linux
局域网使用的文件共享服务。一.安装包： rpm -qa | grep samba samba-3.6.9-151.el6.x86_64 samba-common-3.6.9-151.el6.x86_64 samba-winbind-3.6.9-151.el6.x86_64 samba-client-3.6.9-151.el6.x86_64 samba-winbind-clients

guava cache IXHONG cache
缓存，在我们日常开发中是必不可少的一种解决性能问题的方法。简单的说，cache 就是为了提升系统性能而开辟的一块内存空间。　　缓存的主要作用是暂时在内存中保存业务系统的数据处理结果，并且等待下次访问使用。在日常开发的很多场合，由于受限于硬盘IO的性能或者我们自身业务系统的数据处理和获取可能非常费时，当我们发现我们的系统这个数据请求量很大的时候，频繁的IO和频繁的逻辑处理会导致硬盘和CPU资源的

Query的开始--全局变量,noconflict和兼容各种js的初始化方法 kvhur JavaScript jquery css
这个是整个jQuery代码的开始，里面包含了对不同环境的js进行的处理，例如普通环境，Nodejs，和requiredJs的处理方法。还有jQuery生成$, jQuery全局变量的代码和noConflict代码详解完整资源： http://www.gbtags.com/gb/share/5640.htm jQuery 源码： (

美国人的福利和中国人的储蓄 nannan408
 今天看了篇文章，震动很大，说的是美国的福利。 美国医院的无偿入院真的是个好措施。小小的改善，对于社会是大大的信心。小孩，税费等，政府不收反补，真的体现了人文主义。 美国这么高的社会保障会不会使人变懒？答案是否定的。正因为政府解决了后顾之忧，人们才得以倾尽精力去做一些有创造力，更造福社会的事情，这竟成了美国社会思想、人

N阶行列式计算(JAVA) qiuwanchi N阶行列式计算
package gaodai; import java.util.List; /** * N阶行列式计算 * @author 邱万迟 * */ public class DeterminantCalculation { public DeterminantCalculation(List<List<Double>> determina

C语言算法之打渔晒网问题 qiufeihu c 算法
如果一个渔夫从2011年1月1日开始每三天打一次渔，两天晒一次网，编程实现当输入2011年1月1日以后任意一天，输出该渔夫是在打渔还是在晒网。代码如下： #include <stdio.h> int leap(int a) /*自定义函数leap()用来指定输入的年份是否为闰年*/ { if((a%4 == 0 && a%100 != 0

XML中DOCTYPE字段的解析 wyzuomumu xml
DTD声明始终以!DOCTYPE开头,空一格后跟着文档根元素的名称,如果是内部DTD,则再空一格出现[],在中括号中是文档类型定义的内容. 而对于外部DTD,则又分为私有DTD与公共DTD,私有DTD使用SYSTEM表示,接着是外部DTD的URL. 而公共DTD则使用PUBLIC,接着是DTD公共名称,接着是DTD的URL. 私有DTD <!DOCTYPErootSYST

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.