黑马程序员—HTML基础
HTML即为超文本标记语言，是用于描述网页文档的一种标记语言。首先，初学HTML的时候我们应该尽量手写HTML。HTML就是描述网页的样子、内容的一个文本。写好的HTML我们要借助浏览器来展现成大家都能看得懂的可视化的页面。很多浏览器都是基于IE内核的，使用WebBrowser控件，就很容易开发一个简易浏览器。一般测试的时候，只要测试IE、FireFox、Opera和Chrome等就可以了，Web开发中浏览器的兼容是很重要的。
静态、动态页面：
静态页面就是把HTML页面文件保存在服务器上，浏览器要用这个页面的时候，服务器就把这个页面文件发给浏览器；而动态页面则是服务器上没有浏览者要看的页面，而是服务器动态生成的HTML页面发给浏览器，动态语言的服务器端可以用C#、Java等编写。
HTML页面结构：
HTML是由一个一个的标签组成的，每个标签都应该有开始和结束，”/”代表标签的结束。所有内容都在<html></html>标签内；<head></head>内放头部信息，是对页面的描述，不会直接显示在页面中，<head>内的<title>中设置的是页面的标题，它只能放在<head>中；<body>是页面的主体，大部分显示内容都定义在它里面。我们在写的时候，应该每个页面都包含这些部分。如下：
<html>这里表示开始创建一个超文本标记语言文档。
<head>这里是’头’， 设置文档标题和其它在网页中不显示的信息
<title></title>这里是标题
</head>
<body>这里是’体’,可以设置文档的可见部分
</body>
</html>
这里面可以给页面设置背景颜色等属性，在<body>设置<body bgcolor = 颜色>就可以了。
HTML中的一些问题及常用标签：
HTML注释方法为<!--注释内容-->。在HTML中不把空格” ”当成空格 才表示空格，另外<pre></pre>也能识别空格。<表示<小于号，>表示>大于号。
<br/>表示回车；
<p></p>表示新的段落，前后会有较大空白；
<center></center>表示居中显示；
<h></h>h标签有六种，即<h1></h1>到<h6></h6>表示字体的不同大小，其中h1最大，h6最小；
<b></b>表示字体为粗体;
<i></i>表示字体为斜体字
<u></u>表示字体是有下划线的；
<cite></cite>表示是引用的，一般为斜体字；
<SUP></SUP> 上标字 ；
<SUB></SUB> 下标字；
<img src = “路径”/>是图片标签,里面可以设置Height、Width属性，分别表示图片的高度和宽度，以px为单位；
<font></font>为字体标签，里面可以设置一些属性，如：
<font size = “3” color = “blue”>文字</font>表示里面的文字会是蓝色3大小的，这里Size属性，字体大小为1到7；
<a>标签：<a>标签有几种用法，可以创建超链接，如下：
<a href = “网址”>文字说明</a>可以为这个网址创建超链接，我们也可以给它嵌套图片，然后实现点击图片打开连接，即<a href = “网址”><img src = “路径”/></a>；
还可以创建一个文档内部的书签，如下：
<a name = “”></a>
还可以创建一个指向文档内部的链接，如下：
<a name="最上面" href="#最下面">回到底部</a>
<a name="最下面" href="#最上面">回到顶部</a>
<Table>标签：是表格标签，如下：
<Table>
<tr>
<td></td><td></td>
</tr>
<tr>
<td></td><td></td>
</tr>
<tr>
<td></td><td></td>
</tr>
</Table>
这里<tr>表示一行，<td>表示一列；表格标签可以设置一些属性，如border是控制外边框的，cellpadding是控制边框距离文字距离的，cellspacing是控制内边框的高度的，bgcolor可以设置表格的背景色，rowspan表示跨行,colspan表示跨列，<caption>用来定义表格的标题；
下面是一个表格小示例：
|
<html> |
|
|
<head> |
|
|
<title></title> |
|
|
</head> |
|
|
<body bgcolor = "Gray"> |
|
|
<table border = "1" align = "center" cellspadding> |
|
|
<caption>A test table with merged cells</caption><!--表示表格的标题--> |
|
|
<tr> |
|
|
<td rowspan = "2"> </td> |
|
|
<th colspan = "2" align = "center"><font >Average</font></th><!--th表示加粗居中--> |
|
|
<th rowspan = "2">Red eyes</th> |
|
|
</tr> |
|
|
<tr> |
|
|
<th>height</th> |
|
|
<th>weight</th> |
|
|
</tr> |
|
|
<tr> |
|
|
<th align = "center">Males</th> |
|
|
<td>1.9</td> |
|
|
<td>0.003</td> |
|
|
<td>40%</td> |
|
|
</tr> |
|
|
<tr> |
|
|
<th>Females</th> |
|
|
<td>1.7</td> |
|
|
<td>0.002</td> |
|
|
<td>43%</td> |
|
|
</tr> |
|
|
</table> |
|
|
</body> |
|
|
</html> |
效果如图：
<frameset></frameset>标签可以定义一个框架集，每个框架都可以存有独立的文档。其中可以设置rows属性表示上下，cols属性表示左右。
