您的位置:首页 > Web前端 > JavaScript

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代码或调用函数"。



浏览器对象的分层结构:



浏览器对象中的Window(窗口对象)、location(地址对象)、document (文档对象)、FORM (表单对象)各有其具体的属性和方法。
JavaScript最常见的用法之一就是验证表单,对于检查用户输入是否存在错误和是否疏漏了必选项,JavaScript是一种十分便捷的方法。例如:邮箱地址的验证、密码长度等等,这些功能大大减轻了服务端的压力。
文本框对象的处理程序:



按钮、单选框、复选框和文本框有相似之处,不再赘述,总的来讲:
OnBlur、onChange和 OnFocus 是一些与表单对象相关的事件处理程序;在浏览器窗口中,如果文本框获得焦点,则会调用
onFocus事件处理程序;当对象失去焦点或光标退出对象时,将执行 onBlur事件处理程序 ;当修改文本框内容或改写下拉列表框的选项时,则会调用
onChange事件处理程序。
以上就是我这几天学习的几点总结。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: