学习html的心得体会

学习 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 MarkupLanguage) HTML 文件必须有 htm 或 html 扩展名HTML 文件可以用一个简单的文本编辑器创建HTML 文档类型当我们新建 HTML 格式文档时，查看源代码，会发现代 码最上部有如下代码：译：表示本文档是过渡类型， 另外还有框架和严格类型， 目前一般都采用过渡类型，因为浏览器对XHTML的解析比较宽松，允许使用中的标签，但必须符合XHTM啲语法。许多朋友在制作页面时，往往喜欢把这句删除掉，在这里建议大 家一定要保留这句话，删除它后可能引起某些样式表失效或 其它意想不到的问题。文档类型标记分五个部分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"vsides"frame=" rhs"frame=" hsides" frame=" frame=" lhs"表格嵌套例子如下 :我是被嵌套在里面的 另一个表格HTML 字符实体编码> | > > & | & &空格| 方形空格X | x x 乘号r *-除号&copy | ? 版权符号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发明之前SGMI就已存在。HTML不是程式语言，女口 C+和Java之 类，它只是标示语言，基本上你只要明白了各种标记的用法 便算学懂了 HTML，它的格式非常简单，只是由文字及标记组合而成，在编辑方面，任何文字编辑器都可以，只要能将 文件另存成 ASCII 纯文字格式即可，当然以专业的页编辑 软件为佳。1. 优点HTML文档制作不是很复杂， 且功能强大，支持不同数据格式的文件镶入，这也是WW盛行的原因之一，其主要特点如下：1简易性，HTML版本升级采用超集方式，从而更加灵活方便。2可扩展性，HTML语言的广泛应用带来了加强功能， 增加标识符等要求，HTML采取子类元素的方式， 为系统扩展 带来保证。3平台无关性。虽然 PC机大行其道，但使用 MAC等其他机器的大有人在，HTML可以使用在广泛的平台上， 这 也是WW盛行的另一个原因二、HTML标记任何标记皆由 "" 围住，如标记名与小于号之间不能留有空白字符。 某些标记要加上参数，某些则不必。如 Hello 参数只可加于起始标记中。在起始标记名前加上 符号 "/" 便是其终结标记，如 ，标记字母大小写皆可。1. 标记种类标记种类分为两种：围堵标记和空标记。围堵标记是以起始标记及终结标记将文字围住，令其达到预期显示效果。 也就是说， 标记是成对出现的， 例如 Creation of Webpage ， 其中 便称为围堵标记。它以起始标记及终结标记标示文字Creation of webpage ，令其显示成粗体，两者失其一都会 发生错误显示。 空标记是指标记单独出现，只有起始标记 没有终结标记。 例如 ，它的作用便是将标记后所有东西显示于下一行，可见终结 标记于它是没意义的， 但有些人会为空标记加上终结标记， 这是为方便记认而己，对 HTML 没有影响。2. 标记类型标记类型按用途可以分为：文件标记 （ 如：、） 、排版标 记 （ 如：、） 、字体标记 （ 如：、） 、清单标记 （ 如：、） 表格标记 （ 如：、） 、 表单标记 （ 如： ） 、图形标记 （ 如： ） 、连结标记 （ 如：、） 、框 架标记 （如：、） 、影像地图标记 （如：、） 、多媒体标记 （如：、） 、 样式标记 （如：、）和其它标记 （ 如：、） 。三、HTMLi吉构基本HTML页面以DOCTYP开始，它声明文档的类型， 且它之前不能有任何内容（包括换行符和空格） ，否则将使 文档声明无效，接着是标签，以结束。在它们之间，整个页 面有两部分标题和正文。标题词夹在和标签之间 这个词语在打开页面时出现在屏幕底部最小化的窗口。正 文则夹在和之间即所有页面的内容所在。页面上显示的 任何东西都包含在这两个标签之中。 HTML基本结构如下：页的标题页的内容，很多标记