html基础1

来源：互联网发布：情定三生知夏的床戏编辑：程序博客网时间：2024/06/04 23:26

1.客户端网页编程简介

主机/哑终端的集中计算模式：使用者一般通过只有一个屏幕、键盘和一根主机连接的“哑终端”与主机的应用程序进行交互。终端只有输入输出功能，没有处理能力，企业计算都需要依靠主机来做。终端的用户界面是基于字符的简单屏幕，在许多情况下，需要对使用者进行几周的培训才能使其熟练使用用户界面。这种模式称为主机/终端模式（M/T)，例如超市收银、航空售票、小型储蓄所等。

但还有很多缺点：

一台计算机中药进行全部处理；

应用程序非常难于维护；

专用特性使得它们非常难于集成其他平台上的其他应用程序。

随着计算机的发展，客户机/服务器（C/S）的计算模式应运而生：

其优点具有：

a.信息共享性好

b.网络的信息传输量小

事物都有两面性，既然有优点也会有缺点：

a.不易维护

b.用户操作界面不一致

c.处理的数据类型不易扩展

由于这种模式的缺点不断暴露出来，所以B/S模式应用系统的产生和发展。

浏览器/服务器模式（B/S）

原理：调用Web服务器上的应用程序，并对数据库进行操作完成相应的数据处理工作，最后通过浏览器显示给用户。

客户只需要安装浏览器就可以浏览Web网页，而应用程序相对集中地存放在Web服务器端，通过这种方式不仅减少了客户端的维护工作量，还方便了用户的使用。

说到网页，不得不说的是http协议，即超文本传输协议。而一个http请求分为4个部分：

请求行：Get（Http的方法） index.html（请求的统一资源定位器/URL） Http/1.1（HTTP版本）

请求头：Host：127.0.0.1：80

空行

信息体：username=kk

而Web服务器向客户端响应时，这时就有一个http响应头分为4个部分：

状态行：http/1.0（http版本） 200 （响应码） ok（响应描述）

响应头

空行

信息行：<html> ............... </html>

网页的分类：

静态网页------用htm语言编写

客户端动态网页

服务器端动态网页

xhtml基本语法规则：

每个标记都出现在一对尖括号<>中；

标记通常成对出现；

第一个标记定义标记的起点称为打开标记，第二个标记定义了标记的结尾，称为结束标记。

下面让我们来简单认识一下这些标记

所有的xhtml文本都包括html、head、title三级

<h>定义正文标题</h>

（1）定义正文标题

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

<p>定义文本段落标记</p>

有序列表：ol

<p>有序列表实例</p>
<ol>
<li>编写XHTML文件<

/li>
<li>编写XML文件<

/li>
<li>编写JSP文件<

/li>
</ol>

无序列表：ul

<p>无序列表实例</p>
<ul>
<li>编写XHTML文件</li

>
<li>编写XML文件</li

>
<li>编写JSP文件</li

>
</ul>

定义列表：dl

<p>定义列表实例</p>
<dl>
<dt>猫</dt>
<dd>一只可爱的猫</dd>
<dt>手电筒</dt>
<dd>使用电池的设备</dd>
<dt>cute</dt>
<dd>可爱</dd>
<

/dl>

定义预编排文本：

功能：可以使文本按照源文件中的编排格式，一模一样的在浏览器中显示

格式：

<pre>
2.9
+1.2
--------
4.1
</pre>

定义分区块文本：

<html>
  <head>
     <style>
        .bodered{ boder-style:solid;}
      </style>
   </head>
<body>
   <p>这是一个常规的段落</p>
   <div class="bodered">
        <p>这是一个用div样式界定的段落</p>
    </div>
  </body>
<

ml>

跨越多个字符：

<html>
  <head>
     <style>
        .emphasis{  color:red;text-decoration:underline;font-weight:blod;}
      </style>
   </head>
<body>
   <p><span class="emphasis">这段文本被着重强调</span>，而这段没有</p>
   <div class="bodered">
        <p>这是一个用div样式界定的段落</p>
    </div>
  </body>
<

ml>

特殊字符：

创建超链接：

web连接有两个基本的组件：

①链接：指在主文档中指向其它文档的文本

②目标：指链接所指向的文档或者主文档中的某个位置

格式：

<a><href="目标URL">描述文本</a>

0 0