html入门和基本标记,第一课时 HTML入门与基本标记

第一课时HTML入门与基本标记

一、HTML简介

1.定义：HTML就是超文本标记语言。超文本就是包含链接的文本，标记语言就是排版的、不需要编译的语言。

2.HTML文件的扩展名为HTML或HTM(DOS下使用)。

3.HTML不区分大小写。

4.HTML是由一系列的元素和标记组成。

二、元素与标记简介

1.定义：是用<>符号的叫标记，当用一组HTML标记将一段文字包含在中间时，这段文字与包含这段文字的HTML标记合称为一个元素。

2.某个元素的完整定义：

元素文字标记名称>

3.标记的分类：单独标记和成对标记

4.标记属性的分类：标识属性和有值属性

(注：有值属性的值可以不用引号，但为了避免不必要的错误建议用引号引起)

三、HTML中一些特殊符号的表示方法

>大于号&guot;双引号

<小于号©出版社标记

 空格®注册标记

四、HTML的简单结构

Head标记中用来定义网页的一些公用信息和控制信息

Body标记中定义的内容会在浏览器的主题窗口中显示出来

五、

标记介绍

1.

中常用标记：

(单独标记)：

两种用法：

和

a.Nme和Http-equiv不弄同时存在在同一个标记中

b.标记可以在

中不限次数的定义

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的效果

六、

标记介绍

1.

属性：

a.txet：不是超链接字体的颜色

b.link：超链接字体的颜色

c.vlink：访问过的超链接字体颜色

d.alink：引动到超链接上字体的颜色

e.bgcolor：背景颜色

f.background:背景图像

2.

常用的基本标记

a.
换行标记(单独标记)

b.

---

水平标记：

---

(单独标记)

size会水平标尺的粗细，width为宽度(可以像素和百分比两种表示方式)

align设置标尺的水平对齐方式，noshade(标示属性)去除阴影

c.

…

段落标记：会在前后自动加一个空行

d.

…

原样显示文本标记

e.

… blockquote >缩进标记

f. …标题标记:n为1-7的数字，标题标记会在自己的开头和结束加上一个空行

g.…不换行标记

h.块标记:分为两种

第一种是

…

;第二种是 …

区别在于：

会给在手尾自动换行(在默认样式下)

I.字符集标记：

也分两种：

第一种叫：实体标记；第二种叫：逻辑标记

区别在于：实体标记在不同的浏览器里表现形式一样，而逻辑标记可能有所不同。

实体标记：…粗体、…斜体、…下划线文字(3种)

逻辑标记：… strong >强调、

… address >地址……

g.无序列表：

• ……
• ……

  ……

当type=”disc|circle_square”时，列表项前面的符号会有所不同

k.有序列表：

1. ……
2. ……

   ……

当type=”1|A|a|I|i”时，列表项前面的序号表示形式会有所不同

Start为序号的开始号码。

l.…字符标记

…

Face:代表字体size：符号的大小

Color：颜色，可以通过“英文”和“#FFFFFF”等两种方式赋值

m. 图片标记(单独标记)

Src:图片的路径align:文字的对齐方式(top"bottom"center)

Width:图片宽度heitht:图片高度(默认为图片实际大小)

Title：鼠标放上去后的提示文字alt:图片无法显示时，代替显示的文字

Dysrc：视频文件播放路径start:视频文件开始方式(mouseover和fileopen)

Loop:视频文件循环播放的次数(-1表示无限次)