B/S开发

来源：互联网发布：阿里云oss使用当网盘编辑：程序博客网时间：2024/05/24 02:49

最近一直在看新闻发布系统视频，新闻发布系统是通过网页来实现的，这样我们就进入了一个新的环境，用WEB开发网站，即BS开发架构（Browser/server浏览器服务器），很少东西是在前段Browser实现的，主要的工作是在server服务器端实现的，用户界面是通过WWW浏览器来实现的。

对发布系统刚开始最难理解的地方就是CSS（Cascading Style Sheets 层叠样式表）布局，CSS语言是一种标记语言，不需要编译，可以直接由浏览器解释执行，第一眼看到那些网页代码，一头雾水，后来通过视频的讲解和自己查询，对CSS语言里面的格式和语言都稍微了解点，可以看懂和编写里面的代码。

网页布局以前是传统的TABLE网页布局，后来CSS层叠式布局渐渐受到编程者的喜爱。

CSS布局有三大优点：1.表现和内容相分离，将设计部分脱离出来放在一个独立样式文件中，HTML文件中只是存放文本息。

2，提高了页面浏览速度，同一个页面视觉效果，采用CSS布局的页面比传统的编码页面文件容量小的多。

3，使用了CSS布局的网页，很容易维护和改版。

HTML（Hyper TextMark-upLanguage超文本标记语言）语言网页开发的语言，即：标示语言，为普通文件中某些字句上加上标示的语言，目的在于运用标记（tag）使文件达到预期的显示效果。一个HTML文档是由一系列的元素和标签组成，元素名称不区分大小写，HTML用标签来规定元素的属性和它在文件中的位置，HTML超文本文档分文档头和文档体两部分。

下面就介绍一下HTML中的标签吧：

一，文件标记

<html>是对文件的声明，让浏览器知道这是html文件

<head>文件标记开头，提供文件整体资讯

<title>文件标题，定义文件标题，将显示在浏览器的顶端

<body>文本内容，设计文件格式和内文

二，排版标记

1.<!—注释—>

2.<p>段落标记，为字、画、表格等显示于下一行

3、<br>换行标记，令字画表格等显示于下一行

4、<hr>插入一条水平线

5.<div>区隔标记，设定字画表格等位置摆放位置。

6.<h1>一级标题标记，变粗变大加宽

7.<li>清单项目，每一标记标示一项清单项目

三、表格标记

1.<table>表格标记，设定表格的各项参数

2.<caption>表格的标题

3.<tr>表格列，设定表格的列

4.<td>表格栏，设定表格的栏

5、<th>相当于<td>,但是其内的字体会变粗

四．表单标记

1.<form>表单标记，决定一个表单的运作模式

2.<input>输入标记，决定输入形式

3<img>图形标记，用以插入图形，以及设定图形属性

五．链接标记

<a>链接标记，插入链接

继续看新闻发布系统，进一步了解，bs开发