HTML学习心得

时间:2024.4.20

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。

更多相关推荐:
民法学习心得体会

民法学习心得体会民法原理在我们现实生活中真的是无处不在,衣食住行各方面都有可能会和民法打上“交道”,毫不夸张的说,我们每个人从出生到死亡基本上都是生活在民法的框架范围内,因此学习好民法,掌握好民法,运用好民法就…

民族团结学习心得体会1

民族团结学习心得体会王帅自公元前xx年西汉设西域都护府以来,新疆就作为祖国不可分割的一部分纳入了祖国版图。几千年来,在这块土地上各族人民交融相处繁衍生息,共同缔造了灿烂辉煌的中华文化,谱写了一曲曲维护祖国统一、…

外训学习心得

参《采购价格与成本分析效益实务》之学习心得为时一天的培训课程结束了,时间虽短,但受益匪浅。我深刻领会到,作为一名合格的采购员,应具备一个管理者所拥有的思维度及对事物分析的敏锐度,更要学会倾听,掌握沟通技巧等多项…

广告学习心得作业

广告学习心得每天每个电视台都会播放广告,特别是在每次播放精彩节目的瞬间都会插播广告这对我来说已经是司空见惯了。所以一直以来我对广告没有什么好感。在上这门课之前我对广告艺术也是一无所知.在我眼中它们只不过是投资商…

法律的学习心得体会

法律的学习心得体会自XX年x月份以来,我们在学校领导的组织下,通过多种形式,进行了“法律进学校”的学习。我们集中学习了《中华人民共和国宪法》、《中华人民共和国教育法》、《中华人民共和国义务教育法》、《中华人民共…

学习心得

国培学习心得体会——湖北省黄梅县柳林乡中学梅利今年,我非常幸运地参加了“国培”教师培训,在培训学习期间,聆听了很多专家和名师的报告,他们以鲜活的案例和丰富的知识内涵及精湛的理论阐述,给了我强烈的感染和深深的理论…

学习心得

学习“吴大奎董事长讲话”的心得吴大奎董事长在柳州银海铝调研期间作了题为《新班子新柳铝新景象》的即兴讲话。在目前经济大环境不景气的现状下,这次讲话的内容非常的重要,对集团下属企业有着宏观上的指导意义。安徽广银领导…

讲学习心得体会

讲学习心得体会通过学习理工学院教授的讲座和局长的讲话深受教育体会很深充分的认识到作为身在机关的国家公务员只有努力不断的加强学习不断的提高自身素质树立为党为人民服务的思想才能做好本职工作不犯错误或者是少犯错误为达...

学习孝道心得体会1000字3篇

学习孝道心得体会1000字3篇学习孝道心得体会1000字1篇当前孝道文化传遍祖国大江南北孝道之花开遍中国每个角落是的百孝篇中讲quot孝在街坊人敬仰孝在家中合家欢孝字本是百行源孝贵行动不在言quot人若不孝敬父...

近期学习心得体会

近期学习心得体会念雪每个人的内心都有一个潜在的学习园地只有不断的耕耘才会有收获每周五的学习成为了我不断耕耘心田的好时机这里像是一个大的采摘园防汛知识水政知识工程管理知识财务知识安全知识等应有尽有都可信手拈来这对...

学习心得

学习心得体会范文之公司培训篇首先我非常感谢公司给我们全体员工的集体培训也很荣幸参加了这次培训这说明公司对我们员工培训的重视反映了公司重视人才培养人才的战略方针对于服务行业的我也非常珍惜这次机会经过这几天的培训完...

学习心得

过程审核VDA63过程审核培训心得感谢吉利集团给我们提供这样一次提高工作技能的机会感谢武老师和瞿老师的精彩讲解和耐心指导经过为期一周的过程审核培训VDA63是我收获颇多有一下几点心得体会1吉利质量学院的教学方法...

学习心得(464篇)