html学习心得体会

《html学习心得体会》由会员分享，可在线阅读，更多相关《html学习心得体会（18页珍藏版）》请在装配图网上搜索。

1、html学习心得体会篇一：HTML学习心得整理IT Juck HTML 知识整理开山篇:何为传输协议简单的说 计算机的通信（络）规则就是一种协议.FTP 文件传输协议SMTP 邮件传送协议HTTP 用于页与页间的访问协议语言编码接下来我们还会发现这样一句话： 它标示文档的语言编码。就像我们平时所说的汉语、英 语一样。这里的gb2312告诉浏览器，本文档采用简体中文 编码；还有一种常用的编码是UTF-8编码，它是国际通用的 编码。不管我们采用哪种编码，有一点就是包含的css样式 表和其它文件也必须和本文档的编码一样，要不就会出现乱 码。HTML开发工具1. 记事本2. Editplus3. Fr

2、ontpage4. Dreamweaver 初学者推荐使用,该软件有提示功能下载地址:/cfusion/tdrc/product=dreamweaver&loc=cn5. Zend Studio6. MyEclipse等其他IDE，这里就不在介绍了，有兴趣可到上搜索 页三剑客页制作三剑客是 Macromedia 公司开发的三款开发工 具Flash：用于做动画Fireworks ：用于图片处理Dreamweaver ：用于拼接页,代码编程HTML是什么HTML 表示: 超文本标记语言( Hyper Text MarkupLanguage) HTML文件必须有htm或html扩展名HTML文件可以

3、用一个简单的文本编辑器创建HTML文档类型当我们新建HTML格式文档时，查看源代码，会发现代 码最上部有如下代码：译：表示本文档是过渡类型，另外还有框架和严格类型， 目前一般都采用过渡类型，因为浏览器对XHTML的解析比较 宽松，允许使用中的标签，但必须符合XHTML的语法。许多 朋友在制作页面时，往往喜欢把这句删除掉，在这里建议大 家一定要保留这句话，删除它后可能引起某些样式表失效或 其它意想不到的问题。文档类型标记分五个部分DOCTYPE 文档类型定义标签（还可以指定别的类型文 件）HTML 指定文档类型的名称PUBLIC 说明当前文件所依据的文件是任何人都可以 访问的还是局部访问的ver

4、sion name指定该HTML版本的 标识名称。例如HTML的标识名称为：-/W3C/DTD HTML Transitional/EN 版 本名称 version name被改进的iso用+号开头，没有被改动过的用 -号开头，最后的两个斜号是DTD文档的语言种类url指定该HTML语言的定义规范文件在Internet上 的位置,例如: 。说明:当前文档可能含严格标准定义的元素及不含的 元素 说明:当前文档所以的 HTML 元素都是严格符合标 准的说明:除了以上的俩个共同点还有可能包含一些框架 的元素 HTML 中如果没有下面这个文档类型定义语句是一 个无效的HTML文件XHTML 文档类型创

5、建一个HelloWord的XHTML文档点此查看Hello Word 我的第一个页!首先复制上面的代码在电脑桌面鼠标右键创建一个文本文件txt,双击打开 把代码粘贴到里面保存关闭 鼠标右键 txt 文件重命名为 点击回车HTML标记解释HTML的标记大多都是成对出现的，分开始和关闭如： 每个关闭标记都是以: 斜杠加标记关闭的表示:这是一个HTML类型的文件 表示:告诉浏览器这是HTML文档的开始 表示:该标记是HTML头信息在浏览器标题区域显示 标题表示:该标记是文档标题显示在浏览器窗口的标题栏 表示:关闭HTML头信息区域页正文内容 表示:该标记之间的内容会显示在浏 览器中 表示:记告诉浏览

6、器这是HTML文档的终止head 区属性地址栏站标志图标 注：图片的名字最好是:Meta标记必须要写在Head头标记区域里自动跳转 浏览器兼容问题解决告诉浏览器使用IE7页面编码类型GB2312 中国UTF-8 国际Ansi 美国国家标准协会,它可以根据操作系统变换 body 标签属性bgcolor二red页面背景颜色background二图片.jpg页面背景图片 text=#000FFF 页面中所有非连接字体颜色 link二”颜色”页面中所有连接字体颜色alink=” 颜色”页面中正要被点击的连接字体颜色vlink=” 颜色”页面中所有点击过的连接字体颜色leftmargin=”0” 设定页

7、与浏览器窗口左边沿的间 隙,单位为像素 topmargin=”0” 设定页与浏览器窗口 上边沿的间隙,单位为像素 table 表格标签属性table表示定义一个HTML表格创建一个无边框的表格cellpadding=10 该属性是设置表格的单元格的 内边距cellspacing=10 该属性是设置表格的单元格间 距width=10 控制表格宽度height=10 控制表格高度rowspan=2 合并行（写在标签）colspan=2 合并列（格 写在标签里）border=1 该属性可指定边框大小,数值越大边框线 越粗 bordercolor=” 边框线的颜色bordercolorright二”颜

8、色值”亮边框属性bordercolordark二”颜色值”暗边框属性 表格内的行表格开头格内内容自动到中间位置字体加粗 表示行内的单元格表格的标题 没有任何边框的表格顶部 横向控制表格方向align二lef t lef t 左righ t 右 cen ter 中间 竖向控制表格方向valign二top top 上bottom 下middle 中间 frame属性来控制表格周围的边框n11c1厂*1cframe=border frame= boxframe= voidframe= aboveframe= belowvsidesn 厂厂frame= rhsframe= hsides frame=f

9、rame= lhs表格嵌套例子如下:我是被嵌套在里面的 另一个表格HTML 字符实体编码 | & | & & 空格方形空格XX x 乘号 除号© | 版权符号HTML 超链接锚标签（）来创建一个连接到其他文件的链接 target= _blank 在新窗口打开链接地址_self 本窗口打开新链接_top 假如你的页面在框架中,如何跳出框架 _parent 父窗口 还有一个是在框架中使用,值为: 框架的 name 属性值 （名字）点我到另一个页面点击图片 发邮件 邮件链接 2 完整版邮件链接 下 面是命名锚的语法：我的名字叫label 在一个页面链接到另一个页面的指定位置链接地址后 面加

10、#锚名字 即可.点我到label位置一个链接到本页面中某章节的命名 锚是这样写的：点我到label的位置.点击位置我是 label 链接的位置Hidefocus= ” true ” 使链接点击时是去血线 IE HTML img 图片图片的大小只需要指定 宽度,图片就会自动按比例缩 放alt 属性值是由用户定义的, 浏览器装载图像失败的 时候告诉用户所丢失的信息篇二：HTML学习心得HTML学习心得一、HTML简介全写：HyperText Mark-up Language，译名： 超文 件注标式语言（译名之一）， 简释：一种为普通文件中某些 字句加上标示的语言，其目的在于运用标记（tag）使文件

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

12、档制作不是很复杂，且功能强大，支持不同数据 格式的文件镶入，这也是WWW盛行的原因之一，其主要特点 如下：1简易性，HTML版本升级采用超集方式，从而更加灵 活方便。2可扩展性，HTML语言的广泛应用带来了加强功能, 增加标识符等要求，HTML采取子类元素的方式，为系统扩展 带来保证。3平台无关性。虽然PC机大行其道，但使用MAC 等其他机器的大有人在，HTML可以使用在广泛的平台上，这 也是WWW盛行的另一个原因。二、HTML标记任何标记皆由围住，如 标记名与小于号之间 不能留有空白字符。 某些标记要加上参数，某些则不必。 如 Hello 参数只可加于起始标记中。在起始标记名前加上 符号/便

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

14、型 标记类型按用途可以分为：文件标记（如：、）、排版标 记（如： 、 、）、字体标记（如：、）、清单标记（如：、）表格标记（如：、）、 表单标记（如：）、图形标记（如：）、连结标记（如：、）、框 架标记（如：、）、影像地图标记（如：、）、多媒体标记（如：、）、 样式标记（如：、）和其它标记（如：、）。三、HTML结构基本HTML页面以DOCTYPE开始，它声明文档的类型，且它之前不能有任何内容（包括换行符和空格），否则将使 文档声明无效，接着是标签，以结束。在它们之间，整个页 面有两部分标题和正文。标题词夹在和标签之间 这个词语在打开页面时出现在屏幕底部最小化的窗口。正 文则夹在和之间即所有页

15、面的内容所在。页面上显示的 任何东西都包含在这两个标签之中。HTML基本结构如下：页的标题页的内容，很多标记都作用于此!DOCTYPE 指定了 HTML 文档遵循的文档类型定义 (DTD)，因为html的document标准是w3c制定的，http后 面是 w3c 的 dtd 面地址。这是标准的申明写法，代表这个页符合w3c的dtd 要求。整份文件处于标记与之间。用以声明这是 HTML 文件， 让浏览器认出并正确处理此 HTML 文件。 文件分两部分， 由至称为开头，至称本文。 基本上两者各有适用的标记， META标签用来描述一个HTML页文档的属性，例如作者、日 期和时间、页描述、关键词、页

16、面刷新等。上面META标签 的作用是指定了当前文档所使用的字符编码为gb2312,也就 是中文简体字符。根据这一行代码，浏览器就可以识别出这 个页应该用中文简体字符显示。类似地，如果 将“gb2312” 替换为“big5”，就是我们熟知的中文繁体字符了。只可出 现于开头部分。 开头部分用以存载重要资讯，而只有本文 部分会被显示。 所以大部分标记会运用于本文部分。所标 示的是文件的标题。 会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同而明确的标题 是需要 的。 上述标记中只有具参数设定。四、HTML编辑器HTML其实是文本，它需要浏览器的解释，HTML的编 辑器大体可以分

17、为三种，1基本编辑软件，使用WINDOWS自 带的记事本或写字版都可以编写，当然，如果你用WPS来编 写，也可以。不过存盘时请使用htm或.html作为扩展名， 这样浏览器就可以解释执行了。2 半所见即所得软件，这种 软件能大大提高开发效率，它可以使你在很短的时间内做出 Homepage，且可以学习HTML，这种类型的软件主要有 HOTDOG，还有国产的软件页作坊。3所见即所得软件，使用 最广泛的编辑器，完全可以一点不懂 HTML 的知识就可以做 出页，这类软件主要有Frontpage98，DREAMWEAVER。篇三：html5学习的几点心得html5学习的几点心得一、了解HTML5前端开发

18、技术HTML 指的是超文本标记语言 (Hyper Text Markup Language)，标记语言是一套标记标签(markup tag)， HTML 使用标记标签来描述页。HTML5区别于HTML的标准，基于全 新的规则手册，提供了一些新的元素和属性，在web技术发 展的过程中成为新的里程碑。从市场来看，无论是桌面应用 还是移动应用，HTML5都是当下Web技术中最炙手可热的新 宠，是创新的主旋律，在不久的时间里一定会大有作为。二、 课程能让你学到什么从前端开发的基础出发，学习使用 HTML，CSS， JavaScript 等一系列前端技术，实现动画特效。以开发实例 展示为主导，循序渐进让

19、学员掌握 HTML5 技术的应用。强化 学员基础，尤其是要针对JavaScpript基础的强化从而掌握 HTML5 新功能 API。构建开放的教学环境，鼓励相互的技术交流，让学员 树立良好的持续学习态度，分享最新前端技术革新和理念。 为学员在这一领域能有进一步的发展和造诣提供帮助和机 遇。三、胜任的岗位：前端开发工程师，Web开发工程师，JS/AJAX工程师，人机交互设计师四、培训模式：项目开发实训+络课程培训课程不是轻松听课就可以，而是必须能动手操作 达到熟练使用的要求和效果，为了保证学习效果，课程以理 论和实例相结合的方式进行授课。除了上课后，学员还可以 通过络课程对知识进行课前预习和课后

20、巩固，学会并掌握是 学员要达到的目标。针对以上疑惑红树林教育带大家先了解 一下HTML5培训是什么，主要培训什么内容吧!首选HTML5是前端培训、JS培训，一般是对应站后台。 现在的很多站都是用过前端开发来做的，主要包括UI设计 和JS开发,UI设计在整个前段工作中占比大约10%的比重， 大部分工作是HTML5开发。HTML5培训内容首先是学习HTML5文档结构和基础语 法，了解HTML5新特性，CSS3基础语法和布局样式，图形图 像软件使用等。移动前端的交互 JavaScript 编程基础、 JavaScript交互编程实战JavaScript异步操作基础、Ajax、 JQuery、Angu

21、larJS使用方法。移动前段综合开发;主要集中 在H5+C3+jQ Mobile，基于HTML5的移动页布局、移动页界 面样式(CSS3)、HTML5本地存储API、Geolocation地理定位、 智能表单、Video、Audio应用、canvas和SVG的应用、桌 面通知、离线应用、webGL基础及应用(3D页游戏)、WEB前 端框架 (JQuery mobile、Sencha Touch、PhoneGap)、 Cocos2d-HTML游戏引擎等。篇四：学习心得体会 学习义龙试验区党工委书记胡正军同志讲话材料 心得体会义龙试验区XX年发展大会暨半年经济工作会，义龙试 验区党工委书记胡正军同

22、志作了重要讲话，把好试验区发展 的正确方向，明确义龙试验区的四定，即：定奋斗目标，确 定以建设 1000 亿元产值的生态智慧城市为发展目标；定发 展战略，实施产城一体、景城一体、工农一体、城乡一体四 位一体的发展战略；定产业方向，确定了提升传统产业，主 攻特色产业和战略性新兴产业的发展方向，主抓生物制药、 装备制造、特色轻工、现代农业、现代服务、高新技术六大 产业；定发展抓手，确定以“三路、三桥、三园”为抓手， 迅速“撕开”突破口，从根本上提高产业承载能力，为实现 产业园区聚集化、集约化、集群化的发展打下坚实基础。学 习之后我有如下心得体会：一、必须努力学习知识，不断提高工作水平，在工作中 不

23、断进步，虚心向领导和同事请教，老老实实做人，踏踏实 实做事，尽自己的能力把每一件事都用心做好，在学习中不 断提高自己的工作水平。树立正确的人生观、价值观、世界 观，把思想统一到“为政之要、贵在落实；落实之要、贵在 知心”的理念中来，加强自己业务方面的能力，认真细致的 做好做实各项工作，以较高的水平投身到工作中来，以自己 的实际行动践行提高执行力”的要求。二、要在学习上深入，特别是在加强政策和业务的学习， 主动思考问题。当前工作形势对我们的综合素质提出了很高 的要求，深入学习已是刻不容缓。在当前的知识经济时代， 决定了我们必须加强学习，要以能力建设为核心，加强自身 和内部的学习，树立终身学习的理

24、念，不断提升学习能力， 拓展知识领域，改善知识结构，促进适应发展，提升在实践 中解决问题的能。三、一定要通过学习统一思想，达到团结稳定。不利于 团结、稳定的话不说，不利于团结、稳定的事不做，不利于 团结、稳定的谣言不传，多做实事，作为一名党员，我要以 这次以发展大会暨半年经济工作会为契机，提高认识，继续 把保持共产党员的先进性落实到各项工作中去。在以后的工作中，我将虚心地听取大家的意见，进一步 反思工作中的问题，认真总结经验教训，改正不足，并在今 后的工作中进一步加强学习，保持积极进取的良好精神状态 不断改进工作方法，更好地履行职责和提高执行力。XX年7月15日篇五：JSP站开发学习心得学习J

25、SP站开发心得体会 记得在第一节课上，老师您 就跟我们讲了“为什么学JSP ? ”、“ JSP学什么？”、“学 JSP有什么用？”还有“如何学JSP ? ”从老师对这些问 题的讲解中我确实体会到了 JSP 在当今社会起到的重要作 用和如何去学。在课上还了解了这门课程老师要讲述的主要 内容以及需要具备的相关知识。学到了什么 我想简单的谈谈我在JSP站开发这门课中 都学到了什么，JSP的全称是Java Server Pages，它是 一种动态页技术。我们需要配置的坏境有JDK, Tomcat,还要 用到 dreamweaver。JSP 是由 SunMicrosystems 公司倡导、 许多公司参与

26、一起建立的一种动态技术标准。在传统的页 HTML 文件(*.htm, *.h tml)中加入 Java 程序片段(Scrip tlet) 和 JSP 标签，就构成了 JSP 页 java 程序片段可以操纵数据 库、重新定向页以及发送 E-mail 等，实现建立动态站所需 要的功能。所有程序操作都在服务器端执行，络上传送给客 户端的仅是得到的结果，这样大大降低了对客户浏览器的要 求，即使客户浏览器端不支持Java，也可以访问JSP页。JSP 在根本上是一个简化的 Servlet 设计，他实现了HTML语法中的java扩张(以 形式)。JSP与SERVLET 一样， 是在服务器端执行的，通常返回给客户端的就是一个 HTML 文本，因此客户端只要有浏览器就能浏览。Web服务器在遇 到