概念:

URL:网上标准资源的地址。

HTTP协议:客户端发出请求和得到回应的标准协议。

HTML:超文本标记语言。是网络上的通用语言,也是网络web语言基础。

2.1服务器与浏览器

举个例子:A同学需要从银行取出200块钱,那么A同学是客户端用户,银行卡是浏览器,银行是服务端。你不能取多于余额的钱银行也不会多给你少给你这就类似HTTP协议。理解URL为网上的所有资源都是以网络文件的方式保存,服务器最终返回的其实就是网络文件,那些标准的网络资源的地址就称为URL。

2.2HTML简介

通过HTML学习怎样写网络文件,在HTML语言中我们不仅可以显示不同的属性的文字、也可以插入规定大小的图片,如何循环的音乐,并且可以放入链接、按钮、表单等等。它是一种标记语言,通过嵌套代码或标记来显示文档。

HTML基本元素包括:

主窗体元素,字符风格元素,版面控制元素,标题元素,链接,表哥元素,表单元素,框架元素。

现在我们来理解一下不同基本元素的作用:

1.主窗体元素:所有通过HTML写的网页都有的,如同搭好钢筋水泥才能装修放家具。

具体来看<HTML>就像搭建好钢筋水泥的房子;

<HEAD>是我们的注释(一般在网页中是不会显示的),<META>只能用在<HEAD>里(能控制全局,可以提供关键字搜索等name属性,提供在查找时显示的部分内容html-equiv属性);

<BODY>所有的装饰家具都在body里面实现;

剩下<TITLE>是名称,给你的网站取名称或图片取名字更利于显示。当然也是在body里面。

2.字符风格元素:字体属性,粗体,颜色,无/中/下划线等等。

3.版面控制元素:顾名思义就是放眼望去看到的布局。段落/空格/图片/水平线。

4.标题元素:无序有序,主次。

5.链接元素

6.表格元素:行/列表格,套用子表。

7.表单元素:作用很强大哦,密码,多选/单选,图形/提交/重置按钮,下拉列表框等。

8.框架元素:可以在同一个浏览器浏览多个界面。

2.2.2创建显示web页

主窗体元素在一个web网页中只能使用一次。所有的标记语言在使用完之后都要关闭,如同<head>之后有</head>。表格显示,<table>中<tr>代表行,<td>代表列,和主窗体元素<body>必须写在<html>中一样,所有行列必须写在<table>中。

所有属性内容必须用“”括起来,如同<table border="1">。

2.2.3创建表单web页

在JSP网页开发时,表单制作是重要的人机交互实现方式。

重点:

一个表单制作完成:

2.3JavaScript简介

简单的理解就是一门基于对象的语言,作用为和HTML互操作,互相调入/嵌入完成更丰富的网页制作。

2.3.1基本语法

html与javaScript互操作

在html文件中插入javaScript时必须用script元素,在<head>,<body>中都可以插入。

这里alert()是警告框
在javaScript中也可以使用HTML元素如:

这里document.write()是页面输出

javaScript变量:与 C++/JAVA不同的是,int num=20;在javaScipt中是var num=20;赋值是什么它的类型就是什么。

  注:判断字符串相等与上不同的是,在javaScript中使用==。

javaScript函数:这一点上我们看出制作网页不只是外表绚丽同样也会接触函数。javaScript必须使用function定义函数,如同:


javaScript文件:就像我们写的子函数/.h文件一样可以被调用,这样方便我们多次使用并节省书写。

与C++/java相似的地方我们可以看到不只是有函数,变量,文件,还有if/for等一些语句,就是我们所说顺序+循环+分支结构。同样在书中提到数组。

动态数组:

静态数组:

2.3.2javaScript事件

事件是围绕函数展开的,也就是说函数在做事件代表做的结果,或者某个事件完成所要进行的函数。命名事件统一为onXxx,如onLoad/onUnload表示网页打开/网页关闭的事件。

我们了解onClick事件(单击触发时间),如:

单击超链接会触发fun函数(href超链接)。

现在发现,有了事件我们便可以将很多东西连接起来了。

但是我们在登陆账号时按下登陆,如果情况不属实该怎么办?

所以出现了正则表达式验证,它通过返回值确定是否要触发事件。

在事件当中我们看到还有文本框、单选按钮、复选框、甚至还有下拉列表。(实践出真知,偷个懒)

2.3.3window对象

打开页面地址,确定框,重定向,设置父窗口,设置子窗口等。

学习这二章,了解HTML,JavaScript的一些用法规则,我们可以更清晰的体会到HTML的作用在于静态,而javaScript的作用在于动态,它俩相互配合。而且在HTML这个框架下,javaScript与C++/java也有很多类似的地方,为了解决问题我们有了变量、函数、方法、文件等,通过返回值判断是否进行下一步操作,而且更棒的是可以通过画面自主选择进行网页跳转、事件触发,javaScript让网页变得更加生动起来。

第二章HTML,JavaScript简介的更多相关文章

  1. 《JavaScript高级程序设计(第3版)》阅读总结记录第一章之JavaScript简介

    前言: 为什么会想到把<JavaScript 高级程序设计(第 3 版)>总结记录呢,之前写过一篇博客,研究的轮播效果,后来又去看了<JavaScript 高级程序设计(第3版)&g ...

  2. 为什么我要放弃javaScript数据结构与算法(第一章)—— JavaScript简介

    数据结构与算法一直是我算比较薄弱的地方,希望通过阅读<javaScript数据结构与算法>可以有所改变,我相信接下来的记录不单单对于我自己有帮助,也可以帮助到一些这方面的小白,接下来让我们 ...

  3. 第二章:javascript: 数组

    数组是编程世界里最常见的数据结构.任何一种编程语言都包含数组,只是形式稍微有差异.数组是编程语言中的内建类型,通常效率都很高.可以满足不同需求的数据存储,本章将探索javascript中的数组工作原理 ...

  4. 第二章:Javascript词法结构

    编程语言的词法结构是一套基础性的规则,用来描述你如何编写这门语言.作为语法的基础,它规定了变量名是怎么样的,如何写注释,以及语句之间是如何区分的.本节用很短的篇幅来介绍javascript的词法结构. ...

  5. 第二章 --- 关于Javascript 设计模式 之 策略模式

    这一章节里面,我们会主要的针对JavaScript中的策略模式进行理解和学习 一.定义 策略模式: 定义一系列的算法,把他们封装起来,并且是他们可以相互替换. (这样的大的定义纲领,真的不好理解,特别 ...

  6. 第二章 Mysql 数据类型简介--(整数类型、浮点数类型和定点数类型,日期与时间类型,字符串类型,二进制类型)

    第一节:整数类型.浮点数类型和定点数类型 1,整数类型 2,浮点数类型和定点数类型 M 表示:数据的总长度(不包括小数点):D 表示:小数位:例如 decimal(5,2) 123.45存入数据的时候 ...

  7. 第二章 使用JavaScript

    只要一提到把JavaScript放在网页中,就不得不涉及Web的核心语言-HTML.在当初开发JavaScript的时候,Netscape要解决的一个重要问题就是如何让JavaScript既能在HTM ...

  8. 第一章:JavaScript简介

    1:JavaScript诞生于1995年 2:一个完整的JavaScript实现应该由三部分组成 * 核心(ECMAScript):提供核心语言功能 *文档对象模型(DOM):提供访问和操作网页内容的 ...

  9. CCNA第二章TCP/IP简介考试要点学习笔记

    1.描述网络是如何工作的     DoD过程/应用层 -- OSI应用.表示和会话层(定义了结点到结点的应用通信协议以及对用户界面规范的控制): DoD主机到主机层 -- OSI传输层(保证了数据包的 ...

随机推荐

  1. Table Dragger - 简单的 JS 拖放排序表格插件

    Table Dragger 是一个极简的实现拖放排序的表格插件,纯 JavaScript 库,不依赖 jQuery.用于构建操作方便的拖放排序功能,超级容易设置,有平滑的动画,支持触摸事件. 在线演示 ...

  2. asp.net EF框架执行原生SQL语句

    1.执行无参数sql: string sql = "select * from IntegralInfo where convert(nvarchar,getdate(),23)='{0}' ...

  3. Postfix 邮件服务 - 基础服务

    环境 centos 6.5 x64 测试 IP:172.16.2.18 1.关闭selinux # cat /etc/selinux/config SELINUX=disabled 2.配置 ipta ...

  4. 第4月第10天 iOS项目 mvc

    1. 一个uiviewcontroller发送网络请求,解析数据后放在数组里.如果是多个网络请求,就要多个成员变量存储.那是不是可以单独出一个model来解析数据,存储数据呢. 如果有一个Reques ...

  5. shiro授权及自定义realm授权(七)

    1.授权流程

  6. ARMV8 datasheet学习笔记4:AArch64系统级体系结构之编程模型(1)-EL/ET/ST

    1.前言 ARMV8系统级编程模型主要包括异常级别.运行状态.安全状态.同步异常.异步异常.DEBUG 本文主要对系统级编程模型做一个概要介绍 2. 异常级别 2.1 Exception level概 ...

  7. 如何在Linux下写无线网卡的驱动【转】

    转自:http://www.crifan.com/files/doc/docbook/linux_wireless/release/html/linux_wireless.html 版本:v0.3 H ...

  8. rabbitmq 源码安装

    官网地址:rabbitmqhttp://www.rabbitmq.com/releases/rabbitmq-server/官网地址:erlanghttp://erlang.org/download/ ...

  9. centos7下配置saltstack

    1.下载 使用yum方式即可,可以更换下yum源,这里使用的阿里云的 [root@salt-master ~]# wget -O /etc/yum.repos.d/CentOS-Base.repo h ...

  10. nagios系列(五)之nagios图形显示的配置及自定义插件检测密码是否修改详解

    nagios图形显示的配置 在服务端安装相关软件 #1.图形显示管理的依赖库 yum install cairo pango zlib zlib-devel freetype freetype-dev ...