html学习心得体会.docx
《html学习心得体会.docx》由会员分享,可在线阅读,更多相关《html学习心得体会.docx(10页珍藏版)》请在冰豆网上搜索。
html学习心得体会
html学习心得体会
篇一:
HTML学习心得整理
ITJuckHTML知识整理
开山篇:
何为传输协议
简单的说计算机的通信(络)规则就是一种协议.
FTP文件传输协议
SMTP邮件传送协议
HTTP用于页与页间的访问协议
语言编码
接下来我们还会发现这样一句话:
它标示文档的语言编码。
就像我们平时所说的汉语、英语一样。
这里的gb2312告诉浏览器,本文档采用简体中文编码;还有一种常用的编码是UTF-8编码,它是国际通用的编码。
不管我们采用哪种编码,有一点就是包含的css样式表和其它文件也必须和本文档的编码一样,要不就会出现乱码。
HTML开发工具
1.记事本
2.Editplus
3.Frontpage
4.Dreamweaver[初学者推荐使用,该软件有提示功能]
下载地址:
/cfusion/tdrc/product=dreamweaver&loc=cn
5.ZendStudio
6.MyEclipse
等其他IDE,这里就不在介绍了,有兴趣可到上搜索
页三剑客
页制作三剑客是Macromedia公司开发的三款开发工具
Flash:
用于做动画
Fireworks:
用于图片处理
Dreamweaver:
用于拼接页,代码编程
HTML是什么
HTML表示:
超文本标记语言(HyperTextMarkupLanguage)HTML文件必须有htm或html扩展名
HTML文件可以用一个简单的文本编辑器创建
HTML文档类型
当我们新建HTML格式文档时,查看源代码,会发现代码最上部有如下代码:
译:
表示本文档是过渡类型,另外还有框架和严格类型,目前一般都采用过渡类型,因为浏览器对XHTML的解析比较宽松,允许使用中的标签,但必须符合XHTML的语法。
许多朋友在制作页面时,往往喜欢把这句删除掉,在这里建议大家一定要保留这句话,删除它后可能引起某些样式表失效或其它意想不到的问题。
文档类型标记分五个部分
DOCTYPE文档类型定义标签(还可以指定别的类型文件)
HTML指定文档类型的名称
PUBLIC说明当前文件所依据的文件是任何人都可以访问的还是局部访问的versionname指定该HTML版本的标识名称。
例如HTML的标识名称为:
"-//W3C//DTDHTMLTransitional//EN"版本名称versionname.被改进的iso用+号开头,没有被改动过的用–号开头,最后的两个斜号是DTD文档的语言种类
url指定该HTML语言的定义规范文件在Internet上的位置,
例如:
。
说明:
当前文档可能含严格标准定义的元素及不含的元素说明:
当前文档所以的HTML元素都是严格符合标准的
说明:
除了以上的俩个共同点还有可能包含一些框架的元素HTML中如果没有下面这个文档类型定义语句是一个无效的HTML文件
XHTML文档类型
创建一个HelloWord的XHTML文档
点此查看
HelloWord我的第一个页!
首先复制上面的代码
在电脑桌面鼠标右键创建一个文本文件.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]HTMLimg图片
图片的大小只需要指定宽度,图片就会自动按比例缩放
alt属性值是由用户定义的,浏览器装载图像失败的时候告诉用户所丢失的信息
篇二:
HTML学习心得
HTML学习心得
一、HTML简介
全写:
HyperTextMark-upLanguage,译名:
超文件注标式语言(译名之一),简释:
一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。
HTML是在SGML定义下的一个描述性语言,SGML(StandardGeneralizedMarkupLanguage,标准通用标记语言),是一种定义电子文档结构和描述其内容的国际标准语言,是所有电子文档标记语言的起源,早在Web发明之前SGML就已存在。
HTML不是程式语言,如C++和Java之类,它只是标示语言,基本上你只要明白了各种标记的用法便算学懂了HTML,它的格式非常简单,只是由文字及标记组合而成,在编辑方面,任何文字编辑器都可以,只要能将文件另存成ASCII纯文字格式即可,当然以专业的页编辑软件为佳。
1.优点
HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:
1简易性,HTML版本升级采用超集方式,从而更加灵活方便。
2可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。
3平台无关性。
虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。
二、HTML标记
任何标记皆由""围住,如 标记名与小于号之间不能留有空白字符。
某些标记要加上参数,某些则不必。
如Hello参数只可加于起始标记中。
在起始标记名前加上符号"/"便是其终结标记,如,标记字母大小写皆可。
1.标记种类
标记种类分为两种:
围堵标记和空标记。
围堵标记是以起始标记及终结标记将文字围住,令其达到预期显示效果。
也就是说,标记是成对出现的,例如CreationofWebpage,其中便称为围堵标记。
它以起始标记及终结标记标示文字Creationofwebpage,令其显示成粗体,两者失其一都会发生错误显示。
空标记是指标记单独出现,只有起始标记没有终结标记。
例如
,它的作用便是将标记后所有东西显示于下一行,可见终结标记于它是没意义的,但有些人会为空标记加上终结标记,这是为方便记认而己,对HTML没有影响。
2.标记类型
标记类型按用途可以分为:
文件标记(如:
、)、排版标记(如:
、
、)、字体标记(如:
、)、清单标记(如:
、)表格标记(如:
、)、表单标记(如:
)、图形标记(如:
)、连结标记(如:
、)、框架标记(如:
、)、影像地图标记(如:
、)、多媒体标记(如:
、)、样式标记(如:
、)和其它标记(如:
、)。
三、HTML结构
基本HTML页面以DOCTYPE开始,它声明文档的类型,且它之前不能有任何内容(包括换行符和空格),否则将使文档声明无效,接着是标签,以结束。
在它们之间,整个页面有两部分--标题和正文。
标题词--夹在和标签之间--这个词语在打开页面时出现在屏幕底部最小化的窗口。
正文则夹在和之间--即所有页面的内容所在。
页面上显示的任何东西都包含在这两个标签之中。
HTML基本结构如下:
页的标题
页的内容,很多标记都作用于此
!
DOCTYPE指定了HTML文档遵循的文档类型定义(DTD),因为html的document标准是w3c制定的,http后面是w3c的dtdHTML文件,让浏览器认出并正确处理此HTML文件。
文件分两部分,由至称为开头,至称本文。
基本上两者各有适用的标记,META标签用来描述一个HTML页文档的属性,例如作者、日期和时间、页描述、关键词、页面刷新等。
上面META标签的作用是指定了当前文档所使用的字符编码为gb2312,也就是中文简体字符。
根据这一行代码,浏览器就可以识别出这个页应该用中文简体字符显示。
类似地,如果将“gb2312”替换为“big5”,就是我们熟知的中文繁体字符了。
只可出现于开头部分。
开头部分用以存载重要资讯,而只有本文部分会被显示。
所以大部分标记会运用于本文部分。
所标示的是文件的标题。
会出现于浏览器顶部及为别人Bookmark时的名称,所以每页有不同而明确的标题是需要的。
上述标记中只有具参数设定。
四、HTML编辑器
HTML其实是文本,它需要浏览器的解释,HTML的编辑器大体可以分为三种,1基本编辑软件,使用WINDOWS自带的记事本或写字版都可以编写,当然,如果你用WPS来编写,也可以。
不过存盘时请使用.htm或.html作为扩展名,这样浏览器就可以解释执行了。
2半所见即所得软件,这种软件能大大提高开发效率,它可以使你在很短的时间内做出
Homepage,且可以学习HTML,这种类型的软件主要有HOTDOG,还有国产的软件页作坊。
3所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出页,这类软件主要有Frontpage98,DREAMWEAVER。
篇三:
html5学习的几点心得
html5学习的几点心得
一、了解HTML5前端开发技术
HTML指的是超文本标记语言(HyperTextMarkupLanguage),标记语言是一套标记标签(markuptag),HTML使用标记标签来描述页。
HTML5区别于HTML的标准,基于全新的规则手册,提供了一些新的元素和属性,在web技术发展的过程中成为新的里程碑。
从市场来看,无论是桌面应用还是移动应用,HTML5都是当下Web技术中最炙手可热的新宠,是创新的主旋律,在不久的时间里一定会大有作为。
二、课程能让你学到什么
从前端开发的基础出发,学习使用HTML,CSS,JavaScript等一系列前端技术,实现动画特效。
以开发实例展示为主导,循序渐进让学员掌握HTML5技术的应用。
强化学员基础,尤其是要针对JavaScpript基础的强化从而掌握HTML5新功能API。
构建开放的教学环境,鼓励相互的技术交流,让学员树立良好的持续学习态度,分享最新前端技术革新和理念。
为学员在这一领域能有进一步的发展和造诣提供帮助和机遇。
三、胜任的岗位:
前端开发工程师,Web开发工程师,JS/AJAX工程师,人机交互设计师
四、培训模式:
项目开发实训+络课程
培训课程不是轻松听课就可以,而是必须能动手操作,达到熟练使用的要求和效果,为了保证学习效果,课程以理论和实例相结合的方式进行授课。
除了上课后,学员还可以通过络课程对知识进行课前预习和课后巩固,学会并掌握是学员要达到的目标。
针对以上疑惑红树林教育带大家先了解一下HTML5培训是什么,主要培训什么内容吧!
首选HTML5是前端培训、JS培训,一般是对应站后台。
现在的很多站都是用过前端开发来做的,主要包括UI设计和JS开发,UI设计在整个前段工作中占比大约10%的比重,大部分工作是HTML5开发。
HTML5培训内容首先是学习HTML5文档结构和基础语法,了解HTML5新特性,CSS3基础语法和布局样式,图形图像软件使用等。
移动前端的交互JavaScript编程基础、JavaScript交互编程实战、JavaScript异步操作基础、Ajax、JQuery、AngularJS使用方法。
移动前段综合开发;主要集中在H5+C3+jQMobile,基于HTML5的移动页布局、移动页界面样式(CSS3)、HTML5本地存储API、Geolocation地理定位、智能表单、Video、Audio应用、canvas和SVG的应用、桌面通知、离线应用、webGL基础及应用(3D页游戏)、WEB前端框架(JQuerymobile、SenchaTouch、PhoneGap)、Cocos2d-HTML游戏引擎等。
篇四:
学习心得体会
学习《义龙试验区党工委书记胡正军同志讲话材料》
心得体会
义龙试验区XX年发展大会暨半年经济工作会,义龙试验区党工委书记胡正军同志作了重要讲话,把好试验区发展的正确方向,明确义龙试验区的四定,即:
定奋斗目标,确定以建设1000亿元产值的生态智慧城市为发展目标;定发展战略,实施产城一体、景城一体、工农一体、城乡一体四位一体的发展战略;定产业方向,确定了提升传统产业,主攻特色产业和战略性新兴产业的发展方向,主抓生物制药、装备制造、特色轻工、现代农业、现代服务、高新技术六大产业;定发展抓手,确定以“三路、三桥、三园”为抓手,迅速“撕开”突破口,从根本上提高产业承载能力,为实现产业园区聚集化、集约化、集群化的发展打下坚实基础。
学习之后我有如下心得体会:
一、必须努力学习知识,不断提高工作水平,在工作中不断进步,虚心向领导和同事请教,老老实实做人,踏踏实实做事,尽自己的能力把每一件事都用心做好,在学习中不断提高自己的工作水平。
树立正确的人生观、价值观、世界观,把思想统一到“为政之要、贵在落实;落实之要、贵在知心”的理念中来,加强自己业务方面的能力,认真细致的做好做实各项工作,以较高的水平投身到工作中来,以自己的实际行动践行提高执行力”的要求。
二、要在学习上深入,特别是在加强政策和业务的学习,主动思考问题。
当前工作形势对我们的综合素质提出了很高的要求,深入学习已是刻不容缓。
在当前的知识经济时代,决定了我们必须加强学习,要以能力建设为核心,加强自身和内部的学习,树立终身学习的理念,不断提升学习能力,拓展知识领域,改善知识结构,促进适应发展,提升在实践中解决问题的能。
三、一定要通过学习统一思想,达到团结稳定。
不利于团结、稳定的话不说,不利于团结、稳定的事不做,不利于团结、稳定的谣言不传,多做实事,作为一名党员,我要以这次以发展大会暨半年经济工作会为契机,提高认识,继续把保持共产党员的先进性落实到各项工作中去。
在以后的工作中,我将虚心地听取大家的意见,进一步反思工作中的问题,认真总结经验教训,改正不足,并在今后的工作中进一步加强学习,保持积极进取的良好精神状态,不断改进工作方法,更好地履行职责和提高执行力。
XX年7月15日
篇五:
JSP站开发学习心得
学习JSP站开发心得体会记得在第一节课上,老师您就跟我们讲了“为什么学JSP?
”、“JSP学什么?
”、“学JSP有什么用?
”,还有“如何学JSP?
”从老师对这些问题的讲解中我确实体会到了JSP在当今社会起到的重要作用和如何去学。
在课上还了解了这门课程老师要讲述的主要内容以及需要具备的相关知识。
学到了什么我想简单的谈谈我在JSP站开发这门课中都学到了什么,JSP的全称是JavaServerPages,它是一种动态页技术。
我们需要配置的坏境有JDK,Tomcat,还要用到dreamweaver。
JSP是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态技术标准。
在传统的页HTML文件(*.htm,*.html)中加入Java程序片段(Scriptlet)和JSP标签,就构成了JSP页java程序片段可以操纵数据库、重新定向页以及发送E-mail等,实现建立动态站所需要的功能。
所有程序操作都在服务器端执行,络上传送给客户端的仅是得到的结果,这样大大降低了对客户浏览器的要求,即使客户浏览器端不支持Java,也可以访问JSP页。
JSP在根本上是一个简化的Servlet设计,他实现了HTML语法中的java扩张(以形式)。
JSP与SERVLET一样,是在服务器端执行的,通常返回给客户端的就是一个HTML文本,因此客户端只要有浏览器就能浏览。
Web服务器在遇到