最近对html进行了了解学习,对学习的知识做一下小结。
1. 说到html就不得不扯上css、javascript,甚至还会有jquery。有人这样说他们之间的关系的:
- HTML是由多种骨头(标签)组成的骨架。
- HTML5是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头.
- CSS是皮肤。CSS3是更美的皮肤
- JS控制单个动作。(抬手,张嘴,放下手,抬腿,转头,握拳等)
- jQuery是把一组常用动作编排成了一个招式。
2.
那么我们就从html的全局说起,
<HTML></HTML>在文档的最外层,它表示该文档是以超文本标识语言(HTML)编写的。
<HEAD></HEAD>是HTML文档的头部标签, 在浏览器窗口中显示。在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公共属性。
<title>和</title>是嵌套在<HEAD>头部标签中的,标签之间的文本是文档标题
<BODY> </BODY>标签之间的文本是正文,是在浏览器要显示的页面内容
2.1学习html少不了熟知html的标签,每类的标签的属性又会有不同,格式为:<标签名字 属性1 属性2 属性 3 … >内容</标签名字>
例如:<font color="#ff00ff" face="宋体" size="30">字体设置</font>
作为一般的原则,大多数属性值不用加双引号。但是包括空格、%号,#号等特殊字符的属性值必须加入双引号。为了好的习惯,提倡全部对属性值加双引号。
2.2接下来就是框架、布局了:一个网页的布局是决定了该网页的内容、外观等众多方面。
以往非常主流的布局方式就是用table布局,但是现在用的比较多的是div+css的布局方式,几乎有一种想一统江湖的趋势。
DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的。让TABLE做该做的事,并 不是说页面里不出现TABLE就是多么多么牛。
而现在我认为DIV +CSS并不是字面上的含义那么简单,而有两重内在含义:
(1)、结构与表现分离,用DIV完成结构,用CSS控制表现,这样带来的好处非常多,DIV精简了页面,提高了灵活性。而精通CSS的设计师能避免DIV的重复嵌套, 从而大大提高页面加载速度,以及站点的可以维护性。
(2)、选用DIV 来配合CSS的原因,CSS 的核心是 “盒子模型”,而没有哪个标签能比DIV更好的诠释“盒子模型”的精髓,TABLE的结构过于复杂,并不能很好的做到这 一点,虽然TABLE+CSS也是一种选择,但别忘了DIV还有另外一个优势,浮动层叠,而且用TABLE进行布局的网站是不能通过W3C验证的。
3. javascript方面:
JavaScript 是一种脚本语言,提供用户交互,动态更改内容,数据验证。
可以通过<SCRIPT> 标签将语句嵌入文档或者将 JavaScript 源文件链接到 HTML 文档中将
JavaScript
语句插入
HTML
文档。
javascript的要点整理如下:
JavaScript
中声明变量:
var
变量名
“
+
”
可以用于两个数相加,还可以用于连接字符串
parseInt()
和
parseFloat()
函数将字符串分别转换为整型和小数
运算符号分为算术运算符、比较运算符、逻辑运算符
条件语句分为
if
语句,
if-else
语句、
if
的嵌套
多分支语句
switch
根据表达式的值,进入不同的分支执行
Array
对象常用的属性是
length
,排序方法:
sort
循环语句分为:
for
循环、
while
循环、
do-while
循
环
Eval( )
函数可以计算某个计算表达式的值,
isNaN( )
函数可用于判断是否是一个数字
String
对象的
indexOf( )
方法用于查找子字符串
Math
对象的
random( )
方法可以产生
0
-
1
的随机数
Date
对象有
setxxx( )
方法用于设置日期和时间,
getxxx( )
方法用于获得日期和时间
JavaScript
程序是事件驱动程序
onFocus
获得焦点事件,表示获得鼠标光标,
onBlur
失去焦点事件,刚好与之相反
浏览器对象是一个分层次的结构,
window
是顶层
的根对象
打开窗口使用
window
对象的
open( )
方法
设置定时器,使用
window
对象的
setTimeout( )
方
法
location
对象的
back( )
和
forward( )
方法等同于前进、
后退按钮
OnBlur
、
onChange
和
OnFocus
是一些与表单对象
相关的事件
处理程序
在浏览器窗口中,如果文本框获得焦点,则会调用
onFocus
事
件处理程序
当对象失去焦点或光标退出对象时,将执行
onBlur
事件处理程
序
当修改文本框内容或改写下拉列表框的选项时,
则会调用
onChange
事件处理程序
JavaScript
的主要功能之一是用于表单验证