第二章 静态网页开发技术

　　静态网页是指可以由浏览器解释执行而生成的网页，HTML是一组标签，负责网页的基本表现形式；

JavaScript是在客户端浏览器运行的语言，负责在客户端与用户的互动；CSS是一个样式表，起到美化

整个页面的功能。

2.1 HTML网页设计

　　HTML（Hyper Text Markup Language）即超文本标记语言，是用来编写网页文件的标准，使用它可以

设计静态网页，定义了一组标记（tag，也称标签）用来描述web文档数据。

2.2 HTML文档数据结构与基本用法

　　（1)它的拓展名后缀名为：“.html”和“.htm”的格式,可供浏览器解释执行.

　　　（ps:对于html文档可以直接通过浏览器打开并解释执行，不需要使用服务器）

　　（2)一个html文档的内容一般位于<html></html>之间，分为头部（head）和

　　　　主体（body）两部分。在头部，可以定义标题、样式；文档的主体就是要显示的信息。

Example：　

　<html>

　　　　　　<head>

　　　　　　　　<title>第一个HTML网页</title>   //头部:在<head>与 </head>之间部分

　　　　　　</head>

　　　　　　<body text="blue">

　　　　　　　　hello,<b> world!!</b>

　　　　　　　　<hr size="5px" align="left" color="red" width="50%">    //主体:在<body>与 <body>之间部分

　　　　　　　　你好！！！

　　　　　　</body>

　　　　</html>　

　(3) HTML标记

　　　用"< >"括起来一些单词或字母，如<html>, <head>   <body>等称为“标记”。

　　　标记用来分割和标记　网页中的元素，以形成的网页的布局、格式等。

课外的认识：

JavaWeb应用程序通常是由：

　　表示层控件：包括HTML和JSP页面组成。

　　控制层控件：由servlet组成。

　　业务逻辑层控件：JavaBean或EJB。

　　持久层控件：JDBC和Hibernate。

解释专有名词：　　

　　1.CSS（Casscading Style Sheets）：即层叠样式表，简称：“样式表”是一种美化网页的技术，

　　　　　主要完成字体、颜色、布局等方面的各种设置；

　　2.Servlet（Java服务器小程序）：是用Java语言编写的服务器端程序，他可以处理客户端传来的HTTP

　　　　　请求，具有可移植性、功能强大、安全、继承、模块化；

　　3.JSP:JSP页面由HTML代码嵌入其中的Java代码组成。JSP页面一般包括JSP指令、JSP脚本元素、JSP标

　　　　准动作以及JSP内置对象

　　4.JDBC（Java Database Connectivity数据库访问接口）：JDBC API主要用来连接数据库直接调用SQL

　　　　　命令执行各种SQL语句；

　　5.JavaBean：javabean用java语言编写并遵循一定规范的类，该类的一个实例称为JavaBean，简称,bean.

　　6.Struts2 ：提供了一种MVC体系结构的Web程序的开发方法，是目前最常用的开发框架；

　　7.XML（eXtensible Markup Language，可拓展标记性语言）：在JavaWeb应用程序中，XML主要用于描述配置信息。

　　　　　Servlet、Struts2以及Hibernate框架都需要配置文件，它们的配置文件都是XML格式。

　　8.Hibernate：是一种面向Java环境的对象/关系数据库映射工具，即ORM（Object-RelationMapping对象-映射工具），

　　　　　　它对JDBC API进行了封装，负责Java对象的持久化。

容器指的是：提供特定程序组件服务的标准化运行环境，通过这些组件可以在JavaEE平台上得到所期望的服务。

　组件指的是：在应用程序中能发挥特定功能的软件单位，实质上是几种特定的Java程序，只不过是这些程序被规定了固定的格式和编写方法。

2017.9.11 初入HTML学习的更多相关文章

  1. 2017.9.12 初入HTML -----学习总结（二）

    接上:..... (4)标记可分为: 4.1单标记:(单标记仅单独使用就可以表达完整的意思) 基本语法:<标记名称/> 例如:<br/>实现换行的功能.<hr/>实 ...

  2. Scala初入

    何为Scala物 Scala为基于JVM虚拟机中的面向对象与函数式编程思想并且完全兼容Java的混合编程语言,可以是Scala与Java是同根同源的,既然Scala与JAVA都是基于JVM之上的编程语 ...

  3. 初学HTML5、初入前端

    学习HTML5是一个漫长的过程,当中会遇到很多技术与心态上的变化.刚开始学习,我们不能发力过猛,需要一个相对稳定的状态去面对.多关注一些自己感兴趣的网站和技术知识,建立自己的信心与好奇心,为以后的学习 ...

  4. 0x00linux32位汇编初入--前期准备

    0x00汇编初入--前期准备 一.汇编工具 在linux平台下常用的编译器为as,连接器为ld,使用的文本编辑器为vim,汇编语法为att 以下是一些工具: addr2line 把地址转换为文件名和行 ...

  5. 初入职场的建议--摘自GameRes

    又开始一年一度的校招了,最近跑了几个学校演讲,发现很多话用短短的一堂职业规划课讲还远远不够,因为那堂课仅仅可能帮大家多思考怎样找到一份合适的工作,并没有提醒大家怎样在工作中发展自己的职业. 见过这么多 ...

  6. 初入TensorFlow————配置TensorFlow

    能看到这说明你对python已经有一定的了解了,因此很多基础直接跳过. 一.TensorFlow环境配置: TensorFlow的环境配置在网上很多的教程都是用anaconda的方式,但是很容易出现冲 ...

  7. 初入码田--ASP.NET MVC4 Web应用之创建一个空白的MVC应用程序

    初入码田--ASP.NET MVC4 Web应用开发之一  实现简单的登录 初入码田--ASP.NET MVC4 Web应用开发之二 实现简单的增删改查 2016-07-29 在此之前,需要一台电脑( ...

  8. 初入android驱动开发之字符设备(一)

    大学毕业,初入公司,招进去的是android驱动开发工程师的岗位,那时候刚进去,首先学到的就是如何搭建kernel.android的编译环境,然后就是了解如何刷设备以及一些最基本的工具.如adb.fa ...

  9. 初入SG-UAP

    初入SG-UAP SpriderMan 关注 2019.06.19 14:10 字数 1130 阅读 10评论 0喜欢 0 初次接触SG-UAP,将自己的见解以文字形式记录下来,希望能对初入的伙伴们有 ...

随机推荐

  1. TOJ 2452 Ultra-QuickSort

    描述 In this problem, you have to analyze a particular sorting algorithm. The algorithm processes a se ...

  2. 10 Linux DIG Command Examples for DNS Lookup--reference

    by RAMESH NATARAJAN on FEBRUARY 29, 2012 http://www.thegeekstuff.com/2012/02/dig-command-examples/ D ...

  3. java开发中的设计模式

    http://www.cnblogs.com/maowang1991/archive/2013/04/15/3023236.html 一.设计模式的分类 总体来说设计模式分为三大类: 创建型模式,共五 ...

  4. 深入理解JavaScript系列（36）：设计模式之中介者模式

    介绍 中介者模式(Mediator),用一个中介对象来封装一系列的对象交互.中介者使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互. 主要内容来自:http://www ...

  5. js根据子目录数目显示父级目录

    需求:<ul>中<li>数量为0,则不显示<ul>以及<b>:<div>中<ul>数量为0,则不显示<div> 1. ...

  6. c# 使用队列保存图片

    Invoke(new EventHandler(delegate { Bitmap bitmap2 = (Bitmap)eventArgs.Frame.Clone(); ThreadPool.Queu ...

  7. Maven之依赖关系

    在maven的管理体系中,各个项目组成了一个复杂的关系网,但是每个项目都是平等的,是个没有贵贱高低,众生平等的世界,全球每个项目从理论上来说都可以相互依赖.就是说,你跟开发Spring的大牛们平起平坐 ...

  8. Xcode6中Swift没有智能提示和自动补全功能

    今天在学习Swift的过程中,编写代码,发现没有智能提示和自动补全功能,一阵不适应,在网上溜达了下,找到了解决办法,测试可行 中文系统新建工程,copyright里有日期,2014年,“年”..然后删 ...

  9. flex布局的一些注意点

    现在来总结下自己在项目中用flex布局的一些注意点 1.ui图中的布局方式与justify-content的布局方法不一样 这是就要利用flex-grow的空dom来分开子容器来达到页面布局的效果 2 ...

  10. centos-7.2 node.js免编译安装

    cd /usr/local/ wget https://npm.taobao.org/mirrors/node/v8.9.3/node-v8.9.3-linux-x64.tar.gz tar -zxv ...