Html、CSS、JavaScript学习总结
2013-07-27 16:25
253 查看
1、Html初步
HTML(Hypertext Markup Language)超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。
我们使用的工具是Dreamweaver,这款软件功能相当强大,既可以使用“经典”模式通过敲代码来实现,也可以使用“设计器”等模式直接拖动图片来设计。
以下是我的认为重要的几点:
1、Html文本的格式和Xml相似,标签都是成对出现的,其框架如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
2、HTML元素的四种形式
空元素<br>
带有属性的空元素<hr color=”blue”>
带有内容的元素<title>这是一篇学习总结</title>
带有内容和属性的元素<font color=”read”>这是一篇学习总结</font>
3、在HTML中,属性和标签的大小写无关。属性值可以加双引号,也可以不加。
4、几种常用的文本段落标签
标题:h1、h2、h3等,如:<h1></h1>
段落:<p></p>
项目列表:<ul></ul>,编号列表:<ol></ol>,列表项:<li></li>等。
5、超链接
<a href =”URL”>…链接的文字</a>
6.嵌入图像
<imag src=”URL” width=”” height=””>
2、CSS(Cascading Style Sheet)
级联样式表,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。用于对我们设计的网页作进一步的美化和精细。只有不断的实践,才能达到很好的效果,所以大家还是要多多动手练习。
3、JavaScript
JavaScript是一种脚本语言,提供用户交互,动态更改内容,数据验证。
(1)基本语法:
JavaScript语法和C语言类似,只是语法关键字等细节不同。例如:
1)区分大小写
2)每条语句以分号结束
3) If-else语句
4)for、while和do..while循环
5)支持函数、数组等。
JavaScript函数和java的方法很类似,但是也有不同的地方,JavaScript的函数无返回类型,无参数列表。
(2)浏览器对象:
JavaScript事件:发生并得到处理的操作就是事件,事件处理程序的基本语法是:事件名=" JavaScript代码或调用函数"。
![](http://img.blog.csdn.net/20130727163026171?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMTQzMzg5Mg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
浏览器对象的分层结构:
![](http://img.blog.csdn.net/20130727161704359?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMTQzMzg5Mg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
浏览器对象中的Window(窗口对象)、location(地址对象)、document (文档对象)、FORM (表单对象)各有其具体的属性和方法。
JavaScript最常见的用法之一就是验证表单,对于检查用户输入是否存在错误和是否疏漏了必选项,JavaScript是一种十分便捷的方法。例如:邮箱地址的验证、密码长度等等,这些功能大大减轻了服务端的压力。
文本框对象的处理程序:
![](http://img.blog.csdn.net/20130727163211828?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMTQzMzg5Mg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
按钮、单选框、复选框和文本框有相似之处,不再赘述,总的来讲:
OnBlur、onChange和 OnFocus 是一些与表单对象相关的事件处理程序;在浏览器窗口中,如果文本框获得焦点,则会调用
onFocus事件处理程序;当对象失去焦点或光标退出对象时,将执行 onBlur事件处理程序 ;当修改文本框内容或改写下拉列表框的选项时,则会调用
onChange事件处理程序。
以上就是我这几天学习的几点总结。
HTML(Hypertext Markup Language)超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。
我们使用的工具是Dreamweaver,这款软件功能相当强大,既可以使用“经典”模式通过敲代码来实现,也可以使用“设计器”等模式直接拖动图片来设计。
以下是我的认为重要的几点:
1、Html文本的格式和Xml相似,标签都是成对出现的,其框架如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
2、HTML元素的四种形式
空元素<br>
带有属性的空元素<hr color=”blue”>
带有内容的元素<title>这是一篇学习总结</title>
带有内容和属性的元素<font color=”read”>这是一篇学习总结</font>
3、在HTML中,属性和标签的大小写无关。属性值可以加双引号,也可以不加。
4、几种常用的文本段落标签
标题:h1、h2、h3等,如:<h1></h1>
段落:<p></p>
项目列表:<ul></ul>,编号列表:<ol></ol>,列表项:<li></li>等。
5、超链接
<a href =”URL”>…链接的文字</a>
6.嵌入图像
<imag src=”URL” width=”” height=””>
2、CSS(Cascading Style Sheet)
级联样式表,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。用于对我们设计的网页作进一步的美化和精细。只有不断的实践,才能达到很好的效果,所以大家还是要多多动手练习。
3、JavaScript
JavaScript是一种脚本语言,提供用户交互,动态更改内容,数据验证。
(1)基本语法:
JavaScript语法和C语言类似,只是语法关键字等细节不同。例如:
1)区分大小写
2)每条语句以分号结束
3) If-else语句
4)for、while和do..while循环
5)支持函数、数组等。
JavaScript函数和java的方法很类似,但是也有不同的地方,JavaScript的函数无返回类型,无参数列表。
(2)浏览器对象:
JavaScript事件:发生并得到处理的操作就是事件,事件处理程序的基本语法是:事件名=" JavaScript代码或调用函数"。
浏览器对象的分层结构:
浏览器对象中的Window(窗口对象)、location(地址对象)、document (文档对象)、FORM (表单对象)各有其具体的属性和方法。
JavaScript最常见的用法之一就是验证表单,对于检查用户输入是否存在错误和是否疏漏了必选项,JavaScript是一种十分便捷的方法。例如:邮箱地址的验证、密码长度等等,这些功能大大减轻了服务端的压力。
文本框对象的处理程序:
按钮、单选框、复选框和文本框有相似之处,不再赘述,总的来讲:
OnBlur、onChange和 OnFocus 是一些与表单对象相关的事件处理程序;在浏览器窗口中,如果文本框获得焦点,则会调用
onFocus事件处理程序;当对象失去焦点或光标退出对象时,将执行 onBlur事件处理程序 ;当修改文本框内容或改写下拉列表框的选项时,则会调用
onChange事件处理程序。
以上就是我这几天学习的几点总结。
相关文章推荐
- HTML、CSS、JavaScript学习总结
- HTML+CSS基础知识整理总结2015.3.10
- 前端面试题总结HTML CSS部分
- HTML CSS特殊字符总结
- 自己总结前端web知识学习——太多太多(html/css/js/php)
- 疯狂Html+CSS+JS 中CSS总结
- html css 居中总结
- html和css知识总结
- html css遇到的问题总结
- html加CSS总结
- HTML&CSS兼容性总结
- html+css笔记总结 .
- 【HTML/CSS】关于对齐的总结
- Head first HTML and CSS 总结-5.网页中的图像
- 前端面试题总结------HTML与CSS篇
- html和css总结
- html+css的基本知识总结(一)
- html+css知识点总结
- 【HTML和CSS】总结
- 【嘉兴东臣php】HTML+CSS+JS基础学习周总结