CSS+DIV+HTML（一）--HTML总结

浏览数：50 / 时间：2015年06月09日

一、定义

HTML（Hyper Text Markup Language），标记语言。

二、主要内容：

HTML元素分为三类：块级标签、内联标签、可变标签。区别在于：

块级元素：在默认情况下会换行显示。

内联元素：在默认情况下会在一行内显示。

可变元素：根据上下文确定自己是块级元素还是内联元素。

HTML文档和HTML元素是通过HTML标签进行标记的。HTML元素定义了整个HTML文档。什么意思呢？

举个例子：

HTML文档是有文本标签定义的：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Hello world！</title>
</head>
<body>
    <p>我的第一个网页</p><br/>
    <hr/> 
    <p>              
            这是我做的第一个网页，欢迎观临！谢谢！This is my first web.Welcome!
    </p>
</body>
</html>

表格是由<table>来标签的。

<span style="font-family:KaiTi_GB2312;font-size:18px;"><html>
	<title>
		表格
		</title>
		<body>
			<table border=1 align="center">
				<tr>
					<th>编号</th>
					<th>名称</th>
					<th>价格</th>
					</tr> 
					<tr>
						<td>001</td>
						<td>语文教材</td>
						<td>20.00</td>
						</tr>
				</table>
			<body/>
	</html></span>

表单实例：

<ol start="10">
	<li>hehe
	<li>haha
	<li>huihui
	<li  value="20">weiwei
	<li>dada
</ol>
<ol type="a">
	<li>hehe
	<li>haha
	<li>huihui
	<li>weiwei
	<li>dada
</ol>
<ul type="disc">
	<li>hehe
	<li>haha
	<li>huihui
	<li>weiwei
	<li>dada
</ul>
<dl>
	<dt>hehe
	<dt>haha
	<dt>huihui
	<dt>weiwei
	<dt>dada
</dl>

这是上面ol是有序表单，ul是无序表单，dl是定义表单。