软件的结构：

C/S(Client Server)结构的软件：

比如： QQ、 极品飞车、 飞信 、 迅雷


cs结构的软件的缺点：更新的时候需要用户下载更新包然后再安装，程序员则需要开发客户端与服务端。

cs结构软件的优点： 减轻服务端的压力，而且可以大量保存数据在客户端。

B/S（Browser Server）结构的软件：

比如： 微博 、 webQQ 、 web飞信、 web迅雷

优点：软件版本升级的时候不需要用户下载更新包，直接更新服务器的程序即可。程序员则只需要开发服务端而已。

缺点：增加了服务端的压力，bs结构的软件不能保存大量的 数据在用户机上。

网站的类别:

静态网站: 静态网页中的数据都是写死的，如果需要修改网页的内容是需要直接修改网页的代码。 是没有数据库提供数据给它。

动态网站: 动态网站的数据是来自于数据库的，背后是有一个后台程序管理页面中数据的。

html 语言就是开发网页的基础语言：

html(超文本标记语言)

标记 : 该门语言是有标签来构成的。 学习html不用怎么去理解，只要需要记住标签的作用即可。

html语言的特点：
1. html语言是与平台无关的，任何平台只需要安装了浏览器都可以运行。
2.html 是不区分大小写的。

html语言的结构：

<html> html语言的根标签.

<head></head> 网页的头信息

<body></body> 网页的体部分

</html>

html的注释：　<!-- 注释的内容 -->

html是超文本标记语言的简写(HyperText   markup language)，是最基本的网页语言

超文本：页面的数据可以通过标签改变样式，而且可以通过超链接直接跳到下一个页面。

标记：html是通过标签来定义的语言，代码是由标签组成。

平台无关, 只要安装了浏览器，就可以通过浏览器来解析数据

编辑html ,html其实就是文本文件，把普通的文本文件的后缀名该为html或htm,通过浏览器即可解析
 
lhtml : 是不区分大小写

html是由<html>开始，由</html>结束，在这之间是分<head>和<body>两部分

<head>是给html页面增加一些辅助或者属性信息，里面的内容会最先加载。

<body>标签里面存放的才是真正要显示的数据

标签

•带有特殊含义的网页的标记元素
•格式：<开始标签> 标签体 </结束标签>
l分类
•带标签体的标签          如：  <p> XX </p>
•不带标签体的标签      如： <br/>
•标签应该成对出现
属性

写在开始标签上的  名=“值”对代表该标签的属性 <font       color=“red”></font>。

•一个标签可以有多个属性，多个属性之间使用空格隔开。
•注意：属性值最好使用单引号或者双引号引起来。
注释
•<!--我是注释-->
 
文本标签
•标题(h1~h6)
•水平线(hr)
•段落(p)
•上下标(sup和sub)
•换行(br)
•原样输出(pre)
•有序列表ol li
•无序列表ul  li
•项目列表标签(dl dt dd)
•行内标签(span)    
•块标签<div> 
 
l链接标签
•跳转：<a href = "资源路径" target="_blank">
•邮件：<a href="mailto:email"></a>
•定位：<a name=“#标记名”></a> 和 <a name="标记名" >
<img> 图像标签：
•<img src=”1.jpg” align=” middle” border=”3” alt=”图片说明文字” username="#Map"/>
• <map name=“Map” >    使用作为热点图的

<area shape="rect" coords="50,59,116,104" href="1.html" />

<area shape="circle" coords="118,203,40" href="2.html" />

•  </map>

tabel表格

标题标签：<caption>，给表格提供标题。
表头标签：<th>，一般对表格的第一行或者第一列进行格式化，就是粗体显示。并不常用。
行标签：<tr>
单元格标签：<td>，加载行标签的里面。可以简单理解为，先有行，在行中在加入单元格。

HTML框架标签

画中画
•画中画标签格式：  iframe
框架标签
•frameset和frame标签
•frameset属性： rows 、 cols  、 frameborder
•frame属性     ：noresize
HTML中的单位
•绝对单位            1px   字体的单位+1  10%
•相对单位             20% (计算单位)
 
HTML表单
表单
•表单，在网页中主要负责数据采集的功能，比如你可以采集访问者的名字和e－mail地址、调查表、留言簿等等。
组成
•表单标签：  <form action=“” method=“” enctype=“”></form>
•表单域    ： <input type=“” name=“” />
•表单按钮： <input type="submit" name="..." value="...“/>
常见的表单域
•文本字段     <input type=“text” name=“” value=“”/>
•密码字段、   隐藏字段 type = "password"
•单选按钮      type=radio 单选按钮必需要分组，分组的方法就是给标签name属性，name属性的值必须一样。
•多选按钮     type =checkbox，多选按钮的name属性必须一致。
•文件选择框  type=“file” 
•下拉列表      <select ><option>
•文本输入域   <textarea> 根据cols定义它的列，rows定义文本框的行数
•按钮  type=“button”
 
Get提交和Post提交的区别

　　　　get

　　　　　　post

会将提交的内容显示在浏览器地址栏

不会将提交的内容显示在浏览器地址栏

提交的数据的大小会受地址栏的限制

数据不能超过1kb

提交的数据不会受地址栏限制

提交敏感数据时不安全

提交敏感数据时更安全

2、HTML的更多相关文章

  1. js-静态、原型、实例属性

    本篇来说一下js中的属性: 1.静态属性 2.原型属性 3.实例属性 静态属性: function klass(){} var obj=new klass(); klass.count=0; klas ...

  2. 【.net 深呼吸】细说CodeDom（2）：表达式、语句

    在上一篇文章中,老周厚着脸皮给大伙介绍了代码文档的基本结构,以及一些代码对象与CodeDom类型的对应关系. 在评论中老周看到有朋友提到了 Emit,那老周就顺便提一下.严格上说,Emit并不是针对代 ...

  3. javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈

    Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...

  4. IE6、7下html标签间存在空白符，导致渲染后占用多余空白位置的原因及解决方法

    直接上图:原因:该div包含的内容是靠后台进行print操作,输出的.如果没有输出任何内容,浏览器会默认给该空白区域添加空白符.在IE6.7下,浏览器解析渲染时,会认为空白符也是占位置的,默认其具有字 ...

  5. jQuery UI resizable使用注意事项、实时等比例拉伸及你不知道的技巧

    这篇文章总结的是我在使用resizable插件的过程中,遇到的问题及变通应用的奇思妙想. 一.resizable使用注意事项 以下是我在jsfiddle上写的测试demo:http://jsfiddl ...

  6. 初识Hadoop、Hive

    2016.10.13 20:28 很久没有写随笔了,自打小宝出生后就没有写过新的文章.数次来到博客园,想开始新的学习历程,总是被各种琐事中断.一方面确实是最近的项目工作比较忙,各个集群频繁地上线加多版 ...

  7. boosting、adaboost

    1.boosting Boosting方法是一种用来提高弱分类算法准确度的方法,这种方法通过构造一个预测函数系列,然后以一定的方式将他们组合成一个预测函数.他是一种框架算法,主要是通过对样本集的操作获 ...

  8. 《Web 前端面试指南》1、JavaScript 闭包深入浅出

    闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外 ...

  9. .Net Core MVC 网站开发（Ninesky） 2.4、添加栏目与异步方法

    在2.3中完成依赖注入后,这次主要实现栏目的添加功能.按照前面思路栏目有三种类型,常规栏目即可以添加子栏目也可以选择是否添加内容,内容又可以分文章或其他类型,所以还要添加一个模块功能.这次主要实现栏目 ...

  10. JS调用Android、Ios原生控件

    在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...

随机推荐

  1. SpringMVC Map Model ModelMap 和 ModelAndView

    代码: package com.gaussic.controller; import com.gaussic.model.AccountModel; import org.springframewor ...

  2. vmware虚拟机三种网络模式详解_转

    原文来自http://note.youdao.com/share/web/file.html?id=236896997b6ffbaa8e0d92eacd13abbf&type=note 由于L ...

  3. matlab将多条曲线绘制在一起

    figure; hold on; : plot(x(i,:),y(i,:)); end x=:*pi); hold on : y=sin(x+i*pi/)+exp(x/); plot(x,y, -(] ...

  4. ios问答题与答案

    1. OC中,与alloc语义相反的方法是dealloc还是release?与retain语义相反的方法是dealloc还是release?为什么?需要与alloc配对使用的方法是dealloc还是r ...

  5. Codeforce Round #218 Div2

    A:没个元素的个数少的变成多的和就是了 B:居然被systemtest搓掉了- -分东西,我改的代码,还是shit一样的过的...别人的直接两个操作数相减就可以了! C:二分题- -,没想到比赛时因为 ...

  6. 转：python webdriver API 之操作测试对象

    一般来说,所有有趣的操作与页面交互都将通过 WebElement 接口,包括上一节中介绍的对象定位,以及本节中需要介绍的常对象操作.webdriver 中比较常用的操作元素的方法有下面几个: cle ...

  7. [原创]java WEB学习笔记86：Hibernate学习之路-- -映射 n-n 关系,单向n-n，双向n-n

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  8. [转]Hibernate不能自动建表解决办法及Hibernate不同数据库的连接及SQL方言

    最近开始学Hibernate,看的是李刚的那本<轻量级java ee企业应用实战>.头一个hibernate程序,我原原本本的按照书上例子写下来,同时只是改动了些mysql的连接参数,并且 ...

  9. paper 9：SVM番外篇：支持向量机系列六：Duality —— 关于 dual 问题推导的一些补充理论。

    在之前关于 support vector 的推导中,我们提到了 dual ,这里再来补充一点相关的知识.这套理论不仅适用于 SVM 的优化问题,而是对于所有带约束的优化问题都适用的,是优化理论中的一个 ...

  10. canvas基本画图

    <img src="img/lamp.gif" id="lamp"/> <img src="img/eg_tulip.jpg&quo ...