首页 > 代码库 > 2、HTML

2、HTML

软件的结构:

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 = "http://www.mamicode.com/资源路径" target="_blank">
?邮件:<a href="mailto:email"></a>
?定位:<a name=“#标记名”></a> 和 <a name="标记名" >
<img> 图像标签:
?<img src=http://www.mamicode.com/”1.jpg” align=” middle” border=”3” alt=”图片说明文字” username="#Map"/>
? <map name=“Map” >    使用作为热点图的

          <area shape="rect" coords="50,59,116,104" href="http://www.mamicode.com/1.html" />

          <area shape="circle" coords="118,203,40" href="http://www.mamicode.com/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="http://www.mamicode.com/...“/>
常见的表单域
?文本字段     <input type=“text” name=“” value=http://www.mamicode.com/“”/>
?密码字段、   隐藏字段 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