客户端笔记一

来源:互联网 发布:商品数据分析管理服装 编辑:程序博客网 时间:2024/05/22 09:38

http:超文本传输协议。

 

Html: 超文本标记语言,利用标记和子标记的方式描述网页元素。

 

XML:可扩展标记语言

 

企业应用计算模式:

1.      主机/哑终端(Mainframe/Terminal。由主机承担所有的计算任务,哑终端只负责数据的录入和结果的显示。(如收银机)

2.      客户端/服务器计算模式简称C/SClient/Server。客户机是一套独立系统,会承担一部分计算功能,服务器主要作为数据的提供,也承担一部分计算功能。缺点是维护麻烦,一旦系统需要升级,每个客户端都需要更新。(如QQ和不少网游)

3.      浏览器/服务器计算模式,简称B/SBrowser/Server。客户端固定是浏览器,所以客户端无需维护,同时浏览器会承担显示和部分计算功能。服务器作为浏览器显示数据的提供者,承担大部分计算功能。一旦系统需要升级,只需要维护服务器就可以了。

 

 

 

基于B/S结构开发的应用程序,称为WEB应用程序。

一个完整的web应用程序分为四部分:

Web服务器:接受客户端的请求,根据客户端请求,返回结果。

 

Web浏览器:允许客户端请求服务器的某个资源,并显示由服务器返回的结果。

 

http协议:客户端和服务器通信所用的协议。

 

html网页:告诉浏览器如何向用户显示结果。

 

GBK

GB2312

UTF-8

 

 

<head>

   <title>学习网页</title>

   <!-- 设置网页的编码集 -->

   <meta charset="utf-8">

</head>

 

 

正文标题有6个h1-h6 字体从大到小

<h1>标题</h1>

段落

<p></p>

换行标签<br>或<br/>  和段落标记比 换行间隔小

 

 

引用文本,将段落缩进,与周围区分开

<blockquote>< /blockquote >

 

预编派元素pre可以让里面的内容按输入的情况输出(不使用的时候,很多空格不会显示)

<pre></pre>

 

 

 

分区快

<div style="border:1px solidred;width: 100px;height: 100px">

    分区快

</div>

 

 

特殊符号:

 

空格&nbsp;&nbsp;空格

 

小于符号&lt;

大于符号&gt;

版权符号&copy;

&符号&amp;

已注册符号&reg;

长破折号&#151;

 

同一个目录的网页跳转,可以直接写文件名

<ahref="WebStudyDay1.html">跳转页面</a>

需要跳转本网页同目录中文件夹中的网页需要加上文件夹名

<a href="mm/TestB.html">跳转不同目录页面</a>

 

<!--。。/跳转当前页的上一级目录-->

<a href="../Testb.html">跳转BB</a>

 

返回上级目录下在进入mm子文件夹进入ts子文件夹的testC网页

<ahref="../mm/ts/TestC.html">跳转TestC</a>

 

相对锚点跳转到这个位置

<a name=”China”></a>

<ahref="../WebStudyDay1.html#China">跳转主页面</a>

 

 

显示图片

<img src=””> </img>

 

显示FLASH

<object type="application/x-shockwave-flash"data="image/car.swf" width="800" height="500"></object>

 

表格

<!--表格  width="30%"表示表格占窗体的百分之多少。cellspacing="0"表示边框为细边框-->

<table border="1"width="30%" cellspacing="0">

 

   <!-- col width="100px" 表示单独每一列的宽度-->

   <!--表头th表示单元格以粗体显示-->

   <thead>

       <tr>

           <th>姓名</th>

           <th>年龄</th>

           <th>工资</th>

       </tr>

    </thead>

   <!--表格数据-->

   <tbody>

   <tr><td>张三</td><td>22</td><td>5000</td></tr>

   <tr><td>李四</td><td>45</td><td>10000</td></tr>

   </tbody>

</table>

<br>

<br>

<br>

<table border="1"cellspacing="0" width="50%">

   <thead>

       <tr><th colspan="3">初一</th><thcolspan="3">初二</th></tr>

   </thead>

   <tbody>

       <tr><td>语文</td><td>数学</td><td>英语</td><td>语文</td><td>数学</td><td>英语</td></tr>

       <tr><td>语文</td><td>数学</td><td>英语</td><td>语文</td><td>数学</td><td>英语</td></tr>

   </tbody>

</table>

<br>

<br>

<br>

<table border="1"cellspacing="2" width="50%">

   <tr><td rowspan="2">张三</td><td>语文80分</td></tr>

   <tr><td>数学90分</td></tr>

   <tr><td rowspan="2">张三</td><td>语文80分</td></tr>

   <tr><td>数学90分</td></tr>

 

 

 

用iframe实现框架结构

<iframe src=”url” width=”x” height=”y”>

 

 

块级元素要换行,内嵌元素不换行

XHTML元素分为块级元素和内嵌元素两种类型,二者的不同之处在于块级元素定义的文本是换行的,而内嵌元素定义的文本是不换行的。

常见的块级元素:div、blockquote、列表元素(ol,ul,dl)、fieldset、form、h1-h6、hr、p、pre、table等

内嵌元素:span、a、img、label、所有的表单输入袁术、iframe、object等

 

在没有后面我们要学到的CSS指定元素的位置高度宽度情况下,浏览器按照默认的文本流输出规则,在浏览器窗口中输入HTML元素即:

1 如果是内嵌元素,下一个元素就是显示在该元素同一行上的后续位置

2 如果是块级元素,下一个元素就在浏览器下一行显示

3 元素中的文本按照元素的级别,浏览器使用不同大小的默认字体表示(如h1-h6)

 

 

在html中,name属性和id属性的区别

1.      id属性网页元素在网页中的唯一标识,不能重复。Name属性是描述提交给服务器表单数据的名称,可以重复。如果两个文本框name属性一样,那么提交时会出现两个同名的键值对。

2.      id属性可以用于网页的任何元素,但name属性一般用于表单元素。

3.      id属性的值不会提交给服务器处理,但是那么属性的值会随着表单提交给服务器处理。

 

 

Disabled和readonly的区别

1.  ReadOnly表示只读,也就是文本框内容不可以改变,所以该属性只能用于文本框。而disabled表示不可用,可以用于任何网页元素。元素加上disabled之后,内容不能改变,同时不能响应事件。

2.  表单元素加上readonly,表单值还是可以提交服务器,但是表单元素加上disabled表单值就不能提交服务器了。

 

 

 

 

 

 

0 0
原创粉丝点击