HTML学习心得

HTML学习心得

一、HTML简介

全写： HyperText Mark-up Language，译名： 超文件注标式语言（译名之一）， 简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。

HTML 是在 SGML 定义下的一个描述性语言，SGML(Standard Generalized Markup Language,标准通用标记语言)，是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子文档标记语言的起源，早在Web发明之前SGML就已存在。HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种标记的用法便算学懂了 HTML，它的格式非常简单，只是由文字及标记组合而成，在编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然以专业的网页编辑软件为佳。

1.优点

HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下：1 简易性，HTML版本升级采用超集方式，从而更加灵活方便。2 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。3 平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。

二、HTML标记

任何标记皆由"<"与">"围住，如 <P> 标记名与小于号之间不能留有空白字符。 某些标记要加上参数，某些则不必。如 <font size="+2">Hello</font> 参数只可加于起始标记中。在起始标记名前加上符号"/"便是其终结标记，如 </font>，标记字母大小写皆可。

1.标记种类

标记种类分为两种：围堵标记和空标记。围堵标记是以起始标记及终结标记将文字围住，令其达到预期显示效果。 也就是说，标记是成对出现的，例如 <b>Creation of Webpage</b> ，其中<b></b> 便称为围堵标记。它以起始标记<b>及终结标记</b>标示文字 Creation of webpage ，令其显示成粗体，两者失其一都会发生错误显示。 空标记是指标记单独出现，只有起始标记没有终结标记。 例如 <BR>，它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的， 但有些人会为空标记加上终结标记，这是为方便记认而己，对 HTML 没有影响。

2.标记类型

标记类型按用途可以分为：文件标记(如：<HTML>、<BODY>)、排版标记(如：<P>、<BR>、<DIV>)、字体标记(如：<FONT>、<B>)、清单标记(如：<OL>、<UL>)表格标记(如：<TABLE>、<TD>)、表单标记(如：<FORM><INPUT>)、图形标记(如：<IMG>)、连结标记(如：<A>、<BASE>)、框架标记(如：<FRAMESET>、<FRAME>)、影像地图标记(如：<MAP>、<AREA>)、多媒体标记(如：<BGSOUND>、<EMBED>)、样式标记(如：<STYLE>、<span>)和其它标记(如：<MARQUEE>、<BLINK>)。

三、HTML结构

基本HTML页面以DOCTYPE开始，它声明文档的类型，且它之前不能有任何内容（包括换行符和空格），否则将使文档声明无效，接着是<html>标签，以</html>结束。在它们之间，整个页面有两部分－－标题和正文。标题词－－夹在<head>和</head>标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</body>之间－－即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。HTML基本结构如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<HTML>

<HEAD>

<META http-equiv="content-type" content="text/html;charset=gb2312">

<TITLE> 网页的标题 </TITLE>

</HEAD>

<BODY>

网页的内容，很多标记都作用于此

</BODY>

</HTML>

!DOCTYPE 指定了 HTML 文档遵循的文档类型定义(DTD)，因为html的document标准是w3c制定的，http后面是w3c的dtd页面地址。这是标准的申明写法，代表这个网页符合w3c的dtd要求。整份文件处于标记<HTML>与</HTML>之间。<HTML>用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。 文件分两部分，由<HEAD>至</HEAD>称为开头，<BODY>至</BODY>称本文。 基本上两者各有适用的标记，META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。上面META标签的作用是指定了当前文档所使用的字符编码为gb2312，也就是中文简体字符。根据这一行代码，浏览器就可以识别出这个网页应该用中文简体字符显示。类似地，如果 将 “gb2312”替换为“big5”，就是我们熟知的中文繁体字符了。 <TITLE>只可出现于开头部分。 开头部分用以存载重要资讯，而只有本文部分会被显示。 所以大部分标记会运用于本文部分。<TITLE>所标示的是文件的标题。 会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同而明确的标题 是需要的。 上述标记中只有<BODY>具参数设定。

四、HTML编辑器

HTML其实是文本，它需要浏览器的解释，HTML的编辑器大体可以分为三种， 1 基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。 2 半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出

Homepage，且可以学习HTML，这种类型的软件主要有HOTDOG，还有国产的软件网页作坊。 3 所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，这类软件主要有Frontpage98，DREAMWEAVER。

 

第二篇：HTML学习心得

一、HTML简介全写： HyperText Mark-up Language，译名： 超文件注标式语言（译名之一）， 简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。 HTML 是在 SGML 定义下的一个描述性语言，SGML(Standard Generalized Markup Language,标准通用标记语言)，是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子文档标记语言的起源，早在Web发明之前SGML就已存在。HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种标记的用法便算学懂了 HTML，它的格式非常简单，只是由文字及标记组合而成，在编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然以专业的网页编辑软件为佳。1.优点　　HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下：1 简易性，HTML版本升级采用超集方式，从而更加灵活方便。2 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。3 平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。二、HTML标记任何标记皆由"<"与">"围住，如 <P> 标记名与小于号之间不能留有空白字符。 某些标记要加上参数，某些则不必。如 <font size="+2">Hello</font> 参数只可加于起始标记中。在起始标记名前加上符号"/"便是其终结标记，如 </font>，标记字母大小写皆可。1.标记种类标记种类分为两种：围堵标记和空标记。围堵标记是以起始标记及终结标记将文字围住，令其达到预期显示效果。 也就是说，标记是成对出现的，例如 <b>Creation of Webpage</b> ，其中<b></b> 便称为围堵标记。它以起始标记<b>及终结标记</b>标示文字 Creation of webpage ，令其显示成粗体，两者失其一都会发生错误显示。 空标记是指标记单独出现，只有起始标记没有终结标记。 例如 <BR>，它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的， 但有些人会为空标记加上终结标记，这是为方便记认而己，对 HTML 没有影响。2.标记类型标记类型按用途可以分为：文件标记(如：<HTML>、<BODY>)、排版标记(如：<P>、<BR>、<DIV>)、字体标记(如：<FONT>、<B>)、清单标记(如：<OL>、<UL>)表格标记(如：<TABLE>、<TD>)、表单标记(如：<FORM><INPUT>)、图形标记(如：<IMG>)、连结标记(如：<A>、<BASE>)、框架标记(如：<FRAMESET>、<FRAME>)、影像地图标记(如：<MAP>、<A

REA>)、多媒体标记(如：<BGSOUND>、<EMBED>)、样式标记(如：<STYLE>、<span>)和其它标记(如：<MARQUEE>、<BLINK>)。 三、HTML结构基本HTML页面以DOCTYPE开始，它声明文档的类型，且它之前不能有任何内容（包括换行符和空格），否则将使文档声明无效，接着是<html>标签，以</html>结束。在它们之间，整个页面有两部分－－标题和正文。标题词－－夹在<head>和</head>标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</body>之间－－即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。HTML基本结构如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><HTML> <HEAD> <META http-equiv="content-type" content="text/html;charset=gb2312"><TITLE> 网页的标题 </TITLE> </HEAD> <BODY> 网页的内容，很多标记都作用于此 </BODY> </HTML> !DOCTYPE 指定了 HTML 文档遵循的文档类型定义(DTD)，因为html的document标准是w3c制定的，http后面是w3c的dtd页面地址。这是标准的申明写法，代表这个网页符合w3c的dtd要求。整份文件处于标记<HTML>与</HTML>之间。<HTML>用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。 文件分两部分，由<HEAD>至</HEAD>称为开头，<BODY>至</BODY>称本文。 基本上两者各有适用的标记，META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。上面META标签的作用是指定了当前文档所使用的字符编码为gb2312，也就是中文简体字符。根据这一行代码，浏览器就可以识别出这个网页应该用中文简体字符显示。类似地，如果 将 “gb2312”替换为“big5”，就是我们熟知的中文繁体字符了。 <TITLE>只可出现于开头部分。 开头部分用以存载重要资讯，而只有本文部分会被显示。 所以大部分标记会运用于本文部分。<TITLE>所标示的是文件的标题。 会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同而明确的标题 是需要的。 上述标记中只有<BODY>具参数设定。 四、HTML编辑器HTML其实是文本，它需要浏览器的解释，HTML的编辑器大体可以分为三种， 　　1 基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。 　　2 半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出Homepage，且可以学习HTML，这种类型的软件主要有HOTDOG，

还有国产的软件网页作坊。 　　3 所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，这类软件主要有Frontpage98，DREAMWEAVER。

相关推荐

专栏推荐