第一课时 HTML入门与基本标记
一、HTML简介
1.定义：HTML就是超文本标记语言。超文本就是包含链接的文本，标记语言就是排版的、不需要编译的语言。
2.HTML文件的扩展名为HTML或HTM（DOS下使用）。
3.HTML不区分大小写。
4.HTML是由一系列的元素和标记组成。
二、元素与标记简介
1.定义：是用<>符号的叫标记，当用一组HTML标记将一段文字包含在中间时，这段文字与包含这段文字的HTML标记合称为一个元素。
2.某个元素的完整定义：
<标记名称属性1=“属性值”属性2=“属性值”…>元素文字</标记名称>
3.标记的分类：单独标记和成对标记
4.标记属性的分类：标识属性和有值属性
（注：有值属性的值可以不用引号，但为了避免不必要的错误建议用引号引起）
三、HTML中一些特殊符号的表示方法
> 大于号 &guot;双引号
< 小于号 ©出版社标记
空格 ®注册标记
四、HTML的简单结构
<html>
<head>
Head标记中用来定义网页的一些公用信息和控制信息
</head>
<body>
Body标记中定义的内容会在浏览器的主题窗口中显示出来
</body>
</html>
五、<HEAD>标记介绍
1. <HEAD>中常用标记：
<meta>（单独标记）：
两种用法：
<meta name=”值” content=”值”> 和<meta http-equiv=”值” content=”值”>
a.Nme和Http-equiv不弄同时存在在同一个<meta>标记中
b.<meta>标记可以在<head>中不限次数的定义
c.content属性是用来补充说name或http属性中的具体内容的属性
d.当name=”autor”时，content=“作者的名字
当name=”Keywords“时content=“查询关键字”
当name=”Descripition”时，content=“对网页的描述信息“
当http-equiv =”pragma”时，content=“no-cach”会产生禁用缓存的效果
当http-equiv =”content-type”时，content=“字符集编码”会改变网页的字符集
当http-equiv =” content-language”时，content=“语言类型” 会改变网页的语言
当http-equiv =”refresh”时，content=“时间;URL”会产生隔固定时间自动刷新成URL的效果
六、<BODY>标记介绍
1.<BODY>属性：
a.txet：不是超链接字体的颜色
b.link：超链接字体的颜色
c.vlink：访问过的超链接字体颜色
d.alink：引动到超链接上字体的颜色
e.bgcolor：背景颜色
f.background:背景图像
2.<BODY>常用的基本标记
a. <br>换行标记(单独标记)
b.<hr>水平标记：<hr size=”” width=”” align=”” noshade>(单独标记)
size会水平标尺的粗细，width为宽度（可以像素和百分比两种表示方式）
align设置标尺的水平对齐方式，noshade(标示属性)去除阴影
c.<p>…</p>段落标记：会在前后自动加一个空行
d.<pre>…</pre>原样显示文本标记
e.<blockquote>…</ blockquote >缩进标记
f. <hn>…</hn>标题标记:n为1-7的数字，标题标记会在自己的开头和结束加上一个空行
g.<nobr>…</nobr>不换行标记
h.块标记:分为两种
第一种是<div>…</div>;第二种是<span>…</span>
区别在于：<div>会给在手尾自动换行(在默认样式下)
I.字符集标记：
也分两种：
第一种叫：实体标记；第二种叫：逻辑标记
区别在于：实体标记在不同的浏览器里表现形式一样，而逻辑标记可能有所不同。
实体标记：<b>…</b>粗体、<i>…</i>斜体、<u>…</u>下划线文字(3种)
逻辑标记：<strong>…</ strong >强调、<address>…</ address >地址……
g.无序列表：
<ul type=””>
<li>……
<li>……
……
</ul>
当type=”disc|circle_square”时，列表项前面的符号会有所不同
k.有序列表：
<ol type=”” start=””>
<li>……
<li>……
……
</ol>
当type=”1|A|a|I|i”时，列表项前面的序号表示形式会有所不同
Start为序号的开始号码。
l.<front>…</front>字符标记
<front face=”” size=”” color=””>…</front>
Face:代表字体 size：符号的大小
Color：颜色，可以通过“英文”和“#FFFFFF”等两种方式赋值
m. <img>图片标记(单独标记)
<img src=”” align=”” width=”” height=”” title=”” alt=”” dynsrc=”” start=”” loop=””>
Src:图片的路径 align:文字的对齐方式(top"bottom"center)
Width:图片宽度 heitht:图片高度(默认为图片实际大小)
Title：鼠标放上去后的提示文字 alt:图片无法显示时，代替显示的文字
Dysrc：视频文件播放路径 start:视频文件开始方式（mouseover和fileopen）
Loop:视频文件循环播放的次数(-1表示无限次)