学习html的心得体会篇一：HTML 学习心得整理IT Juck HTML 知识整理开山篇:何为传输协议简单的说计算机的通信(络)规则就是一种协议.FTP 文件传输协议SMTP 邮件传送协议HTTP 用于页与页间的访问协议语言编码接下来我们还会发现这样一句话：它标示文档的语言编码。
就像我们平时所说的汉语、英语一样。
这里的gb2312告诉浏览器，本文档采用简体中文编码；还有一种常用的编码是UTF-8编码，它是国际通用的编码。
不管我们采用哪种编码，有一点就是包含的css样式表和其它文件也必须和本文档的编码一样，要不就会出现乱码。
HTML开发工具1. 记事本2. Editplus3. Frontpage4. Dreamweaver [初学者推荐使用,该软件有提示功能]下载地址:/cfusion/tdrc/product=dreamweaver&loc=cn5. Zend Studio6. MyEclipse等其他IDE ，这里就不在介绍了,有兴趣可到上搜索页三剑客页制作三剑客是Macromedia 公司开发的三款开发工具Flash：用于做动画Fireworks ：用于图片处理Dreamweaver ：用于拼接页,代码编程HTML是什么HTML表示: 超文本标记语言（Hyper Text Markup Language） HTML文件必须有htm 或 html扩展名 HTML文件可以用一个简单的文本编辑器创建HTML文档类型当我们新建HTML格式文档时，查看源代码，会发现代码最上部有如下代码：译：表示本文档是过渡类型，另外还有框架和严格类型，目前一般都采用过渡类型，因为浏览器对XHTML的解析比较宽松，允许使用中的标签，但必须符合XHTML的语法。
许多朋友在制作页面时，往往喜欢把这句删除掉，在这里建议大家一定要保留这句话，删除它后可能引起某些样式表失效或其它意想不到的问题。
文档类型标记分五个部分DOCTYPE 文档类型定义标签(还可以指定别的类型文件)HTML 指定文档类型的名称PUBLIC 说明当前文件所依据的文件是任何人都可以访问的还是局部访问的 version name 指定该HTML版本的标识名称。
例如HTML 的标识名称为："-//W3C//DTD HTML Transitional//EN"版本名称version name.被改进的iso用+号开头,没有被改动过的用–号开头，最后的两个斜号是DTD文档的语言种类 url 指定该HTML 语言的定义规范文件在Internet上的位置,例如: 。
说明:当前文档可能含严格标准定义的元素及不含的元素说明:当前文档所以的HTML 元素都是严格符合标准的说明:除了以上的俩个共同点还有可能包含一些框架的元素 HTML 中如果没有下面这个文档类型定义语句是一个无效的HTML文件XHTML 文档类型创建一个HelloWord的XHTML 文档点此查看Hello Word 我的第一个页!首先复制上面的代码在电脑桌面鼠标右键创建一个文本文件.txt,双击打开把代码粘贴到里面保存关闭鼠标右键txt文件重命名为[点击回车]HTML标记解释HTML的标记大多都是成对出现的,分开始和关闭如:每个关闭标记都是以: 斜杠加标记关闭的表示:这是一个HTML类型的文件表示:告诉浏览器这是HTML文档的开始[表示:该标记是HTML头信息在浏览器标题区域显示] 标题[表示:该标记是文档标题显示在浏览器窗口的标题栏] 表示:关闭HTML 头信息区域页正文内容表示:该标记之间的内容会显示在浏览器中表示:记告诉浏览器这是HTML文档的终止head 区属性[地址栏站标志图标]注：图片的名字最好是:Meta 标记必须要写在Head 头标记区域里[自动跳转] 浏览器兼容问题解决[告诉浏览器使用IE7]页面编码类型GB2312 中国UTF-8 国际Ansi 美国国家标准协会,它可以根据操作系统变换body 标签属性bgcolor="red"[页面背景颜色]background="图片.jpg" [页面背景图片]text="#000FFF" [页面中所有非连接字体颜色]link=”颜色” [页面中所有连接字体颜色]alink=”颜色” [页面中正要被点击的连接字体颜色]vlink=”颜色” [页面中所有点击过的连接字体颜色]leftmargin=”0” [设定页与浏览器窗口左边沿的间隙,单位为像素] topmargin=”0” [设定页与浏览器窗口上边沿的间隙,单位为像素] table 表格标签属性 table表示定义一个HTML表格[创建一个无边框的表格]cellpadding="10" [该属性是设置表格的单元格的内边距]cellspacing="10" [该属性是设置表格的单元格间距]width="10" [控制表格宽度]height="10" [控制表格高度]rowspan="2" [合并行(写在标签)]colspan="2" [合并列(格写在标签里)]border="1" [该属性可指定边框大小,数值越大边框线越粗] bordercolor=”” [边框线的颜色]bordercolorright=”颜色值”[亮边框属性]bordercolordark=”颜色值” [暗边框属性][表格内的行][表格开头格内内容自动到中间位置字体加粗] [表示行内的单元格]表格的标题 [没有任何边框的表格顶部]横向控制表格方向align="left" left [左]right [右] center [中间]竖向控制表格方向valign="top" top [上] bottom [下] middle [中间]frame属性来控制表格周围的边框frame="border" frame=" box"frame=" void"frame=" above"frame=" below"frame=" rhs"frame=" hsides" frame=" vsides" frame=" lhs"表格嵌套例子如下:我是被嵌套在里面的另一个表格HTML 字符实体编码> | > >{ {& | & &" | " "' ‘| 空格| 方形空格× | × x [乘号]÷| ÷÷ [除号]© | © 版权符号HTML 超链接[锚标签（）来创建一个连接到其他文件的链接] target=" "_blank [在新窗口打开链接地址]_self [本窗口打开新链接]_top [假如你的页面在框架中,如何跳出框架]_parent [父窗口]还有一个是在框架中使用,值为: 框架的name属性值(名字)点我到另一个页面点击图片发邮件邮件链接 2 [完整版邮件链接] 下面是命名锚的语法：我的名字叫label在一个页面链接到另一个页面的指定位置链接地址后面加 #锚名字即可.点我到label位置一个链接到本页面中某章节的命名锚是这样写的：点我到 label的位置. [点击位置]我是 label [链接的位置]Hidefocus=”true” [使链接点击时是去血线 IE] HTML img图片图片的大小只需要指定宽度,图片就会自动按比例缩放alt 属性值是由用户定义的, 浏览器装载图像失败的时候告诉用户所丢失的信息篇二：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标记任何标记皆由""围住，如标记名与小于号之间不能留有空白字符。
某些标记要加上参数，某些则不必。
如 Hello 参数只可加于起始标记中。
在起始标记名前加上符号"/"便是其终结标记，如，标记字母大小写皆可。
1.标记种类标记种类分为两种：围堵标记和空标记。
围堵标记是以起始标记及终结标记将文字围住，令其达到预期显示效果。
也就是说，标记是成对出现的，例如 Creation of Webpage ，其中便称为围堵标记。
它以起始标记及终结标记标示文字Creation of webpage ，令其显示成粗体，两者失其一都会发生错误显示。
空标记是指标记单独出现，只有起始标记没有终结标记。
例如，它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的，但有些人会为空标记加上终结标记，这是为方便记认而己，对 HTML 没有影响。
2.标记类型标记类型按用途可以分为：文件标记(如：、)、排版标记(如：、、)、字体标记(如：、)、清单标记(如：、)表格标记(如：、)、表单标记(如：)、图形标记(如：)、连结标记(如：、)、框架标记(如：、)、影像地图标记(如：、)、多媒体标记(如：、)、样式标记(如：、)和其它标记(如：、)。