心得体会

html学习心得

时间:2020-12-12 10:29:25 心得体会 我要投稿

html学习心得

  html学习心得【1】

html学习心得

  通过近一个多月的对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(Hypertext markup language)的基础教程给看完了。

  这次为了xml而看了这“古老”的技术,还是有点收获的。。总体来说,虽然不是很熟练,但是看懂一般的html网页源文件已经不是问题了。闲来无事,就写写笔记吧,说说感受也好!

  html给我的感觉是很标准,很有格式的。最主要的代码特点就是标记成对的出现,虽然有些可以省略,但是建议除非太过烦琐还是把前后都加上去吧!作为一个完整的html网页,总是有头部,主体和结尾3大部分,分别用head/head,body/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),

  一个典型的锚标记的定义:a href="目标页面"激活热区/a(注:href:hypertext reference,就是到哪里),现在分情况介绍:

  1)外部

  1。1非本地文件:a href="http://www.zsu.edu.cn"中山大学/a(这个很明显,不用解释了)

  1。2其他形式的非本地资源:a href="ftp://ftp.zsu.edu.cn"中山大学/a(ftp资源)

  a href="mailto:mc02cxj@zsu.edu.cn"我的email/a(email信息)

  1。2本地文件:a href="另一个网页.html"另一网页?/a(同一文件夹的,当然也可以给出完整路径咯)

  a href="../另一个网页.html"另一网页?/a(上一级别文件夹的)

  (注:../表示上一级文件夹,同样../../就表示上上一级)

  2)内部

  什么是内部,就是在同一个网页里边的!这样做是为了避免网页太大而造成的浏览麻烦!

  步骤:首先要定义一个引用目标锚,然后在另一处定义被锚引用的目标!看例子吧

  a herf="#top"top/a(其中top定义了该锚)

  a name="top"top/a(这里就引用了该锚)

  使用图像:img

  1)对齐方式:缺省是左对齐,可以使用div align=..进行更改。

  2)高度和宽度:img

  3)四周区域和边框:img

  1)无序列表:无序,就是没有特别的序号,也就是平等哦。。下面看个例子吧。

  ulli内容1li内容2li内容3/ul(注:对于ul,可以添加属性type,属性值有disc,square,circle,这样就可以改变序号了)

  2)有序列表:这个当然就是前面有序号咯。

  olli内容1li内容2li内容3/ol(注:对于ol,同样可以添加type属性,属性值可以是1,a,A,i,I,呵呵,自己测试一下。)另外,对于ol,可以从喜欢的序号开始排序,用的属性就是ol的start和li的value了,很明白吧:)

  3)列表嵌套:嵌套,类似于树状菜单的东西。可以使用ulul/ul/ul类似的格式进行使用。

  4)定义列表:主要有dl,dt,dd,分别代表定义标识,头部和内容,使用方法:

  dldt头部dd定义的内容/dl(注:dt和dd不需要结束标记)

  1)定义一个form:定义一个form标记,用于确定发送消息的类型和处理方式,其中必须的属性就是action了。form action="http://zsu.edu.cn/..." method="post"(注:method用于说明传送数据的方式,还有get方式,不过现在常用post)。类似的有,form action="mailto:mc02cxj@zsu.edu.cn" method="post"

  2)大部分的form都是在input中处理的。如下面所示:

  请输入名字input type="text" name="username"p

【html学习心得】相关文章:

html5网页设计个人简历封面下载07-09

英语学习心得05-16

大学英语学习心得04-24

谈判技巧学习心得12-03

沟通技巧学习心得06-26

销售技巧学习心得01-13

沟通技巧学习心得07-22

员工守则学习心得10-07

英语学习心得15篇05-20

公司制度学习心得05-19