2017-12-30-WEB预习第一天

课程概要


软件的结构分类

  • C/S架构(Client/Server即 客户端/服务器架构)
    • 客户端:供用户使用的终端。
    • 服务器:负责处理软件的业务逻辑。
  • 结构特点:
    • 软件使用前必须安装
    • 软件更新时,客户端与服务器同时更新
    • C/S架构不能跨平台
    • 客户端—服务器通信使用自有协议,相对安全。
  • B/S架构(Browser/Server即 浏览器/架构)
    • 本质也是C/S架构,只是用浏览器作为客户端。通过浏览器访问网页的形式,来使用软件。
  • 结构特点:
    • 软件不需安装,直接使用浏览器访问指定网址。
    • 软件更新时,客户端不需要更新
    • 跨平台,只要系统中有浏览器,就可以使用。
    • 通信协议为http或https

基础概念


  1. 网页的三部分(去耦合,三者分离,相互独立)

    • 结构(HTML):结构是页面的整体结构,哪里是标题,哪里是段落,哪里是图片。
    • 表现(CSS):表现是页面的外在的样式,比如字体,字体大小,字体颜色,背景。
    • 行为(JavaScript):页面和用户之间的交互行为。
  2. HTML(超文本标记语言Hypertext Markup Language)

    • 用HTML标签来标识出页面中的不同部分。
      • 标签
        • 成对出现:<标签名></标签名>
        • 自结束标签:<标签名/>
      • 属性
        • 通过属性可以设置标签的效果
        • 属性需要定义在开始标签中或这自结束标签中。
        • 属性实际上是一组一组名值对结构。
        • 涉及到表现的属性往往通过CSS来实现。
    • 文档声明
      • <!doctype html>
      • 用来标识当前页面的html的版本,该声明用来告诉浏览器,当前的页面是使用HTML5的标准编写的。
  3. HTML页面基本结构

<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <!-- 网页的主体内容 -->
    </body>
</html>
  1. HTML常用标签
    <html>

    <head>

    <body>

    标题

    文本编辑

    段落标签会独占一行。
    N个空格与换行都会化为一个空格。所以换行和空格需要单独表示。
    实体/转义字符

    图片标签
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,010评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,663评论 25 708
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • 最近在看上海古籍出版社的《聊斋志异》,书中讲的都是人和鬼狐妖怪的故事,五百多篇目,几百字就是一个故事。虽然看到后来...
    浏如阅读 501评论 0 2
  • 像深圳“工改潮”一类关于“工改工”的话题,近日来受到越来越多的关注。不少起步比较早的工业城市,也都跟上步伐,刮起了...
    伊声阅读 226评论 0 0