软件的结构：

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. Spring Boot 5 SpringSecurity身份验证

    对于没有访问权限的用户需要转到登录表单页面.要实现访问控制的方法多种多样,可以通过Aop.拦截器实现,也可以通过框架实现(如:Apache Shiro.Spring Security). pom.xm ...

  2. python模块(sys)

    SYS模块 sys.argv # 命令行参数List,第一个元素是程序本身路径 sys.exit(n) # 退出程序,正常退出时exit(0) sys.version # 获取Python解释程序的版 ...

  3. C++ note

    主要是为了学习c++的类和对象   内容摘自 c++概述 http://see.xidian.edu.cn/cpp/biancheng/cpp/rumen_1/   1,变量  ,C++中,我们可以在 ...

  4. git打tag 三步骤

    git status git tag publish/1.0.0 git push origin publish/1.0.0

  5. 转：Busy Developers' Guide to HSSF and XSSF Features

    Busy Developers' Guide to Features Want to use HSSF and XSSF read and write spreadsheets in a hurry? ...

  6. 转：Java的各种类型转换汇总

    java类型转换 Integer String Long Float Double Date 1如何将字串 String 转换成整数 int? A. 有两个方法: 1). int i = Intege ...

  7. Ruby On Rails 环境搭建MySQL数据库连接

    1.  安装wamp1.7.4从而自动安装好Apache和MySQL,Apache的端口可能会被IIS服务占用,可以去控制面板里关掉 2.  修改root密码,为了能在phpMyAdmin里继续操作数 ...

  8. 常见http代码错误原因及处理

    常见的HTTP错误可以分为以下四大类.每一大类又细分为很多类小错误.当您打不开网站或者打开网站报错时首先检查您输入的网站是否有误,检查网络是否有问题或者虚拟主机的DNS是否可以解析.确定没有问题时再看 ...

  9. Node.js Express 获取request原始数据

    app.use(bodyParser.json());客户端请求接口时如果指名请求头类型 为Content-Type=application/jsonbodyParser 会自动将 body 里的 j ...

  10. 。。。Hibernate 查询数据 事务管理。。。

    在Hibernate中,查询数据的时候,可能会需要事务的管理,为什么呢?因为在查询数据库的时候,Hibernate将数据从数据库里面查询出来之后,会先把数据放入Hibernate的session缓存里 ...