好文档 - 专业文书写作范文服务资料分享网站

HTML语言课件

天下 分享 时间: 加入收藏 我要投稿 点赞

HTML语言

一. HTML简介 二. HTML的基本标记 三. HTML的格式化标记 四. HTML的链接标记 五. HTML的列表标记 六. HTML的图片标记 七. HTML的框架标记 八. HTML的表格标记 九. HTML的表单标记 十. HTML的层标记 十一. HTML的文件头标记

一. HTML简介

1.1 什么是HTML

HTML是一种构成网页基础的语言,同时由一些简单的英文单词构成; HTML是一个超文本标记语言;

HTML是由浏览器解释执行的一种语言; HTML是由成对的标记构成的。

1.2 学习HTML的目的

HTML是WEB开发的基础; HTML是电子商务平台的基础; HTML是后续学习的基础; HTML是JSP的基础。

1.3 HTML的发展史

1993年,超文本标记语言(第一版)被推出; 1995年,HTML2.0的标准被推出,W3C推荐; 1996年,HTML3.0推出,W3C推荐; 1997年,HTML4.0推出,W3C推荐;

1999年,HTML4.01推出,W3C推荐,至今为止的一个最终版本;

2000年以后,XML、XHTML兴起,大有取代HTML之意,但是举步维艰; 2008年,HTML5.0的草案推出;

2011年,HTML5.0的第二个草案推出,W3C认可。

1.4 HTML的文档结构

HTML文档结构

Welcome to Web Site
1.5 第一个HTML文档

:是HTML文档的起始和结束标记;

:是HTML文档的头标记,包含所有网页关联内容,如字符集、关键字、搜索引擎等;

:是一个标题标记,用于控制网页标题栏的显示; </p><p><body>:是HTML的主体标记,所以页面显示内容都包含在BODY标记中; </p><p><font>:是HTML的文字标记,用于控制文字的显示; </p><p>color=”red”:color是标记的一个属性,也就意味着所有的标记都可以定制特定的属性; </p><p>1.6 HTML的元素 </p><p> HTML是由标记和属性两种元素构成的。 </p><p>1.7 推荐学习平台 </p><p>推荐学习网站: </p><p>推荐浏览器:谷歌、IE9.0、火狐、Opera、Safari。 推荐学习软件:EditPlus、Dreamweaver CS6。 </p><p>1.8 注意事项 </p><p>文件夹和文件名尽量使用英文、单词、字母、数字及其组合; 网上下载的内容一律要求更改文件名; 代码一定要采用缩进格式。 </p><p>二. HTML的基本标记 </p><p>2.1 标题标记:Hn </p><p><HTML> <HEAD> <TITLE> Hn标记

静夜思

床前明月光,疑是地上霜;举头望明月,低头思故乡。 Hn标记是用来控制文本的标题,n的取值范围为1~6,数字越大,标题大小越小,同时会产生一个换行分段的效果。

2.2 段落标记:P

P标记

静夜思

床前明月光,疑是地上霜;

举头望明月,低头思故乡。

P标记用于控制文本的分段,产生换行分段效果;P标记可以只有开始部分,即可以成为一个单标记。

2.3 换行标记:BR

BR标记

静夜思

床前明月光,疑是地上霜;
举头望明月,低头思故乡。
BR标记只是纯粹的单标记。

BR标记和P标记的区别:BR标记可以连续使用多个,但是P标记不能。

2.4 水平线标记:HR

HR标记

静夜思

作者: 李白

床前明月光,
疑是地上霜;

举头望明月,
低头思故乡。

HR标记用于给文字划线或者区分上下文的关系。

HR标记我们可以使用width属性控制它的宽度,使用color属性控制它的色彩,使用align属性控制它的基本位置。

2.5 注释标记

Hn标记

静夜思

作者: 李博

床前明月光,
疑是地上霜;

举头望明月,
低头思故乡。

注释标记: 用来给设计者说明当前位置的代码的作用,起到一个解释的效果。

三. HTML的格式化标记

HTML的格式化标记用于控制文本的显示。

3.1 字体标记:font

Font标记

静夜思

说明:

:font标记用于控制文字的字体,但是现在的网页中已经被取消了,替代它的就是我们后续课程要学到的CSS;

face:控制文字的字体,一般情况下,不要设置特殊字体或者平时用量较少的字体;如果设置了前者,默认会以宋体的形式出现;

size:控制文字的大小,一般情况下,可以使用默认形式或者像素大小来描述;

床前明月光,

HTML语言课件

HTML语言一.HTML简介二.HTML的基本标记三.HTML的格式化标记四.HTML的链接标记五.HTML的列表标记六.HTML的图片标记七.HTML的框架标记八.HTML的表格标记九.HTML的表单标记十.HTML的层标记十一.HTML的文件头标记一.HTML简介1.1什么是HTML<
推荐度:
点击下载文档文档为doc格式
  • 正文标题

  • 上下篇章

  • 相关推荐

  • 精选图文

2t02j4kw893x5if1klmb9gaib47vll009mi