html学习心得.doc

html学习心得 html学习心得【1】 通过近一个多月的对HTML的学习我们已经能够熟练得使用HTML中的一些常用的标签以及页面的布局我们这一期的课程安排只是要我们能够初步熟悉HTML所以书本上的介绍也很详细 第一章主要介绍了HTML的主要结构以及一些基本的标签这一章需要记的东西稍多一点因为每个标签都要记它的用法和单词我觉得这一章最好玩的标签应该就算是“marquee”这个标签了因为它可以使文字或图片动起来 第二章整个章节都是在介绍表格的用法表格在网页设计中很重要它可以算是整个页面布局的半个灵魂(因为后面还有一个DIV)这一章不光要了解表格的建立方式还要了解表格中涉及到的一些属性及其用法另外我觉得学好这一章为我们以后借鉴别人的作品也很有帮助 第三章主要介绍了两个部分一个是表单在表单里涉及到了几个控件如：文本框密码框单选按钮复选框下拉列表框多行文本提交按钮和重置按钮这些为我们以后什么登录系统时很有帮助这一章的另一个部分是框架框架可以实现网页局部的刷新 第四章又是这一本书的另一个重点就是CSS样式表网页就是一个门面做为门面当然要漂亮而CSS样式就是来装扮门面的彩妆样式表可以实现网页编码和美工的分离这样即方便了编码人员的修改又方便了后来人员对代码的阅读同时他还可以实现一些很炫的效果例如鼠标停在某个超链接上时超链接的背景发生变化设置文字有背景色雾状显示图片等 第五章和第六章主要是介绍了一个设计工具Dreamweave它是一款可视化的编写工具并且提供一些控件这就很大程度上方便了网页的编码量当然在第四章中还介绍到了DIV层的使用这个也是很重要的上面说到表格是页面布局的半个灵魂现在表格+DIV就是页面布局的整个灵魂可见DIV的重要性当页面部局规则的话可以使用表格当页面部局不规则的话我们的DIV就要登场了另外在第五章中还介绍了一些IIS的配置和网站发布的方法 HTML可以说是许多门语言的基础因为和他同宗的就有很多如：XML、SHTML甚至近几年刚出现的ajax技术也是使用HTML进行编写的随着B/S模式系统的发展HTML也就成为了作为一个IT人必须要掌握的语言 刚开始学这门语言的时候老师要我们在记事本里面写现在想起来确实是很必要的因为有了那样的一段经历你才会记住那些以前看上去让人眼花缭乱的标记以前见过一些人打开记事本就写代码让人觉得有点高不可攀现在想来也只能自嘲的笑笑罢了 小事加小事要合理安排才能成大事我把这一个多月里的每一天用表格和层进行了布局 也许只做一块感受很简单但如果是一整页呢?结束时的项目实战和网页设计大赛还真让我头痛了一把另外还总遇到些“奇怪”的问题什么表格拖不了了布局没问题浏览就出问题了原来要裁一件漂亮的“衣服”还真难呀 这一个多月过得还是很有趣总会遇到一些奇怪的小错误然后一堆人去那儿抱头苦思最后发现原来少了一个尖括号,严密的逻辑思维和对思节的注意是对作为一个IT人的基本要求我觉得编程很有趣尤其是做出一个程序后会觉得很有成就感所以我会努力 html学习心得【2】 经过1天多的艰苦奋战终于把html(Hypertextmarkuplanguage)的基础教程给看完了 这次为了xml而看了这“古老”的技术还是有点收获的总体来说虽然不是很熟练但是看懂一般的html网页源文件已经不是问题了闲来无事就写写笔记吧说说感受也好 html给我的感觉是很标准很有格式的最主要的代码特点就是标记成对的出现虽然有些可以省略但是建议除非太过烦琐还是把前后都加上去吧作为一个完整的html网页总是有头部主体和结尾3大部分分别用head/headbody/body和/html表示另外一个重要特性就是可以自定义风格(CSS)这是非常方便的类似于编程语言的类的功能吧同时还可以嵌入其他script来增强其交互功能而对于相当重要的标记也只是由头部标识和属性所组成(标识属性1属性2属性3.)看来学习html是学习其他网页脚本语言的基础吧同时对于学习可视化网页设计也是有帮助的(这么说应该不过分吧)下面就让我们一起来详细分析各个部分的构成元素 其实大多数html网页的标记不多就只有10几个吧(看到这里好)这里主要介绍一下常见的控制文件的外观和布局的标记 h:从h1到h6所标识的字体依次减小一般来说h1用来标记文件标题h2用来标记一章的标题h3用来标记章节的标题h6则是来作为小字印刷如版权信息等等 p和br:基本类似于回车键的功能而p可以插入空格同时也可以附带属性如p效果p(缺省情况是左对齐左对齐很多排列方式的缺省情况) div:虽然类似于p也可以使用align属性但是在使用风格表格时功能强大(风格表格见后) hr:可以产生一条水平线对于组织格式是很有帮助的 在这里应该说一说逻辑标记和物理标记的差别：物理标记表明信息的外观而逻辑标记表明信息的语义从适用范围来说使用逻辑标记更值得推荐因为逻辑标记表示的是本质特性不随浏览器的变化而变化 逻辑标记：citedfnstrongcodeinsdel(注：大家可以自己测试一下看看有什么效果其中ins和del是很有用的标记特别是在多人合作开发的时候看字面应该知道这两个是干嘛的吧) 物理标记：itttbigsmallsubsupstrike(注：大家测试吧动手最重要) 是超文本(Hypertext)格式的重要实现方式而使用的就是锚(Anchor)(所以缩写也就是a) 一个典型的锚标记的定义：ahref=目标页面激活热区/a(注：href：hypertextreference就是到里)现在分情况介绍： 1)外部 11非本地文件：ahref=http:/.中山大学/a(这个很明显不用解释了) 12其他形式的非本地资源：ahref=中山大学/a(ftp资源) ahref=mailto:我的email/a(email信息) 12本地文件：ahref=另一个网页.html另一网页?/a(同一文件夹的当然也可以给出完整路径咯) ahref=./另一个网页.html另一网页?/a(上一级别文件夹的) (注：./表示上一级文件夹同样././就表示上上一级) 2)内部 什么是内部就是在同一个网页里边的这样做是为了避免网页太大而造成的浏览麻烦 步骤：首先要定义一个引用目标锚然后在另一处定义被锚引用的目标看例子吧 aherf=toptop/a(其中top定义了该锚) aname=toptop/a(这里就引用了该锚) 使用图像：img 1)对齐方式：缺省是左对齐可以使用divalign=.进行更改 2)高度和宽度：img 3)四周区域和边框：img 1)无序列表：无序就是没有特别的序号也就是平等哦下面看个例子吧 ulli内容1li内容2li内容3/ul(注：对于ul可以添加属性type属性值有discsquarecircle这样就可以改变序号了) 2)有序列表：这个当然就是前面有序号咯 olli内容1li内容2li内容3/ol(注：对于ol同样可以添加type属性属性值可以是1aAiI呵呵自己测试一下)另外对于ol可以从喜欢的序号开始排序用的属性就是ol的start和li的value了很明白吧：) 3)列表嵌套：嵌套类似于树状菜单的东西可以使用ulul/ul/ul类似的格式进行使用 4)定义列表：主要有dldtdd分别代表定义标识头部和内容使用方法： dldt头部dd定义的内容/dl(注：dt和dd不需要结束标记) 1)定义一个form：定义一个form标记用于确定发送消息的类型和处理方式其中必须的属性就是action了formaction=.c