、什么是HTML
Hyper Text Markup Language: 超文本标签语言
由标签组成
二、标签
单标签:<标签名> 或 <标签名 />
双标签:<标签名></标签名>
1.<meta>标签
描述文档类型和字符编码
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
描述搜索关键字和描述
<head>
<meta name= "keywords" content= "淘宝,网上购物,在线交易,交易市场" />
<meta name= "description" content= "淘宝网-亚洲最大、最安全的网上交易平台,提供各类服饰、美容、家居、数码、……" />
</head>
2.块级标签:
显示为“块”状,前后隔一行
标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
段落标签
<p></p>
水平线标签
<hr />
有序列表标签
<ol>
<li>列表项1</li>
… …
</ol>
无序列表标签
<ul>
<li>列表项1</li>
……
</ul>
标题列表标签
<dl>
<dt>标题</dt>
<dd>描述1</dd>
</dl>
表格标签
<table> --表格
<tr> --一行
<td>百度</td> --一列(单元格)
<td>新浪</td>
</tr> …… </dl>
表单标签
<form>--一般和 table使用
<table>
<tr>
<td>...</td>
<td>...</td>
</tr>
.....
</table>
</form>
分区标签
<div></div>
常用4种块状结构:
1、div-ul(ol)-li :常用于分类导航或菜单等
2、div-dl-dt-dd :常用于图文混编的场合
3、table-tr-td :常用于图文布局或显示数据
4、form-table-tr-td:常用于布局表单
3.行级标签:
按行逐一显示
图像标签
<img />
span 标签
显示某行内的独特样式 ,前后自动换行 <p></p>
eg. <p>商品价格:仅售<span style="color:red;font-size:70px;">10</span>元</p>
换行标签
<br />
标签里面可以有属性,属性一定在标签里!!
4.其他
浮动标签
<marquee></marquee>
使图片动起来
超链接
<a></a>
属性: href = "路径"
空格
 
三、基本规范
标签名和属性名称必须小写
HTML标签必须关闭
属性值必须用引号括起来
标签必须正确嵌套
必须添加文档类型声明
声明必须位于文档的最前面
三种级别:Strict(严格类型) 、Trasitional(过度类型)、 Frameset(框架类型)