软件的结构：

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. echarts html传参+js请求+ashx服务 代码方式

    html 头传参方式 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <hea ...

  2. 修改文件中的内容，使用fileinput模块

    import fileinput filename = 'passwd' ,backup='.bak') print line.replace('root','ROOT') a = ' this is ...

  3. javascript实例学习之八——无缝切换效果

    无缝切换在网站的很多地方都有涉及,比如轮播图等. 基本思路: 1)将可视窗当前的元素复制,依次添加为ul中的子元素 2)改变ul整体的left取值(负的窗口值),动画缓动至想要的位置 3)将原视窗(已 ...

  4. SWIFT 闭包的简单使用

    import UIKit @UIApplicationMain class AppDelegate: UIResponder, UIApplicationDelegate { var window: ...

  5. uiwebview加载中文URL

    uiwebview加载中文URL _paperGamePath = [_paperGamePath stringByAddingPercentEscapesUsingEncoding:NSUTF8St ...

  6. pg_rewind 介绍

    pg_rewind—使一个PostgreSQL数据目录与另一个数据目录(该目录从第一个PostgreSQL数据目录创建而来)一致. 描述 pg_rewind是一个在集群的时间线参数偏离之后,用于使一个 ...

  7. 转：python webdriver API 之定位一组对象

    webdriver 可以很方便的使用 find_element 方法来定位某个特定的对象,不过有时候我们却需要定位一组对象,WebElement 接口同样提供了定位一组元素的方法 find_eleme ...

  8. php session memcache

    ini_set("session.save_handler", "memcache"); ini_set("session.save_path&quo ...

  9. input type=file 标签禁止让用户手动输入

    常规的Web应用程序中涉及到文件上传的部分都不可避免地会使用到<input type="file"/>控件,在上传文件的时候通过点击“浏览”按钮,在弹出的文件选择对话框 ...

  10. mysql 管理工具

    摘自: http://www.chinaz.com/free/2009/0306/68691.shtml MySQL是一个非常流行的小型关系型数据库管理系统,2008年1月16号被Sun公司收购.目前 ...