cui_hxin
cui_hxin

html基本概念

HTML基本概念

HTML基础Tag

HTML常用格式

HTML特殊字符

HTML超链接(Hyperlinks)

HTML相对和绝对路径

HTML表格(Tables)

HTML框架(Frames)

HTML列表(Lists)

HTML表单(Forms)

HTML图片(Images)

HTML字体(Fonts)

HTML背景颜色和图片

HTML头部信息(Head)


HTML基本概念
什么是HTML文件？
• HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。
• 和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。
• 一个HTML文件的后缀名是.htm或者是.html。
• 用文本编辑器就可以编写HTML文件。
这就试写一个HTML文件吧！
打开你的Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成first.html。


Title of page


This is my first homepage. This text is bold


要浏览这个first.html文件，双击它。或者打开浏览器，在File菜单选择Open，然后选择这个文件就行了。
示例解释
这个文件的第一个Tag是，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是，表示HTML文件到此结束。
在和之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。
在和之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。
在和之间的信息，是正文。
在和之间的文字，用粗体表示。顾名思义，就是bold的意思。
HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如，等，通过这些Tag，可以告诉浏览器如何显示这个文件。
HTML元素(HTML Elements)
• HTML元素(HTML Element)用来标记文本，表示文本的内容。比如body, p, title就是HTML元素。
• HTML元素用Tag表示，Tag以<开始，以>结束。
• Tag通常是成对出现的，比如。起始的叫做Opening Tag，结尾的就叫做Closing Tag。
• 目前HTML的Tag不区分大小写的。比如，和其实是相同的。
HTML元素(HTML Elements)的属性
HTML元素可以拥有属性。属性可以扩展HTML元素的能力。
比如你可以使用一个bgcolor属性，使得页面的背景色成为红色，就像这样：

再比如，你可以使用border这个属性，将一个表格设成一个无边框的表格。如下：


属性通常由属性名和值成对出现，就像这样：name="value"。上面例子中的bgcolor, border就是name，red和0就是value。属性值一般用双引号标记起来。
属性通常是附加给HTML的Opening Tag，而不是Closing Tag。


一些基础的HTML Tag
HTML里，比较基础的Tag主要用于标题，段落和分行。
学习HTML最好的方法，就是跟着示例学。为了各位学习的方便，我们准备了一个简单的HTML编辑器，你可以在左边写HTML代码，然后点击上面的按钮，查看HTML的显示结果。
示例：一个非常简单的HTML文件


这个示例算是一个最简单的HTML文件，只包含了最基本的能构成一个HTML文件的Tag。通过这个例子，你可以看到浏览器是如何显示这个文件的，以此对HTML文件有个最初的认识。

示例：简单的段落




这是第一段。


这是第二段。


这是第三段。



在HTML里，用p来定义段落。








正文标题
这个示例告诉你如何在HTML文件里定义正文标题。
HTML用

到

这几个Tag来定义正文标题，从大到小。每个正文标题自成一段。

This is a heading


This is a heading


This is a heading


This is a heading


This is a heading

This is a heading

段落划分
在HTML里用

和

划分段落。

This is a paragraph


This is another paragraph


换行
通过使用
这个Tag，可以在不新建段落的情况下换行。
没有Closing Tag。
用

换行是个坏习惯，正确的是使用
。

This
is a para
graph with line breaks


HTML注释
在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。
注释可以写在之间。浏览器是忽略注释的，你不会在HTML正文中看到你的注释。

一些小建议
HTML文件会自动截去多余的空格。不管你加多少空格，都被看做一个空格。 一个空行也被看做一个空格。
有些Tag能够将文本自成一段，而不需要使用

来分段。比如

之类的标题Tag。


更多示例




这一段
在源代码里
包含很多分行，
但是浏览器忽略
这些分行。




这一段 在浏览器里
包含 很多 空格，

但是 浏览器忽略多余空格。




你使用的浏览器的窗口大小决定了段落的行数。如果你改编浏览器窗口的大小，段落的行数会因此改变。









换行




要
在一段
里
换行
请使用
br这个Tag。









正文标题




这是1号标题


这是2号标题


这是3号标题


这是4号标题


这是5号标题

这是6号标题










居中的正文标题



这是标题



上面的标题是居中显示的。







加条横线


用hr这个Tag可以在HTML文件里加一条横线。



村妇想像皇宫的生活：皇后得用金扁担挑水吧。



初中某数学老师讲方程式变换，在讲台上袖子一挽大声喝道：同学们注意！我要变形了！……







代码注释




代码注释是不会显示在网页里的。








背景颜色



看，这个页面是黄色的。








HTML常用格式
HTML定义了一些文本格式的Tag，比如利用Tag，可以将字体变成粗体或者斜体。从下面的示例，你可以了解各种文本格式Tag如何改变HTML文本的显示。

常用文本格式Tag
Tag Tag说明
粗体bold
斜体italic
文字当中划线表示删除
文字下划线表示插入
下标
上标
缩进表示引用 
 保留空格和换行 
  
 表示计算机代码，等宽字体 
  
示例 
  
 
  
 
  
 
  
粗体用b表示。
 
  
斜体用i表示。
 
  
芙蓉姐姐这个词当中划线表示删除。
 
  
想唱就唱这个词下划线插入。
 
  
X2其中的2是下标
 
  
X2其中的2是上标
 
  
好好学习，天天向上。这句话缩进表示引用
 
  
 
  
这是 
  
预设(preformatted)文本. 
  
在pre这个tag里的文本 保留 
  
空格和 
  
分行。 
  
 
  
call getOrders 
  
用code显示计算机代码，code里显示的字符是等宽字符。
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
如何看HTML的源代码 
  
在浏览器看到的HTML网页，是浏览器解释HTML源代码后产生的结果。 
  
要查看这个HTML的源代码，有两种方法。一是点击鼠标右键，点击View Source(查看源文件)命令；二是选择浏览器菜单View(查看)中的Source(源文件)命令。 
  
利用View Source得到网页的源代码，你可以由此借鉴一下别人写得好的地方。不过在你对HTML知识尚少的情况下，看别人复杂的HTML源代码，只会让你头晕。建议你还是再等等，先掌握一些基础再说。 
  
 
  
HTML特殊字符显示 
  
 
  
 
  
HTML字符实体(Character Entities) 
  
有些字符在HTML里有特别的含义，比如小于号<就表示HTML Tag的开始，这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号，该怎么办呢？ 
  
这就要说到HTML字符实体(HTML Character Entities)了。 
  
一个字符实体(Character Entity)分成三部分：第一部分是一个&符号，英文叫ampersand；第二部分是实体(Entity)名字或者是#加上实体(Entity)编号；第三部分是一个分号。 
  
比如，要显示小于号，就可以写<或者<。 
  
用实体(Entity)名字的好处是比较好理解，一看lt，大概就猜出是less than的意思，但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号，各种浏览器都能处理。 
  
注意：Entity是区分大小写的。 
  
如何显示空格 
  
通常情况下，HTML会自动截去多余的空格。不管你加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，你可以使用 表示空格。 
  
最常用的字符实体(Character Entities) 
  
显示结果 说明 Entity Name Entity Number 
  
 显示一个空格     
  
< 小于 < < 
  
> 大于 > > 
  
& &符号 & & 
  
" 双引号 " " 
  
其他常用的字符实体(Character Entities) 
  
显示结果 说明 Entity Name Entity Number 
  
© 版权 © © 
  
® 注册商标 ® ® 
  
× 乘号 × × 
  
÷ 除号 ÷ ÷ 
  
更多字符实体(Character Entities) 
  
更多字符实体(Character Entities)请参见ISO Latin-1字符集。 
  
ISO Latin-1字符集 
  
字符 十进制字符编号 实体名字 说明 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 制表符Horizontal tab 
  
--- --- 换行Line feed 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 回车Carriage Return 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
--- --- 未使用Unused 
  
 --- Space 
  
! ! --- 惊叹号Exclamation mark 
  
" " " 双引号Quotation mark 
  
# # --- 数字标志Number sign 
  
$ $ --- 美元标志Dollar sign 
  
% % --- 百分号Percent sign 
  
& & & Ampersand 
  
' ' --- 单引号Apostrophe 
  
( ( --- 小括号左边部分Left parenthesis 
  
) ) --- 小括号右边部分Right parenthesis 
  
* * --- 星号Asterisk 
  
+ + --- 加号Plus sign 
  
, , --- 逗号Comma 
  
- - --- 连字号Hyphen 
  
. . --- 句号Period (fullstop) 
  
/ / --- 斜杠Solidus (slash) 
  
0 0 --- 数字0 Digit 0 
  
1 1 --- 数字1 Digit 1 
  
2 2 --- 数字2 Digit 2 
  
3 3 --- 数字3 Digit 3 
  
4 4 --- 数字4 Digit 4 
  
5 5 --- 数字5 Digit 5 
  
6 6 --- 数字6 Digit 6 
  
7 7 --- 数字7 Digit 7 
  
8 8 --- 数字8 Digit 8 
  
9 9 --- 数字9 Digit 9 
  
: : --- 冒号Colon 
  
; ; --- 分号Semicolon 
  
< < < 小于号Less than 
  
= = --- 等于符号Equals sign 
  
> > > 大于号Greater than 
  
? ? --- 问号Question mark 
  
@ @ --- Commercial at 
  
A A --- 大写A Capital A 
  
B B --- 大写B Capital B 
  
C C --- 大写C Capital C 
  
D D --- 大写D Capital D 
  
E E --- 大写E Capital E 
  
F F --- 大写F Capital F 
  
G G --- 大写G Capital G 
  
H H --- 大写H Capital H 
  
I I --- 大写J Capital I 
  
J J --- 大写K Capital J 
  
K K --- 大写L Capital K 
  
L L --- 大写K Capital L 
  
M M --- 大写M Capital M 
  
N N --- 大写N Capital N 
  
O O --- 大写O Capital O 
  
P P --- 大写P Capital P 
  
Q Q --- 大写Q Capital Q 
  
R R --- 大写R Capital R 
  
S S --- 大写S Capital S 
  
T T --- 大写T Capital T 
  
U U --- 大写U Capital U 
  
V V --- 大写V Capital V 
  
W W --- 大写W Capital W 
  
X X --- 大写X Capital X 
  
Y Y --- 大写Y Capital Y 
  
Z Z --- 大写Z Capital Z 
  
[ [ --- 中括号左边部分Left square bracket 
  
\ \ --- 反斜杠Reverse solidus (backslash) 
  
] ] --- 中括号右边部分Right square bracket 
  
^ ^ --- Caret 
  
_ _ --- 下划线Horizontal bar (underscore) 
  
` ` --- 尖重音符Acute accent 
  
a a --- 小写a Small a 
  
b b --- 小写b Small b 
  
c c --- 小写c Small c 
  
d d --- 小写d Small d 
  
e e --- 小写e Small e 
  
f f --- 小写f Small f 
  
g g --- 小写g Small g 
  
h h --- 小写h Small h 
  
i i --- 小写i Small i 
  
j j --- 小写j Small j 
  
k k --- 小写k Small k 
  
l l --- 小写l Small l 
  
m m --- 小写m Small m 
  
n n --- 小写n Small n 
  
o o --- 小写o Small o 
  
p p --- 小写p Small p 
  
q q --- 小写q Small q 
  
r r --- 小写r Small r 
  
s s --- 小写s Small s 
  
t t --- 小写t Small t 
  
u u --- 小写u Small u 
  
v v --- 小写v Small v 
  
w w --- 小写w Small w 
  
x x --- 小写x Small x 
  
y y --- 小写y Small y 
  
z z --- 小写z Small z 
  
{ { --- 大括号左边部分Left curly brace 
  
| | --- 竖线Vertical bar 
  
} } --- 大括号右边部分Right curly brace 
  
~ ~ --- Tilde 
  
---  --- 未使用Unused 
  
     空格Nonbreaking space 
  
¡ ¡ ¡ Inverted exclamation 
  
¢ ¢ ¢ 货币分标志Cent sign 
  
£ £ £ 英镑标志Pound sterling 
  
¤ ¤ ¤ 通用货币标志General currency sign 
  
¥ ¥ ¥ 日元标志Yen sign 
  
¦ ¦ ¦ or &brkbar; 断竖线Broken vertical bar 
  
§ § § 分节号Section sign 
  
¨ ¨ ¨ or ¨ 变音符号Umlaut 
  
© © © 版权标志Copyright 
  
ª ª ª Feminine ordinal 
  
« « « Left angle quote, guillemet left 
  
¬ ¬ ¬ Not sign 
  
¬ ­ ­ Soft hyphen 
  
® ® ® 注册商标标志Registered trademark 
  
¯ ¯ ¯ or &hibar; 长音符号Macron accent 
  
° ° ° 度数标志Degree sign 
  
± ± ± 加或减Plus or minus 
  
² ² ² 上标2 Superscript two 
  
³ ³ ³ 上标3 Superscript three 
  
´ ´ ´ 尖重音符Acute accent 
  
µ µ µ Micro sign 
  
¶ ¶ ¶ Paragraph sign 
  
• · · Middle dot 
  
¸ ¸ ¸ Cedilla 
  
¹ ¹ ¹ 上标1 Superscript one 
  
º º º Masculine ordinal 
  
» » » Right angle quote, guillemet right 
  
¼ ¼ ¼ 四分之一Fraction one-fourth 
  
½ ½ ½ 二分之一Fraction one-half 
  
¾ ¾ ¾ 四分之三Fraction three-fourths 
  
¿ ¿ ¿ Inverted question mark 
  
À À À Capital A, grave accent 
  
Á Á Á Capital A, acute accent 
  
   Capital A, circumflex 
  
à à à Capital A, tilde 
  
Ä Ä Ä Capital A, di?esis / umlaut 
  
Å Å Å Capital A, ring 
  
Æ Æ Æ Capital AE ligature 
  
Ç Ç Ç Capital C, cedilla 
  
È È È Capital E, grave accent 
  
É É É Capital E, acute accent 
  
Ê Ê Ê Capital E, circumflex 
  
Ë Ë Ë Capital E, di?esis / umlaut 
  
Ì Ì Ì Capital I, grave accent 
  
Í Í Í Capital I, acute accent 
  
Î Î Î Capital I, circumflex 
  
Ï Ï Ï Capital I, di?esis / umlaut 
  
Ð Ð Ð Capital Eth, Icelandic 
  
Ñ Ñ Ñ Capital N, tilde 
  
Ò Ò Ò Capital O, grave accent 
  
Ó Ó Ó Capital O, acute accent 
  
Ô Ô Ô Capital O, circumflex 
  
Õ Õ Õ Capital O, tilde 
  
Ö Ö Ö Capital O, di?esis / umlaut 
  
× × × 乘号Multiply sign 
  
Ø Ø Ø Capital O, slash 
  
Ù Ù Ù Capital U, grave accent 
  
Ú Ú Ú Capital U, acute accent 
  
Û Û Û Capital U, circumflex 
  
Ü Ü Ü Capital U, di?esis / umlaut 
  
Ý Ý Ý Capital Y, acute accent 
  
Þ Þ Þ Capital Thorn, Icelandic 
  
ß ß ß Small sharp s, German sz 
  
à à à Small a, grave accent 
  
á á á Small a, acute accent 
  
â â â Small a, circumflex 
  
ã ã ã Small a, tilde 
  
ä ä ä Small a, di?esis / umlaut 
  
å å å Small a, ring 
  
æ æ æ Small ae ligature 
  
ç ç ç Small c, cedilla 
  
è è è Small e, grave accent 
  
é é é Small e, acute accent 
  
ê ê ê Small e, circumflex 
  
ë ë ë Small e, di?esis / umlaut 
  
ì ì ì Small i, grave accent 
  
í í í Small i, acute accent 
  
î î î Small i, circumflex 
  
ï ï ï Small i, di?esis / umlaut 
  
ð ð ð Small eth, Icelandic 
  
ñ ñ ñ Small n, tilde 
  
ò ò ò Small o, grave accent 
  
ó ó ó Small o, acute accent 
  
ô ô ô Small o, circumflex 
  
õ õ õ Small o, tilde 
  
ö ö ö Small o, di?esis / umlaut 
  
÷ ÷ ÷ 除号Division sign 
  
ø ø ø Small o, slash 
  
ù ù ù Small u, grave accent 
  
ú ú ú Small u, acute accent 
  
û û û Small u, circumflex 
  
ü ü ü Small u, di?esis / umlaut 
  
ý ý ý Small y, acute accent 
  
þ þ þ Small thorn, Icelandic 
  
ÿ ÿ ÿ Small y, umlaut 
  
 
  
 
  
HTML利用超链接打开链接文件 
  
 
  
示例1 
  
 
  
 
  
 
  
 
  
 
  
这是一个链接 
  
 
  
 
  
 
  
站长网 站长学院站点链接 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
示例2 
  
将一个图片作为一个超链接 
  
 
  
 
  
 
  
 
  
你可以将一张图片作为一个链接，点击这个图片。 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
这个示例演示了如何将一个图片作为一个超链接，即点击一个图片，可以连接到其它文件。 
  
a和href属性 
  
HTML用来表示超链接，英文叫anchor。 
  
可以指向任何一个文件源：一个HTML网页，一个图片，一个影视文件等。用法如下： 
  
链接的显示文字 
  
点击当中的内容，即可打开一个链接文件，href属性则表示这个链接文件的路径。 
  
比如链接到admin5.com/html站点首页，就可以这样表示： 
  
站长网 站长学院admin5.com/html首页 
  
target属性 
  
使用target属性，可以在一个新窗口里打开链接文件。 
  
站长网 站长学院admin5.com/html首页 
  
 
  
 
  
 
  
 
  
 
  
一则笑话 
  
 
  
 
  
如果你将target的属性值设成_blank，你点击这个链接的时候，网页就会在一个新窗口出现。 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
title属性 
  
使用 title 属性，可以让鼠标悬停在超链接上的时候，显示该超链接的文字注释。 
  
站长网 站长学院网站 
  
如果希望注释多行显示，可以使用 作为换行符。 
  
站长网 站长学院网站 
  
 
  
 
  
 
  
 
  
 
  
站长网 站长学院网站 
  
 
  
 
  
 
  
站长网 站长学院网站 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
name属性 
  
使用name属性，可以跳转到一个文件的指定部位。 
  
使用name属性，要设置一对。一是设定name的名称，二是设定一个href指向这个name： 
  
参见第一章 
  
第一章 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
参见第六章 
  
 
  
 
  
 
  
 
  
第1章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第2章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第3章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第4章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第5章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第6章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第7章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第8章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第9章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第10章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第11章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第12章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第13章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第14章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第15章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第16章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
第17章
 
  
这是站长网 站长学院admin5.com/html- 网页教程与代码的中文站点。
 
  
 
  
 
  
 
  
 
  
 
  
 
  
name属性通常用于创建一个大文件的章节目录(table of contents)。每个章节都建立一个链接，放在文件的开始处，每个章节的开头都设置Name属性。当用户点击某个章节的链接时，这个章节的内容就显示在最上面。 
  
如果浏览器不能找到Name指定的部分，则显示文章开头，不报错。 
  
 
  
链接到email地址 
  
在网站中，你经常会看到“联系我们”的链接，一点击这个链接，就会触发你的邮件客户端，比如Outlook Express，然后显示一个新建mail的窗口。用可以实现这样的功能。 
  
联系新浪 
  
 
  
 
  
 
  
 
  
 
  
 
  
这是一个最简单的邮箱地址的链接： 
  
给新浪网站发信 
  
 
  
 
  
 
  
这个邮箱地址的链接写了subject内容： 
  
给新浪网站发信 
  
 
  
 
  
 
  
这个邮箱地址链接写了to, cc, bcc, subject, body的内容： 
  
写信给新浪 
  
 
  
 
  
 
  
注:空格请用%20表示。 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
如何创建HTML表格 
  
HTML表格用
表示。一个表格可以分成很多行(row)，用表示；每行又可以分成很多单元格(cell)，用之间没有内容，那么这个单元格的边界是不会被显示出来的，尽管整个表格已设置边界值。要显示这个单元格的边界，可以插入一个 空格符。
示例



表示。
这三个Tag是创建表格最常用的Tag。
示例




表格所用到的Tag：整个表格开始要用table；每一行开始要用tr；每一单元格开始要用td。



只有一行(Row)一列(Column)的表格






100


一行三列的表格








100 200 300


两行三列的表格













100 200 300
400 500 600




表格所用到的Tag：整个表格开始要用table；每一行开始要用tr；每一单元格开始要用td。
只有一行(Row)一列(Column)的表格
100
一行三列的表格
100 200 300
两行三列的表格
100 200 300
400 500 600

border属性
在缺省情况下，如果不设置表格的边界，表格是不显示边界的。
示例：不显示边界的表格



缺省情况下，表格没有边界。













100 200 300
400 500 600


表格Border设为0，也不显示边界：













100 200 300
400 500 600







要显示表格的边界，可使用border这个属性。
示例：显示边界的表格



表格的边界值设为1：











第一 行
第二 行


表格的边界值设为8，边界更粗：











第一 行
第二 行


表格的边界值设为15，边界更粗：










第一 行
第二 行







表格的表头
用		来表示表格的表头，表头的字是粗体显示的。
示例： 有表头的表格



有表头的表格：













姓名 电话 传真
Bill Gates 555 77 854 555 77 855


竖直方向的表头：















姓名 Bill Gates
电话 555 77 854
传真 555 77 855







空的单元格
如果表格的单元格









Some text Some text
Some text


上面的表格中，有一个单元格里是没有任何内容的，这个空的单元格没有显示边界，虽然整个表格设了边界值。












Some text Some text
  Some text



上面的例子，你可以看到，给这个单元格加上一个空格符号之后，单元格的边界就显示出来了。


注意：空格符要用&bsp;表示。 是一个HTML特别字符，参见HTML特别字符(HTML Character Entities)。








更多示例
有标题的表格




这个表格有标题：















表格标题
100 200 300
400 500 600








这个示例演示如何用在一个表格上加上标题。
包含多列或多行的单元格



用colpsan属性，设置包含多列的单元格：












姓名 联系方式
Bill Gates 555 77 854 555 77 855


用rowspan这个属性，设置包含多行的单元格：














姓名 Bill Gates
联系方式 555 77 854
555 77 855






这个示例演示如何用colspan，rowspan设置多列或者多行的单元格。
单元格里的内容













这是一段


这是另外一段。


 这个单元格里包含了一个表格：









A B
C D

这个单元格里包含了一个图片：

HELLO








这个例子演示单元格里面的内容。单元格的内容可以是文字，图片，超链接，Form，表格等。
单元格内容与单元格边界之间的距离




没有cellpadding的表格：











First Row
Second Row


设置cellpadding属性，可以改变单元格内容和单元格边界之间的距离。


以下是设置了cellpadding属性的表格：











第一 行
第二 行


cellpadding属性值设置为30的表格：











第一 行
第二 行









这个示例教你如何用cellpadding这个属性设置单元格内容与单元格边界之间的距离。
单元格之间的距离



Cellspacing属性表示单元格之间的距离。



如果表格里没有设置cellspacing属性，缺省情况下，cellspacing值为1。











第一 行
第二 行


Cellspacing属性值设为0的表格：











第一 行
第二 行


Cellspacing属性值设为20的表格：











第一 行
第二 行






这个示例教你如何用cellspacing这个属性设置单元格之间的距离
设置表格的背景颜色和背景图片



给表格设置背景颜色：











第一 行
第二 行


给表格加背景图片：











第一 行
第二 行





这个示例演示如何用bgcolor属性设置表格的背景颜色，如何用background属性为表格添加背景图片。
设置单元格的背景颜色和背景图片
这个示例演示如何用bgcolor属性设置单元格的背景颜色，如何用background属性为单元格添加背景图片。
单元格内容的对齐方式
这个示例教你如何用align属性设置单元格的对齐方式。

HTML相对路径(Relative Path)和绝对路径(Absolute Path)
HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片？......(相关教程：HTML超链接；HTML图片)
如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。
为了避免这些错误，正确地引用文件，我们需要学习一下HTML路径。
HTML有2种路径的写法：相对路径和绝对路径。
HTML相对路径(Relative Path)
同一个目录的文件引用
如果源文件和引用文件在同一个目录里，直接写引用文件名即可。
我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\index.html
在info.html加入index.html超链接的代码应该这样写：
index.html

如何表示上级目录
../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html
在info.html加入index.html超链接的代码应该这样写：
index.html
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\index.html
在info.html加入index.html超链接的代码应该这样写：
index.html
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\wowstory\index.html
在info.html加入index.html超链接的代码应该这样写：
index.html

如何表示下级目录
引用下级目录的文件，直接写下级目录文件的路径即可。
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\html\index.html
在info.html加入index.html超链接的代码应该这样写：
index.html
假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html
在info.html加入index.html超链接的代码应该这样写：
index.html
HTML绝对路径(Absolute Path)
HTML绝对路径(absolute path)指带域名的文件的完整路径。
假设你注册了域名www.admin5.com/html，并申请了虚拟主机，你的虚拟主机提供商会给你一个目录，比如www，这个www就是你网站的根目录。
假设你在www根目录下放了一个文件index.html，这个文件的绝对路径就是： http://www.admin5.com/html。
假设你在www根目录下建了一个目录叫html_tutorials，然后在该目录下放了一个文件index.html，这个文件的绝对路径就是http://www.admin5.com/html/html_tutorials/index.html。


2009-1-4
宋其帅
新国际


如何创建HTML表格
HTML表格用表示。一个表格可以分成很多行(row)，用表示；每行又可以分成很多单元格(cell)，用
表示。
这三个Tag是创建表格最常用的Tag。




表格所用到的Tag：整个表格开始要用table；每一行开始要用tr；每一单元格开始要用td。



只有一行(Row)一列(Column)的表格






100


一行三列的表格








100 200 300


两行三列的表格













100 200 300
400 500 600





border属性
在缺省情况下，如果不设置表格的边界，表格是不显示边界的。
示例：不显示边界的表格



缺省情况下，表格没有边界。













100 200 300
400 500 600


表格Border设为0，也不显示边界：













100 200 300
400 500 600






要显示表格的边界，可使用border这个属性。

你可能感兴趣的:(html基本概念)

  • 理解Gunicorn：Python WSGI服务器的基石 范范0825 ipythonlinux运维
    理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
  • 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样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 关于城市旅游的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：做与用户的交互行为文章目录前端学习路线
  • 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目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
  • 经纬恒润二面&三七互娱一面&元象二面 Redstone Monstrosity 面试前端
    1.请尽可能详细地说明，进程和线程的区别，分别有哪些应用场景？进程间如何通信？线程间如何通信？你的回答中不要写出示例代码。进程和线程是操作系统中的两个基本概念，它们在计算机系统中扮演着不同的角色，并且在不同的应用场景中发挥作用。进程和线程的区别定义：进程：进程是操作系统进行资源分配和调度的基本单位。每个进程都有独立的内存空间和系统资源。线程：线程是进程内的一个执行单元，是操作系统进行调度的最小单位
  • Python编程 - 初识面向对象 易辰君 Python核心编程python开发语言
    目录前言一、面向对象二、类和对象（一）类简介定义类（二）对象简介创建对象（三）总结三、实例属性和实例方法（一）实例属性创建的基本语法使用示例（二）实例方法定义实例方法的基本语法调用示例方法的示例（三）总结四、类中的self（一）基本概念（二）作用访问实例属性调用其他实例方法在构造函数中初始化对象（三）总结五、__init__方法（一）__init__方法的特点（二）基本语法（三）示例（四）总结前言
  • 斟一小组鸡血视频 和自己一起成长
    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 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
  • 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
  • h5小游戏定制开发 红匣子实力推荐
    随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
  • Nginx的使用场景：构建高效、可扩展的Web架构 张某布响丸辣 nginx前端架构
    Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
  • 前端知识点 ZhangTao_zata 前端javascriptcss
    下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
  • Rust 所有权 简介 东离与糖宝 rust后端rust开发语言
    文章目录发现宝藏1.所有权基本概念2.所有权规则3.变量作用域4.栈与堆4.1栈（Stack）4.2堆（Heap）5.String类型5.1String类型5.2String的内存分配5.3所有权与内存管理5.4String与切片6.变量与数据交互方式6.1移动（Move）6.2.克隆（Clone）7.所有权与函数7.1.传递参数7.2.返回值总结发现宝藏前些天发现了一个巨牛的人工智能学习网站，通
  • 非关系型数据库 天秤-white nosql
    一、为什么要用Nosql1.单机MySQL的时代。一个基本的网站访问量一般不会太大，单个数据库完全足够。那时候更多使用的静态网页html，服务器根本没有太大压力。这时候网站的瓶颈是什么？-数据量如果太大，一个机器放不下。-数据量太大需要建立数据的索引（B+Tree），一个服务器内存放不下。-访问量读写混合，一个服务器承受不了。2.memcached缓存+MySQL+垂直拆分（读写分离）。网站80%
  • Python精选200Tips：121-125 AnFany Python200+Tipspython开发语言
    Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例
  • 爬虫技术抓取网站数据 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=
  • 手机小游戏开发 红匣子实力推荐
    随着智能手机的普及，手机小游戏已经成为人们日常生活中不可或缺的一部分。从简单的消除游戏到复杂的策略游戏，手机小游戏为玩家提供了丰富的娱乐体验。本文将为您介绍手机小游戏开发的基本概念、工具和技术。开发-联系电话：13642679953（微信同号）1.游戏类型手机小游戏可以分为多种类型，如益智游戏、休闲游戏、动作游戏、策略游戏等。开发者可以根据自己的兴趣和技能选择合适的游戏类型进行开发。2.开发工具手
  • 利用frp实现内网穿透（需要云主机） heiyumiao 网络工具githubwindowslinux
    详细实现教程：https://www.iplaysoft.com/frp.htmlhttps://blog.csdn.net/u013144287/article/details/78589643/项目官网地址：https://github.com/fatedier/frp/releases按照系统下载相应的程序包什么是frp内网穿透工具有很多，其中Frp(FastReverseProxy)是比较
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi