小小Java，也敢大威天龙

HTML超详细基础知识总结

HTML∣HTML5基础总结

- 一、互联网基本原理
- - 1、在本地开发，在服务器共享
  - 2、关于 HTTP 协议
  - 3、前后端请求交互基本流程
- 二、HTML基础及延伸
- - 1、HTML解析
  - - 1.1、什么是HTML
    - 1.2、HTML 标签
    - 1.3、HTML文档
  - 2、常用浏览器
  - 3、浏览器内核
  - 4、页面编码
  - - 4.1、Unicode标准
    - 4.2、字符集
  - 5、W3C组织
  - 6、网页组成
  - 7、SEO网页代码优化
  - - 7.1、网页三要素优化规范
    - 7.2、搜索引擎的索引方式
    - 7.3、搜索引擎注意事项
  - 8、HTML5模板代码解析
  - 10、HTML5 特性
  - - 10.1、空白折叠现象
    - 10.2、常用转义符
    - 10.3、HTML注释
    - 10.4、新增与移除的元素
- 三、HTML常用标签
- - 1、标题标签
  - 2、段落标签
  - 3、div标签
  - 4、列表标签
  - - 4.1、无序列表
    - 4.2、有序列表
    - 4.3、定义列表
  - 5、多媒体标签
  - - 5.1、图片标签
    - 5.2、图片格式（网页上支持的）
    - 5.3、相对路径和绝对路径
    - 5.4、超级链接 - a标签
    - 5.5、音视频标签
    - - 5.5.1、音频标签
      - 5.5.2、音/视频的子标签
  - 6、语义化标签
  - - 6.1、文本格式化标签
    - - 6.1.1、span 标签
      - 6.1.2、文本格式化标签
    - 6.2、区块标签
  - 7、表单元素
  - - 7.1、HTML 表单基本用法
    - 7.2、单行文本框
    - 7.3、密码框
    - 7.4、单选按钮
    - 7.5、label标签
    - 7.6、复选框
    - 7.7、下拉菜单
    - 7.8、多行文本框
    - 7.9、按钮
    - 7.10、总结
  - 8、表格
  - - 8.1、HTML表格标签
    - 8.2、表格标签属性
    - 8.3、表格标签跨行跨列
    - 8.4、thead,tbody,tfoot标签

2023/3/28：微改了一些样式和排版…

一、互联网基本原理

1、在本地开发，在服务器共享

程序员 → 在本地开发（html，css，js）→ 上传到服务器（共享）→ 所有用户都能访问

2、关于 HTTP 协议

HTTP 协议（HyperText Transfer Protocol）超文本传输协议，是互联网数据传输的常见协议

一次 HTTP 事物由 “HTTP 请求” 和 “HTTP 响应” 构成

网址前的http://就表示用http协议请求页面，https://表示用https加密协议请求页面，比http://更安全

HTTP请求： 用户通过输入网址对服务器发起访问请求的形式，叫做HTTP请求

HTTP响应： 服务器接收HTTP请求，处理后响应给用户的流程，叫做HTTP响应

3、前后端请求交互基本流程

① 用户发送 HTTP 请求

② 在服务器上：后端语言程序运行时执行数据库“增删查改” 等业务

③ 服务器返回 HTTP 响应

④ 在浏览器中，前端语言程序将运行，执行页面结构渲染、美化、交互效果等业务

二、HTML基础及延伸

1、HTML解析

1.1、什么是HTML

HTML 是用来描述网页的一种语言：

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)，HTML 使用标记标签来描述网页

超文本有两层含义：

它可以加入图片、声音、动画、多媒体等内容（超越了文本限制）

它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）

1.2、HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)

HTML 标签是由尖括号包围的关键词，通常成对出现

标签对中的第一个标签是开始（开放）标签，第二个标签是结束（闭合）标签

单标签：

有的标签不是成对出现的，而是只有起始标签，称之为单标签

在 HTML4 代中，单标签必须写一个结尾的反斜杠，HTML5 就不用写

1.3、HTML文档

HTML 文档被称为网页，用来 描述网页 ，包含 HTML 标签和纯文本

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容

2、常用浏览器

浏览器是网页显示、运行的平台：

常用浏览器有 IE(已关闭)、火狐（Firefox）、谷歌（Google）、Safari（苹果官方）、Opera 、Edge（微软）等

全球浏览器市场份额：https://gs.statcounter.com/browser-market-share

3、浏览器内核

浏览器内核（渲染引擎）：

负责读取网页内容，整理信息，计算网页的显示方式并显示页面

浏览器内核检测工具：https://ie.icoa.cn/

浏览器	内核	说明
IE	Trident	IE 浏览器内核
Edge	WebKit	微软 Microsoft Edge（简称 ME 浏览器）
Chrome/Opera	Blink	由 Google 和 Opera Software 共同研发，Blink 其实是 WebKit 的分支，以前 Google 是 WebKit 内核、现在是 Blink
Firefox	Gecko	火狐浏览器内核
Safari	WebKit	苹果浏览器内核
360、猎豹、2345 浏览器	Trident+Blink	双内核
UC、搜狗、遨游、QQ 浏览器	Trident+Webkit	双内核
百度（已关闭）、世界之窗浏览器	Trident	IE 浏览器内核

4、页面编码

4.1、Unicode标准

因为 ISO-8859 中字符集大小是有限的，且在多语言环境中不兼容，所以 Unicode 联盟开发了 Unicode 标准。

Unicode 标准覆盖了（几乎）所有的字符、标点符号和符号。

Unicode 使文本的处理、存储和运输，独立于平台和语言。

HTML5 中默认的字符编码是 UTF-8

统一写成标准的 “UTF-8”，不要写成 “utf-8” 或 “utf8” 或 “UTF8”。

4.2、字符集

字符集	涵盖字符	1 个汉字的字节数	适用场景
UTF-8	涵盖全球所有国家、民族的文字和大量图形字符	3	开发有非汉字文字的网页
gb2312（gbk）	收录所有汉字字符（简体、繁体）和英语、少量韩文、日语和少量图形字符	2	开发只有汉语和英语的网页，由于 1 个汉字仅占 2 个字节，网页文件尺寸大小明显减少

使用VSCode时要注意：

无论使用哪种字符集，一定要在 VSCode 中将文件也设置为相同的字符集，否则会出现乱码；

Live Server 插件不支持 gb2312、gbk 字符集，只支持 UTF-8 字符集；

文件编码集与 meta 标签编码不一致网页会出现乱码。

5、W3C组织

W3C 指万维网联盟（World Wide Web Consortium）是万维网的主要国际标准组织

W3C 创建于 1994 年 10 月，主要负责制定 WEB 标准

W3C 由 Tim Berners-Lee（蒂姆·伯纳斯·李）创建，被誉为 “互联网之父”

W3C 是一个会员组织

W3C 创建并维护 WWW 标准

W3C 标准也被称为 W3C 规范，主要是 HTML 和 CSS

W3C 组织官网：https://www.w3.org/

JavaScript 由 Brendan Eich 于 1995 年发明，并于 1997 年成为 ECMA 标准。

6、网页组成

网页由结构（Structure）、表现（Presentation）和行为（Behavior）三部分组成；结构，表现，行为要相分离。

标准	简介	描述
结构	用于对网页元素进行整理和分类，即 HTML	网页的骨骼
表现	表现用户设置网页元素的外观样式，即 CSS	网页的皮肤
行为	行为是指网页模型的定义、交互等编写，即 JavaScript	网页的神经

7、SEO网页代码优化

SEO，全称Search Engine Optimization (搜索引擎优化)

利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名，为自己的网站获取免费流量

以用户体验为核心，为目标用户提供高质量的内容

对页面的代码和网页阅读体验，网站性能等进行优化

7.1、网页三要素优化规范

1、页面标题（title），30 字以内：

标题格式

网站首页 网站首页：品牌词 - 产品中文全称、特色服务、xxxx

列表页（栏目页） 产品和主题概述 - 品牌词

内容页（产品详情页、文章页） 具体产品或内容主题概述-品牌词

注：强调重点即可，重要的关键词出现不要超过 2 次，而且要靠前，不同页面的 title 要有所不同；
三要素代码顺序为页面标题 -> 页面描述 -> 页面关键字。

2，页面描述（Description），150字符以内，描述内容要和页面内容相关：
<meta name="description" content="品牌名-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、生鲜等丰富品类，满足各种购物需求。" />
3，页面关键字（Keywords），告诉搜索引擎本页的重点、关键词：
<meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜" />

标题	格式
网站首页	`网站首页：品牌词 - 产品中文全称、特色服务、xxxx`
列表页（栏目页）	`产品和主题概述 - 品牌词`
内容页（产品详情页、文章页）	`具体产品或内容主题概述-品牌词`
	注：强调重点即可，重要的关键词出现不要超过 2 次，而且要靠前，不同页面的 title 要有所不同；三要素代码顺序为页面标题 -> 页面描述 -> 页面关键字。

7.2、搜索引擎的索引方式

robot terms 是一组使用逗号 , 分割的值。

通常有如下几种取值：none，noindex，nofollow，all，index 和 follow。确保正确使用 nofollow 和 noindex 属性值。
<meta name="robots" content="index,follow" />

页面重定向和刷新：

<meta http-equiv="refresh" content="0; url=" />

7.3、搜索引擎注意事项

注意	说明
重要内容尽量靠前放	搜索引擎抓取 `HTML` 的顺序是从上到下的，而有的搜索引擎对抓取的内容长度有一定的限制。
重要内容不要用 JS 输出	搜索引擎不会抓取 `JS` 的生成内容。
其他	页面结构尽量扁平化，目录结构不宜过深，最好不超过 `三级`，每级都有 `面包屑导航`，成树状结构分布。否则不利于搜索引擎抓取；做 `404` 页面，不仅提高蜘蛛体验，也提高用户体验。

8、HTML5模板代码解析


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>
    
    <meta name="description" content="为每个宇宙人提供高质量的玩乐平台" />
    
    <meta name="Keywords" content="宇宙中心,银河系,皮卡丘" />
  head>
    
  <body>body>
html>

meta标签的属性如下：

属性	值	描述
http-equiv	content-type / expire / refresh / set-cookie	把 content 属性关联到 HTTP 头部。
name	author / description / keywords / generator / revised / others	把 content 属性关联到一个 name。
content	some text	定义与 http-equiv 或 name 属性相关的元信息

10、HTML5 特性

10.1、空白折叠现象

文字和文字之间的多个空格、换行会被折叠成一个空格；

标签 内壁 和文字之间的空格会被忽略。

10.2、常用转义符

<body>
  <h1>HTML常用转义符h1>

  <p>空格：    这是三个空格p>
  <p>大于号：>p>
  <p>小于号：<p>
  <p>&符号：&p>
  <p>“双引号："p>
  <p>版权符号：©p>
  <p>已注册商标：®p>

  <p>在网页中直接显示原标签:p>

  显示p标签 <p></p> <br /><br />

  显示div标签：<div></div>
body>

10.3、HTML注释

作用： 提高代码的可阅读性，方便自己阅读或他人阅读；增强代码的可维护性。

语法：

10.4、新增与移除的元素

新增的有	移除的有
语义化标签（header、nav、main、section、article、aside、details、figcaption、figure、mark、summary、time、footer 等）	纯表现的元素：basefont，big，center，font, s，strike，tt，u
Canvas 画布和 SVG 矢量图	对可用性产生负面影响的元素：frame，frameset，noframes
拖放（Drag and drop）
音频、视频（audio、video）
地理定位（Geolocation）
本地离线存储（localStorage）长期存储数据，关闭浏览器后不丢失。
会话储存（sessionStorage）数据在关闭浏览器后自动删除。
表单控件（calendar、date、time、email、url、search）
新技术（Web Worker、Web Socket）
新的文档属性（document.visibilityState）

三、HTML常用标签

1、标题标签

h 系列标签表示的是 “标题” 的含义，h 是 headline（标题） 的意思，用法如下：
<h1>我是h1标题标签h1>
<h2>我是h2标题标签h2>
<h3>我是h3标题标签h3>
<h4>我是h4标题标签h4>
<h5>我是h5标题标签h5>
<h6>我是h6标题标签h6>
注意：

h1 一个页面只可有一个（超过一个会被搜索引擎视为作弊），首页多用于包含 logo，其他页面用于主标题

h2 模块标题

h3 段落的小节标题

h4, h5, h6 基本上不使用

2、段落标签

p 标签表示段落标签，p 是英语 Paragraph（段落） 的意思；

任何段落都要放到 p 标签中，因为 HTML 代码中即使代码换行了，页面显示效果也不会换行，必须写在 p 标签中；

p 标签中不能嵌套 h 标签、其他 p 标签和其他块级元素。

3、div标签

div 标签是英语 division（分隔） 的缩写；

div 标签对是用来将相关内容组合到一起，以和其他内容分隔，使文档结构更清晰；

div 结合 CSS 来实现网页的布局，这种布局形式叫做 DIV+CSS；

div 像一个容器，什么都可以容纳，因此工程师们习惯称呼 div 为盒子。

4、列表标签

4.1、无序列表

无序列表一组无顺序之分的列表；

无序列表 ul ，是英文unordered list（不排序列表） 缩写；

每个列表项都是 li 标签，是英文单词 list item（列表项目）缩写；

ul 父标签，li 子标签，不能单独出现，ul 里面只能嵌套 li 子标签。

示例：
<h1>无序列表h1>
<ul>
  <li>小炒肉li>
  <li>小龙虾li>
  <li>剁椒鱼头li>
ul>
应用场景：

导航栏（头部导航栏，侧边导航栏等等）

列表页（商品列表，新闻列表）

4.2、有序列表

有序列表是一组有顺序之分的列表；

有序列表ol，是英文 ordered list（排序列表） 缩写；

ol的特性与ul，li一样，不同的是前导样式与属性值。

示例：
<h1>编程语言排行榜h1>
<ol>
  <li>JavaScriptli>
  <li>Pythonli>
  <li>C/C++li>
ol>
应用场景：

排行榜，热搜榜等等

4.3、定义列表

定义列表是一组需要逐条给出定义描述的列表；

dl 是英文 definition list（定义列表） 的缩写；

dt 是英文单词 data term（数据项） 的缩写；

dd 是英文单词 data definition (数据定义) 的缩写；

dd 内容是对 dt 的解释说明。

示例：
<h1>定义列表h1>
<dl>
  <dt>服务支持dt>
  <dd>售后政策dd>
 <dd>关注我们dd>
dl>
应用场景：

网页底部导航（小米官网底部导航既是如此）

5、多媒体标签

5.1、图片标签

img 标签是 image（图片）的缩写；

img 标签用来在网页中插入图片，基础格式如下；

图片必须存放在项目文件夹中；

图片只是引入到网页中，本质上没有被插入到网页中。

示例：
<img src="images/logo.png" alt="logo" width="66" height="66" />
图片标签规范：

PC 端 img 图片必须填写 src、width、height、alt 属性，统称图片标签的四要素；

移动端必须填写 alt 属性；

alt 应为有意义字符，需要能表现出图片的含义。

应用场景：

商品介绍图，logo图等等

5.2、图片格式（网页上支持的）

支持格式	描述
`.bmp`	Windows 画图软件默认保存的格式，位图
`.jpeg（.jpg）`	有损压缩图片，通常用于照片显示
`.png`	便携式网络图像，用于 logo，背景图形等。支持透明和半透明
`.gif`	动画，如：表情包
`.svg`	矢量图片
`.webp`	最新的压缩算法，非常优秀的图片格式

5.3、相对路径和绝对路径

相对路径：


<img src="images/logo.png" />
<img src="../images/logo.png" />
<img src="../../images/logo.png" />
.....

绝对路径：


<img src="D:\web\icoding-web\images\logo.png" />
<img src="https://www.icodingedu.com/files/system/10086.png"/>

5.4、超级链接 - a标签

a 标签是英语 anchor (锚)的首字母，也叫超链接或超级链接，用于网页与网页之间链接跳转，发送请求到后端等。

语法：
<a href="https://www.baidu.com">百度一下，你就知道a>
超链接规范：

给 a 标签加上 title 属性

a 标签的 href 属性必须写上链接地址，暂无的加上javascript:alert('敬请期待！')

非本页面间跳转，采用打开新窗口模式：target="_blank"

优化方式：

内部链接，要加 title 属性加以说明

外部链接，要加 rel="nofollow" 属性，告诉蜘蛛无需追踪，传递权重

页面锚点：

给标签添加 id属性，就能将它变成页面的 “锚点”；

当点击锚点链接时，浏览器地址栏就会出现 #id属性名称 ，页面就会自动滚动到锚点处；

从其他页面点击带 # 号的链接，就可以直接定位到锚点位置；

在 HTML5 中直接使用 #top 即可回到顶部，不用定义 id="top" 。

特殊链接：

下载链接：


<a href="doc/1.zip">Java学习资料zip下载地址a>

邮件链接：


<a href="mailto:[email protected]">给外星人发邮件a>

电话链接：


<a href="tel:18966666666">给皮卡丘打电话a>

5.5、音视频标签

5.5.1、音频标签

audio 标签可直接在网页中插入音频，并自动生成默认的编辑器

浏览器中常用的音频格式：mp3 和 ogg 格式
<audio controls src="mp3/不错哟.mp3" autoplay loop>
 亲爱的，您的浏览器不支持audio标签，请升级您的浏览器> 哟 ^_^
audio>
注：视频 video 标签与音频 audio 标签写法差不多，只不过属性不大相同。

5.5.2、音/视频的子标签

source 标签为媒体元素定义媒体资源，该标签允许定义多个格式的音视频文件，供浏览器选择自己支持的媒体类型进行播放。


<h2>audio 子标签 sourceh2>
<audio controls>
	<source src="audio/不错哟.mp3" type="audio/mpeg" />
	<source src="audio/不错哟.ogg" type="audio/ogg" />
	<source src="audio/不错哟.wav" type="audio/wav" />
	亲爱的，您的浏览器不支持audio标签，请升级您的浏览器> 哟 ^_^
audio>

<h2>video 子标签 sourceh2>
<video controls width="500">
	<source src="video/1.mp4" type="video/mp4" />
	<source src="video/1.webm" type="video/webm" />
	<source src="video/1.ogv" type="video/ogv" />
	<source src="video/1.avi" type="video/avi" />
	亲爱的，您的浏览器不支持video标签，请升级您的浏览器哟 ^_^
video>

常用音频格式有如下三种：

格式	类型	描述
MP3	audio/mpeg	一种音频压缩技术，用来大幅度的降低音频数据量
Ogg	audio/ogg	一种新的音频压缩格式，是完全免费、开发和没有专利限制的
Wav	audio/wav	微软公司开发的一种声音文件格式，声音文件质量和 CD 相差无几

常用视频格式有如下三种：

格式	类型	描述
mp4	video/mp4	MP4 = MPEG 4 文件使用 H264 视频编解码器和 AAC 音频编解码器
webm	video/webm	WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
avi	video/avi	avi 文件支持 256 色和 RLE 压缩，他对视频文件采用了一种有损压缩方式
ogv	video/ogv	Ogg 文件使用 Theora 视频编解码器和 Vorbis 音频编解码器

6、语义化标签

什么是语义化标签?

有英文语义的标签。

为什么要用语义化标签?

使代码结构清晰，方便阅读，有利于团队合作开发；

有利于SEO优化：有助于爬虫抓取更多的有效信息，爬虫依赖于标签来确定上下文和各个关键字的权重；

可访问性：利于无障碍阅读；

国际化：遵循 W3C 标准通用的语义化标签可以让各国开发者更容易弄懂你网页的结构；

可维护性：语义化更具可读性，减少网页间的差异性，方便后期开发和维护。

6.1、文本格式化标签

6.1.1、span 标签

span 标签是文本中的区块标签，没有任何显示的效果，可以结合 css 来定义区块的样式；

需要被特殊标记的元素也会使用 span 标签。

6.1.2、文本格式化标签

标签	描述
	定义粗体文本（已被 CSS 替代）
	定义着重文字，显示为斜体（被强调的文本）
	定义斜体字（已被 CSS 替代）
	定义文字的下划线（已被 CSS 替代）
	定义加重语气，显示为粗体，表示特别重要的文字； strong 和 em 都表示强调， strong 的强调程度要比 em 更高
	定义下标字
	定义上标字
	定义删除字
	定义预格式文本。被包围在 pre 标签元素中的文本通常会保留空格
	一段需要被高亮的文本（HTML5 新标签）
	figure 标签规定独立的流内容（图像、图表、照片、代码等等）。与 figcaption 标签配合使用。
	一个独立的引用单元，标签为元素定义标题

6.2、区块标签

标签	描述
	文档的区域，语义比 div 大 `通常由标题以及内容组成，不推荐没有标题的内容使用section标签`
	文档的核心文章内容，会被搜索引擎主要抓取 `它比 section 具有更明确的语义，可以包含一个或多个section`
	文档的非必要相关内容 `独立于内容的一部分，且可以被单独的拆分出来而不会使整体受影响`
	导航栏
	页头
	网页核心部分 `用来呈现文档或应用的主体部分，一个页面只能有一个 main 标签`
	页脚

注意： article、section、aside、nav 标签都可以拥有自己的 header 和 footer 标签

如何增强语义性： 当现有的 HTML 标签不能充分表达语义的时候，可以借助 role 属性来说明

7、表单元素

HTML 表单用于收集不同类型的用户输入；

如：登录、注册、发布、提交、编辑信息等等。

7.1、HTML 表单基本用法

所有的 HTML 表单都是以
元素包裹：

<h1>HTML的form表单h1>

<form action="/user/login" method="get">......form>

action属性：提交表单时向何处发送表单数据
method属性：规定用于发送表单数据的 HTTP 方法

7.2、单行文本框

用户名： <input type="text" />
真实姓名：<input type="text" placeholder="请输入您的真实姓名 ..." />
所在城市：<input type="text" value="北京市海淀区" disabled />

7.3、密码框


请输入密码：<input type="password" />

7.4、单选按钮

性别： <input type="radio" name="sex" /> 男 
<input type="radio" name="sex" /> 女
<input type="radio" name="sex" checked /> 保密

7.5、label标签

用来将文字和单选按钮进行绑定，实现点击文字等同于点击单选按钮。

在 HTML5 中直接使用 label 标签包裹单选按钮和文字即可：
性别：<label> <input type="radio" name="sex" /> 男 label>
在 HTML4 中label 标签是通过 for 属性和单选按钮的 id 属性进行绑定的：
所在城市：
<input type="radio" name="city" id="beijing" />
<label for="beijing">北京市label>

7.6、复选框

<label> 
	<input type="checkbox" name="hobby" value="乒乓球" /> 乒乓球 
label>
<label> 
	<input type="checkbox" name="hobby" value="书法" checked /> 书法 
label>

7.7、下拉菜单

请选择 省：
<select>
	<option value="湖北省">湖北省option>
	<option value="湖南省">湖南省option>
	<option value="安徽省">安徽省option>
select>

7.8、多行文本框

用户评论： <textarea cols="100" rows="10">textarea>

7.9、按钮

<button>我是一个button标签，是一个普通按钮button>
<input type="button" value="我是一个普通按钮" /> 
<input type="submit" value="提交表单信息" />
<input type="reset" value="重 置" />

7.10、总结

1、常用表单控件

type 属性	描述
text	单行文本框
radio	单选按钮
checkbox	复选框
password	密码框
button	普通按钮，也可以简写为
submit	提交按钮
reset	重置按钮

2、HTML5新增的表单控件

type 属性	描述
color	颜色选择控件
date、time	日期、时间选择控件
email	电子邮件输入控件（提交自动效验）
file	文件选择控件
number	数字输入控件属性（min：最小值，max：最大值）
range	拖拽条控件
search	搜索框（多一个清空按钮）
url	网址输入控件

8、表格

8.1、HTML表格标签

标签描述

 
     定义表格 
     
     
      
     定义表格的表头 
     
     
     
 
     定义表格的行 
     
     
      
     定义表格单元 
     
     
     
 
     定义表格标题（作为 table 的第一个子元素出现） 
     
     
     
 
     定义表格的页眉 
     
     
     
 
     定义表格的主体 
     
     
     
 
     定义表格的页脚 
     
    
   
  8.2、表格标签属性 
   
    
     
     属性 
     描述 
     
    
    
     
     border 
     表格的边框 
     
     
     width 
     表格的宽度（HTML5 不支持） 
     
     
     cellpadding 
     单元边沿与其内容之间的空白（HTML5 不支持） 
     
     
     cellspacing 
     单元格之间的空白（HTML5 不支持） 
     
    
   
  8.3、表格标签跨行跨列 
   
   td & th 标签的属性：colspan(规定单元格可横跨的列数)、rowspan(设置单元格可纵跨的行数)。 
   
  <table border="1" width="800">
        <caption>
            同学通讯录
        caption>
        <tr>
            <th>专业th>
            <th>姓名th>
            <th>性别th>
            <th>年龄th>
        tr>

        <tr>
            <th>计算机th>
            <td>arrytd>
            <td rowspan="2">男td>
            <td>18td>
        tr>
        <tr>
            <th>外语th>
            <td>豆豆td>
            <td>21td>
        tr>

        <tr>
            <th>备注th>
            <td colspan="4">td>
        tr>
    table>
 
  效果图：
  
  8.4、thead,tbody,tfoot标签 
  <table border="1" width="500">
  <caption>
      同学通讯录
  caption>
  <thead>
      <tr>
          <th>专业th>
          <th>姓名th>
          <th>性别th>
          <th>年龄th>
      tr>
  thead>

  <tbody>
      <tr>
          <th>计算机th>
          <td>布丁td>
          <td>男td>
          <td>18td>
      tr>
      <tr>
          <th>外语th>
          <td>豆豆td>
          <td>女td>
          <td>21td>
      tr>
  tbody>

  <tfoot>
      <tr>
          <th>备注th>
          <td colspan="4">td>
      tr>
tfoot>
table>
 
  效果图： 
  
 
 
   
   
    
     
     上一篇文章 
     下一篇文章 
     
     
     无 
     CSS基础认知（一） 
     
    
   
  

                            
                        
                    
                    
                    
                    
                    
                    
                
                
                    
                        
                        
                             
                        
                        
                        
                            
                        
                        
                        
                            
                        
                    
                
            
        
    
    
        你可能感兴趣的:(html,web前端,html,html5,前端)
        
            
                
                    Long类型前后端数据不一致
                        igotyback
前端
                        响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
                    
                    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 的部分方法
                        某公司摸鱼前端
htmluni-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样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
                    
                    【加密社】Solidity 中的事件机制及其应用
                        加密社
闲侃区块链智能合约区块链
                        加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
                    
                    关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
                        二挡起步
web前端期末大作业javascripthtmlcss旅游风景
                        ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
                    
                    HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动
                        二挡起步
web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
                        Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
                    
                    springboot+vue项目实战一-创建SpringBoot简单项目
                        苹果酱0567
面试题汇总与解析springboot后端java中间件开发语言
                        这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
                    
                    博客网站制作教程
                        2401_85194651
javamaven
                        首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
                    
                    00. 这里整理了最全的爬虫框架（Java + Python）
                        有一只柴犬
爬虫系列爬虫javapython
                        目录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目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
                    
                    最简单将静态网页挂载到服务器上(不用nginx)
                        全能全知者
服务器nginx运维前端html笔记
                        最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
                    
                    补充元象二面
                        Redstone Monstrosity
前端面试
                        1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
                    
                    微信小程序开发注意事项
                        jun778895
微信小程序小程序
                        微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
                    
                    字节二面
                        Redstone Monstrosity
前端面试
                        1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
                    
                    斟一小组鸡血视频
                        和自己一起成长

                        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
                    
                    前端代码上传文件
                        余生逆风飞翔
前端javascript开发语言
                        点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
                    
                    Dockerfile命令详解之 FROM
                        清风怎不知意
容器化java前端javascript
                        许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用
                    
                    《HTML 与 CSS—— 响应式设计》
                        陈在天box
htmlcss前端
                        一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。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
                    
                    uniapp实现动态标记效果详细步骤【前端开发】
                        2401_85123349
uni-app
                        第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
                    
                    html+css网页设计 旅游网站首页1个页面
                        html+css+js网页设计
htmlcss旅游
                        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-mvcspringmvc
                        通过如下配置：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
                    
                    360前端星计划-动画可以这么玩
                        马小蜗

                        动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
                    
                    h5小游戏定制开发
                        红匣子实力推荐

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

                        最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
                    
                    Nginx的使用场景：构建高效、可扩展的Web架构
                        张某布响丸辣
nginx前端架构
                        Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
                    
                                多线程编程之存钱与取钱
                                    周凡杨
javathread多线程存钱取钱
                                      
生活费问题是这样的：学生每月都需要生活费，家长一次预存一段时间的生活费，家长和学生使用统一的一个帐号，在学生每次取帐号中一部分钱，直到帐号中没钱时 通知家长存钱，而家长看到帐户还有钱则不存钱，直到帐户没钱时才存钱。   
问题分析：首先问题中有三个实体，学生、家长、银行账户，所以设计程序时就要设计三个类。其中银行账户只有一个，学生和家长操作的是同一个银行账户，学生的行为是
                                
                                java中数组与List相互转换的方法
                                    征客丶
JavaScriptjavajsonp
                                    1.List转换成为数组。（这里的List是实体是ArrayList) 
　　调用ArrayList的toArray方法。 
　　toArray 
　　public T[] toArray(T[] a)返回一个按照正确的顺序包含此列表中所有元素的数组；返回数组的运行时类型就是指定数组的运行时类型。如果列表能放入指定的数组，则返回放入此列表元素的数组。否则，将根据指定数组的运行时类型和此列表的大小分
                                
                                Shell 流程控制
                                    daizj
流程控制if elsewhilecaseshell
                                    Shell 流程控制 
和Java、PHP等语言不一样，sh的流程控制不可为空，如(以下为PHP流程控制写法)： 
<?php
if(isset($_GET["q"])){
    search(q);}else{// 不做任何事情} 
在sh/bash里可不能这么写，如果else分支没有语句执行，就不要写这个else，就像这样  if else if 
if 语句语
                                
                                Linux服务器新手操作之二
                                    周凡杨
Linux 简单 操作
                                    1.利用关键字搜寻Man Pages    man -k keyword  其中-k 是选项，keyword是要搜寻的关键字 如果现在想使用whoami命令，但是只记住了前3个字符who，就可以使用 man -k who来搜寻关键字who的man命令       [haself@HA5-DZ26 ~]$ man -k 
                                
                                socket聊天室之服务器搭建
                                    朱辉辉33
socket
                                    因为我们做的是聊天室，所以会有多个客户端，每个客户端我们用一个线程去实现，通过搭建一个服务器来实现从每个客户端来读取信息和发送信息。 
   我们先写客户端的线程。 
public class ChatSocket extends Thread{ 
 Socket socket; 
 
 public ChatSocket(Socket socket){ 
 this.sock
                                
                                利用finereport建设保险公司决策分析系统的思路和方法
                                    老A不折腾
finereport金融保险分析系统报表系统项目开发
                                    决策分析系统呈现的是数据页面，也就是俗称的报表，报表与报表间、数据与数据间都按照一定的逻辑设定，是业务人员查看、分析数据的平台，更是辅助领导们运营决策的平台。底层数据决定上层分析，所以建设决策分析系统一般包括数据层处理（数据仓库建设）。 
  
项目背景介绍 
通常，保险公司信息化程度很高，基本上都有业务处理系统（像集团业务处理系统、老业务处理系统、个人代理人系统等）、数据服务系统（通过
                                
                                始终要页面在ifream的最顶层
                                    林鹤霄

                                    index.jsp中有ifream，但是session消失后要让login.jsp始终显示到ifream的最顶层。。。始终没搞定，后来反复琢磨之后，得到了解决办法，在这儿给大家分享下。。 
index.jsp--->主要是加了颜色的那一句 
<html> 
<iframe name="top" ></iframe> 
<ifram
                                
                                MySQL binlog恢复数据
                                    aigo
mysql
                                    1，先确保my.ini已经配置了binlog： 
  
# binlog
log_bin = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.log
log_bin_index = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.index
log_error = D:/mysql-5.6.21-win
                                
                                OCX打成CBA包并实现自动安装与自动升级
                                    alxw4616
ocxcab
                                    近来手上有个项目,需要使用ocx控件 
(ocx是什么? 
http://baike.baidu.com/view/393671.htm) 
在生产过程中我遇到了如下问题. 
1. 如何让 ocx 自动安装? 
    a) 如何签名? 
    b) 如何打包? 
    c) 如何安装到指定目录? 
2.
                                
                                Hashmap队列和PriorityQueue队列的应用
                                    百合不是茶
Hashmap队列PriorityQueue队列
                                      
HashMap队列已经是学过了的,但是最近在用的时候不是很熟悉,刚刚重新看以一次, 
  HashMap是K,v键 ,值   
  
put()添加元素 
  
  
 //下面试HashMap去掉重复的 
package com.hashMapandPriorityQueue;

import java.util.H
                                
                                JDK1.5 returnvalue实例
                                    bijian1013
javathreadjava多线程returnvalue
                                    Callable接口： 
返回结果并且可能抛出异常的任务。实现者定义了一个不带任何参数的叫做 call 的方法。 
Callable 接口类似于 Runnable，两者都是为那些其实例可能被另一个线程执行的类设计的。但是 Runnable 不会返回结果，并且无法抛出经过检查的异常。 
        
ExecutorService接口方
                                
                                angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效
                                    bijian1013
JavaScriptAngularJS
                                            在directive的link中有一个$http请求，当请求完成后根据返回的值动态做element.append('......');这个操作，能显示没问题，可问题是我动态组的HTML里面有ng-click，发现显示出来的内容根本不执行ng-click绑定的方法！ 
    
                                
                                【Java范型二】Java范型详解之extend限定范型参数的类型
                                    bit1129
extend
                                    在第一篇中，定义范型类时，使用如下的方式： 
  
public class Generics<M, S, N> {
   //M,S,N是范型参数
} 
 这种方式定义的范型类有两个基本的问题： 
  
1. 范型参数定义的实例字段，如private M m = null;由于M的类型在运行时才能确定，那么我们在类的方法中，无法使用m，这跟定义pri
                                
                                【HBase十三】HBase知识点总结
                                    bit1129
hbase
                                    1. 数据从MemStore flush到磁盘的触发条件有哪些？ 
   a.显式调用flush，比如flush 'mytable' 
   b.MemStore中的数据容量超过flush的指定容量，hbase.hregion.memstore.flush.size,默认值是64M 2. Region的构成是怎么样？ 
1个Region由若干个Store组成
                                
                                服务器被DDOS攻击防御的SHELL脚本
                                    ronin47

                                    mkdir /root/bin
vi /root/bin/dropip.sh
#!/bin/bash/bin/netstat -na|grep ESTABLISHED|awk ‘{print $5}’|awk -F:‘{print $1}’|sort|uniq -c|sort -rn|head -10|grep -v -E ’192.168|127.0′|awk ‘{if($2!=null&a
                                
                                java程序员生存手册-craps 游戏-一个简单的游戏
                                    bylijinnan
java
                                    
import java.util.Random;


public class CrapsGame {

	/**
	 *
	 *一个简单的赌*博游戏，游戏规则如下：
	 *玩家掷两个骰子，点数为1到6，如果第一次点数和为7或11，则玩家胜，
	 *如果点数和为2、3或12，则玩家输，
	 *如果和为其它点数，则记录第一次的点数和，然后继续掷骰，直至点数和等于第一次掷出的点
                                
                                TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决
                                    开窍的石头
JAVA_HOME
                                    当tomcat是解压的时候，用eclipse启动正常，点击startup.bat的时候启动报错; 
报错如下： 
  The JAVA_HOME environment variable is not defined correctly 
This environment variable is needed to run this program 
NB: JAVA_HOME shou
                                
                                [操作系统内核]操作系统与互联网
                                    comsci
操作系统
                                     
 
     我首先申明：我这里所说的问题并不是针对哪个厂商的，仅仅是描述我对操作系统技术的一些看法 
 
 
      操作系统是一种与硬件层关系非常密切的系统软件，按理说，这种系统软件应该是由设计CPU和硬件板卡的厂商开发的，和软件公司没有直接的关系，也就是说，操作系统应该由做硬件的厂商来设计和开发
                                
                                富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11
                                    cuityang
富文本框
                                    <html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>知识库内容编辑</tit
                                
                                Property null not found
                                    darrenzhu
datagridFlexAdvancedpropery null
                                    When you got error message like "Property null not found ***", try to fix it by the following way: 
 
1)if you are using AdvancedDatagrid, make sure you only update the data in the data prov
                                
                                MySQl数据库字符串替换函数使用
                                    dcj3sjt126com
mysql函数替换
                                    需求：需要将数据表中一个字段的值里面的所有的  .   替换成  _   
原来的数据是  site.title  site.keywords  .... 
替换后要为     site_title  site_keywords 
  
使用的SQL语句如下： 
  
updat
                                
                                mac上终端起动MySQL的方法
                                    dcj3sjt126com
mysqlmac
                                    首先去官网下载: http://www.mysql.com/downloads/ 
我下载了5.6.11的dmg然后安装,安装完成之后..如果要用终端去玩SQL.那么一开始要输入很长的:/usr/local/mysql/bin/mysql 
这不方便啊,好想像windows下的cmd里面一样输入mysql -uroot -p1这样...上网查了下..可以实现滴. 
打开终端,输入: 
1
                                
                                Gson使用一（Gson）
                                    eksliang
jsongson
                                    转载请出自出处：http://eksliang.iteye.com/blog/2175401 一.概述 
从结构上看Json，所有的数据（data）最终都可以分解成三种类型： 
 
 第一种类型是标量（scalar），也就是一个单独的字符串（string）或数字（numbers），比如"ickes"这个字符串。 
 第二种类型是序列（sequence），又叫做数组（array）
                                
                                android点滴4
                                    gundumw100
android
                                    Android 47个小知识 
 
http://www.open-open.com/lib/view/open1422676091314.html 
 
 Android实用代码七段（一） 
 
http://www.cnblogs.com/over140/archive/2012/09/26/2611999.html 
 
http://www.cnblogs.com/over140/arch
                                
                                JavaWeb之JSP基本语法
                                    ihuning
javaweb
                                      
目录 
  
JSP模版元素  
JSP表达式  
JSP脚本片断  
EL表达式  
JSP注释  
特殊字符序列的转义处理  
如何查找JSP页面中的错误 
  
JSP模版元素  
  
JSP页面中的静态HTML内容称之为JSP模版元素，在静态的HTML内容之中可以嵌套JSP
                                
                                App Extension编程指南（iOS8/OS X v10.10）中文版
                                    啸笑天
ext
                                      
  
  
  
 当iOS 8.0和OS X v10.10发布后，一个全新的概念出现在我们眼前，那就是应用扩展。顾名思义，应用扩展允许开发者扩展应用的自定义功能和内容，能够让用户在使用其他app时使用该项功能。你可以开发一个应用扩展来执行某些特定的任务，用户使用该扩展后就可以在多个上下文环境中执行该任务。比如说，你提供了一个能让用户把内容分
                                
                                SQLServer实现无限级树结构
                                    macroli
oraclesqlSQL Server
                                     
 表结构如下： 
 数据库id path titlesort 排序 1 0 首页 0 2 0,1 新闻 1 3 0,2 JAVA 2 4 0,3 JSP 3 5 0,2,3 业界动态 2 6 0,2,3 国内新闻 1 
 创建一个存储过程来实现，如果要在页面上使用可以设置一个返回变量将至传过去 
   
 create procedure test
as
begin
decla
                                
                                Css居中div，Css居中img，Css居中文本，Css垂直居中div
                                    qiaolevip
众观千象学习永无止境每天进步一点点css
                                    /**********Css居中Div**********/
div.center {
  width: 100px;
  margin: 0 auto;
}
/**********Css居中img**********/
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


                                
                                Oracle 常用操作(实用)
                                    吃猫的鱼
oracle
                                     
  SQL>select text from all_source where owner=user and name=upper('&plsql_name');
  SQL>select * from user_ind_columns where index_name=upper('&index_name');  将表记录恢复到指定时间段以前
                                
                                iOS中使用RSA对数据进行加密解密
                                    witcheryne
iosrsaiPhoneobjective c
                                      
RSA算法是一种非对称加密算法,常被用于加密数据传输.如果配合上数字摘要算法, 也可以用于文件签名. 
本文将讨论如何在iOS中使用RSA传输加密数据. 本文环境 
 
 mac os  
 openssl-1.0.1j, openssl需要使用1.x版本, 推荐使用[homebrew](http://brew.sh/)安装. 
 Java 8 
 RSA基本原理 
RS
                                
                
            
        
    


    
        
            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他
        
    


    
        
            首页 -
            关于我们 -
            站内搜索 -
            Sitemap -
            侵权投诉
        
        版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.