网络运营之剑—html语言(基本标签)

HTML语言中常用的标签介绍

1. <br/>标签

 <br> 可插入一个简单的换行符。
 <br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。
 请注意，<br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，通常会在相邻的段落之间插入一些垂直的间距。
 <br> 标签的 clear 属性
 http://www.w3school.com.cn/tags/tag_br_prop_clear.asp

2. &nbsp

 html里的&nbsp;是空格,但不是值为32(十六进制20).  &nbsp;的值是160(十六进制A0).（html里面只认半角符号，不认全角符号,  一次只有半个字节）
 HTML特殊字符不包括TAB. TAB应该也可以用&#9;表示. 但只有在<PRE>...</PRE>这样的标记内部才起作用. 其他地方只相当于一个空格. 这和&nbsp;不一样.

3. link是HTML语言中的一个标签。用链接(link)可以建立和外部文件的链接。 

 几个使用示例： 
  * shortcut icon ——地址栏最前面的小图标和收藏夹图标 
　<link rel="shortcut icon" type="image/ico" href="/favicon.ico" /> 
　* Alternate——定义交替出现的链接：如让本站地址栏检测显示rss链接(Maxthon2/firefox) 
　<link rel="alternate" type="application/rss+xml" href=http://www.vradmin.com/rss.xmll title="维尔网络" /> 
　* Stylesheet ——定义一个外部加载的样式表 
　<link rel="stylesheet" rev="stylesheet" href="http://www.vradmin.com/style/bxna.css" type="text/css" media="screen" />

4. 有时我们在分析别人的网站源代码的时候，发现在头标签的样式表里面多了个 “media=screen ”或者 “media="print”，原来这些都是相对于媒介来进行设置的，就像 


Potoshop一样，每一种模式也对应一种媒介。 比如RGB对应的是我们的显示器，CMYK对应的是印刷等等。
 引用 screen (缺省值)，提交到计算机屏幕；
 print， 输出到打印机；
 projection，提交到投影机；
 aural，扬声器；
 braille，提交到凸字触觉感知设备；
 tty，电传打字机 (使用固定的字体)；
 tv，电视机；
 all，所有输出设备

5. meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似
  网页中meta标签的使用，关键字
 下面这段的html代码： 
　　＜head＞ 
　　＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞ 
　　＜/head＞ 
　　也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等  


。meta标签的组成 
　　meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 
　　1、name属性 
　　name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。 
　　meta标签的name属性语法格式是：<meta name="参数" content="具体的参数值"> 。 
　　其中name属性主要有以下几种参数： 
　　A、Keywords(关键字) 
　　说明：keywords用来告诉搜索引擎你网页的关键字是什么。 
　　举例：<meta name ="keywords" content="science, education,culture,politics,ecnomics，relationships, entertaiment, human"> 
　　B、description(网站内容描述) 
　　说明：description用来告诉搜索引擎你的网站主要内容。 
　　举例：<meta name="description" content="This page is about the meaning of science, education,culture."> 
　　C、robots(机器人向导) 
　　说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。 
　　content的参数有all,none,index,noindex,follow,nofollow。默认是all。 
　　举例：<meta name="robots" content="none"> 
　　D、author(作者) 
　　说明：标注网页的作者 
　　举例：<meta name="author" content="root,[e-mail]"> 
　　2、http-equiv属性 
　　http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容  


  其实就是各个参数的变量值。 
　　meta标签的http-equiv属性语法格式是：<meta http-equiv="参数" content="参数变量值"> ；其中http-equiv属性主要有以下几种参数： 
　　A、Expires(期限) 
　　说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。 
　　用法：<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT"> 
　　注意：必须使用GMT的时间格式。 
　　B、Pragma(cache模式) 
　　说明：禁止浏览器从本地计算机的缓存中访问页面内容。 
　　用法：<meta http-equiv="Pragma" content="no-cache"> 
　　注意：这样设定，访问者将无法脱机浏览。 
　　C、Refresh(刷新) 
　　说明：自动刷新并指向新页面。 
　　用法：<meta http-equiv="Refresh" content="2;URL=http://www.root.net">(注意后面的引号，分别在秒数的前面和网址的后面) 
　　注意：其中的2是指停留2秒钟后自动刷新到URL网址。 
　　D、Set-Cookie(cookie设定) 
　　说明：如果网页过期，那么存盘的cookie将被删除。 
　　用法：<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT； path=/"> 
　　注意：必须使用GMT的时间格式。 
　　E、Window-target(显示窗口的设定) 
　　说明：强制页面在当前窗口以独立页面显示。 
　　用法：<meta http-equiv="Window-target" content="_top"> 
　　注意：用来防止别人在框架里调用自己的页面。 
　　F、content-Type(显示字符集的设定) 
　　说明：设定页面使用的字符集。 
　　用法：<meta http-equiv="content-Type" content="text/html; charset=gb2312"> 
　　G、content-Language（显示语言的设定） 
　　用法：<meta http-equiv="Content-Language" content="zh-cn" />

6. <script> 标签用于定义客户端脚本，比如 JavaScript。
 script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。
 必需的 type 属性规定脚本的 MIME 类型。
 JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
 脚本（script）是使用一种特定的描述性语言，依据一定的格式编写的可执行文件，又称作宏或批处理文件。
 常见的脚本语言：Scala、JavaScript，VBScript，ActionScript，MAX Script，ASP，JSP，PHP，SQL，Perl，Shell，python，Ruby，JavaFX，Lua，AutoIt等。

7. <span> 标签被用来组合文档中的行内元素。
 <span>是对你的CSS文件进行样式的说明的，如果你定义了class style3的文字都是大小为12，字的色彩为红色的话。<span class="style3">就好像你定义<font size=12  
color=red>abcd</font>是一样的。
 例：
<a style="cursor: pointer;" href="http://www.360buy.com/product/1000065672.html" target="_blank"><img 


src="http://images.shop.360buy.com/shop/ware/description/10287/upload/416/716a19df-5773-41a1-9cac-c7fc444863f3.jpg" alt="" /></a>
和
<a href="http://www.360buy.com/product/1000065505.html" target="_blank"><span style="cursor: pointer;"><img 
src="http://images.shop.360buy.com/shop/ware/description/10287/upload/937/f44688eb-e4b3-49b0-8306-b9542cf5ae20.jpg" alt="" /></span></a>
第一个anchor里面，在开头定义了指示样式；第二个anchor里面没有，在后面通过<span> 标签进行了补充说明，效果是一样。

8. <a> 标签可定义锚。锚 (anchor) 有两种用法：
? 通过使用 href 属性，创建指向另外一个文档的链接（或超链接）
? 通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）
<a> 元素最重要的属性是 href 属性，它指定链接的目标。
<p> 标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

9. href标签
a和href属性
HTML用<a>来表示超链接，英文叫anchor。
<a>可以指向任何一个文件源：一个HTML网页，一个图片，一个影视文件等。用法如下：
<a href="url">链接的显示文字</a>
点击<a></a>当中的内容，即可打开一个链接文件，href属性则表示这个链接文件的路径。
比如链接到blabla.cn站点首页，就可以这样表示：
<a href="http://www.blabla.cn/index.html">布啦布啦blabla.cn首页</a>
target属性
使用target属性，可以在一个新窗口里打开链接文件。
<a href="http://www.blabla.cn/index.html" target=_blank>布啦布啦blabla.cn首页</a>
示例
title属性
使用 title 属性，可以让鼠标悬停在超链接上的时候，显示该超链接的文字注释。
<a href="http://www.blabla.cn" title = "布啦布啦网页教程与代码的中文站点">布啦布啦网站</a>
如果希望注释多行显示，可以使用&#10;作为换行符。
<a href="http://www.blabla.cn" title = "布啦布啦&#10;网页教程与代码的中文站点">布啦布啦网站</a>

10. 常用标签
<!--...-->  定义注释。  
<!DOCTYPE>   定义文档类型。        
<a>  定义锚。  
<abbr>  定义缩写。  
<acronym>  定义只取首字母的缩写。 
<address>  定义地址元素。  
<applet>  不赞成使用。定义 applet。  
<area>  定义图像映射内部的区域。  
<b>  定义粗体字。  
<base>  定义页面当中的所有链接的基准链接。  
<basefont>  不赞成使用。定义基准字体。  
<bdo>  定义文字显示的方向。  
<big>  定义大号字。  
<blockquote>  定义长的引用。  
<body>  定义 body 元素。  
<br>  插入一个回车（折行）。  
<button>  定义按钮 (push button)。  
<caption>  定义表格标题。  
<center>  不赞成使用。定义居中文本。  
<cite>  定义引用(citation)。  
<code>  定义计算机代码文本。  
<col>  定义用于表格列的属性。     
<colgroup>  定义表格的列组。     
<dd>  定义定义的描述。  
<del>  定义被删除文本。  
<dir>  不赞成使用。定义目录列表。  
<div>  定义文档中的节。  
<dfn>  定义定义的项目。     
<dl>  定义定义列表。  
<dt>  定义定义的项目。  
<em>  定义强调文本。  
<fieldset>  定义域结构。  
<font>  不赞成使用。定义文字的字体、尺寸和颜色。  
<form>  定义表单。  
<frame>  定义框架的子窗口。  
<frameset>  定义框架集。  
<h1> to <h6>  定义标题 1 到标题 6。  
<head>  定义关于文档的信息。  
<hr>  定义水平线。  
<html>  定义 html 文档。  
<i>  定义斜体字。  
<iframe>  定义内联框架。  
<img>  定义图像。  
<input>  定义输入域。  
<ins>  定义被插入文本。  
<isindex>  不赞成使用。定义单行的输入域。 
<kbd>  定义键盘文本。 
<label>  定义针对表单控件的标签。 
<legend>  定义框架集的标题。  
<li>  定义列表的项目。  
<link>  定义资源引用(resource reference)。  
<map>  定义图像映射。  
<menu>  不赞成使用。定义菜单列表。  
<meta>  定义元信息。  
<noframes>  定义无框架的节。  
<noscript>  定义无脚本的节。  
<object>  定义内嵌对象。     
<ol>  定义有序列表。  
<optgroup>  定义选项组。  
<option>  定义下拉列表中的选项。  
<p>  定义段落。  
<param>  定义用于对象的参数。  
<pre>  定义预格式文本。  
<q>  定义短的引用。  
<s>  定义加删除线的文本。  
<samp>  定义计算机代码样本。  
<script>  定义脚本。  
<select>  定义选择列表。 
<small>  定义小字体文本。  
<span>  定义文档中的节。  
<strike>  定义加删除线文本。  
<strong>。  定义强调文本。  
<style>  定义样式的定义。  
<sub>  定义下标文本。  
<sup>  定义上标文本。  
<table>  定义表格。  
<tbody>  定义表格的主体（部分）。     
<td>  定义表格单元。 
<textarea>  定义文本区域。  
<tfoot>  定义表格的页脚（脚注）。     
<th>  定义表格的页眉（表头单元格）。 
<thead>  定义表格的标题。     
<title>  定义文档的标题。  
<tr>  定义表格的行。 
<tt>  定义打字机文本。  
<u>  定义下划线文本。  
<ul>  定义无序列表。  
<var> 定义变量。  
<xmp> 定义预格式文本。