HTML基本概念

1、HTML基本概念什么是HTML文件？HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。 和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。 一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。 这个文件的第一个Tag是，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是，表示HTML文件到此结束。在和之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。

2、在和之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。在和之间的信息，是正文。在和之间的文字，用粗体表示。顾名思义，就是bold的意思。正文标题HTML用到这几个Tag来定义正文标题，从大到小。每个正文标题自成一段。段落划分在HTML里用和划分段落。换行通过使用这个Tag，可以在不新建段落的情况下换行。没有Closing Tag。用换行是个坏习惯，正确的是使用。HTML注释在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。注释可以写在之间。浏览器是忽略注释的，你不会在HTML正文中看到你的注释。一些小建议HTML文件会自动

3、截去多余的空格。不管你加多少空格，都被看做一个空格。 一个空行也被看做一个空格。有些Tag能够将文本自成一段，而不需要使用来分段。比如之类的标题Tag。居中的正文标题这是标题这个示例告诉你如何将正文标题居中显示。加条横线代码注释背景颜色常用文本格式Tag 粗体bold 斜体italic 文字当中划线表示删除 文字下划线表示插入 下标 上标 缩进表示引用 保留空格和换行 表示计算机代码，等宽字体如何显示空格通常情况下，HTML会自动截去多余的空格。不管你加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，你可以使用 

4、表示空格。最常用的字符实体(Character Entities)显示一个空格   大于 > & &符号 & 双引号 " 其他常用的字符实体(Character Entities) 版权 © 注册商标 ® 乘号 × 除号 ÷ ISO Latin-1字符集字符十进制字符编号实体名字说明-未使用Unused-未使用Unused-未使用Unused-未使用Unused-未使用Unused-未使用Unused-未使用Unused-未使用Unused-未使用Unused-制表符Horizontal tab-换行Line fee

5、d-未使用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 s

6、ign%-百分号Percent sign&Ampersand-单引号Apostrophe(-小括号左边部分Left parenthesis)-小括号右边部分Right parenthesis*-星号Asterisk+-加号Plus sign,-逗号Comma-连字号Hyphen.-句号Period (fullstop)/-斜杠Solidus (slash)0-数字0 Digit 01-数字1 Digit 12-数字2 Digit 23-数字3 Digit 34-数字4 Digit 45-数字5 Digit 56-数字6 Digit 67-数字7 Digit 78-数字8 Digit 8

7、9-数字9 Digit 9:-冒号Colon;-分号Semicolon>大于号Greater than?-问号Question mark-Commercial atA-大写A Capital AB-大写B Capital BC-大写C Capital CD-大写D Capital DE-大写E Capital EF-大写F Capital FG-大写G Capital GH-大写H Capital HI-大写J Capital IJ-大写K Capital JK-大写L Capital KL-大写K Capital LM-大写M Capital MN-大写N Capital NO-大写O

8、 Capital OP-大写P Capital PQ-大写Q Capital QR-大写R Capital RS-大写S Capital ST-大写T Capital TU-大写U Capital UV-大写V Capital VW-大写W Capital WX-大写X Capital XY-大写Y Capital YZ-大写Z Capital Z-中括号左边部分Left square bracket-反斜杠Reverse solidus (backslash)-中括号右边部分Right square bracket-Caret_-下划线Horizontal bar (underscore)-

9、尖重音符Acute accenta-小写a Small ab-小写b Small bc-小写c Small cd-小写d Small de-小写e Small ef-小写f Small fg-小写g Small gh-小写h Small hi-小写i Small ij-小写j Small jk-小写k Small kl-小写l Small lm-小写m Small mn-小写n Small no-小写o Small op-小写p Small pq-小写q Small qr-小写r Small rs-小写s Small st-小写t Small tu-小写u Small uv-小写v Small

10、 vw-小写w Small wx-小写x Small xy-小写y Small yz-小写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 &brk

11、bar;断竖线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 Su

12、perscript 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¾四分之三Fractio

13、n 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&Ea

14、cute;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&Oacut

15、e;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, ac

16、ute 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

17、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,

18、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,

19、IcelandicÿSmall y, umlaut创建超链接这是一个链接你可以将一张图片作为一个链接a和href属性HTML用来表示超链接，英文叫anchor。可以指向任何一个文件源：一个HTML网页，一个图片，一个影视文件等。用法如下：链接的显示文字 点击当中的内容，即可打开一个链接文件，href属性则表示这个链接文件的路径。 target属性使用target属性，可以在一个新窗口里打开链接文件。站长网 站长学院title属性使用 title 属性，可以让鼠标悬停在超链接上的时候，显示该超链接的文字注释。站长网 站长学院网站 如果希望注释多行显示，可以使用作为换行符。站长网 站长学

20、院网站name属性使用name属性，可以跳转到一个文件的指定部位。使用name属性，要设置一对。一是设定name的名称，二是设定一个href指向这个name：参见第一章 第一章 name属性通常用于创建一个大文件的章节目录(table of contents)。每个章节都建立一个链接，放在文件的开始处，每个章节的开头都设置Name属性。当用户点击某个章节的链接时，这个章节的内容就显示在最上面。如果浏览器不能找到Name指定的部分，则显示文章开头，不报错。链接到email地址在网站中，你经常会看到“联系我们”的链接，一点击这个链接，就会触发你的邮件客户端，比如Outlook Express，然后显示一个新建mail的窗口。用可以实现这样的功能。联系