day34_HTML

Web概念

JavaWeb:

​ 使用Java语言开发基于互联网的项目

软件的架构:

​ C / S:客户端、服务器端

​ 1.在用户本地有一个客户端程序,在远程有一个服务器端程序

​ 2.QQ、WeChat、3D游戏

​ 优点:用户体验感非常好

​ 缺点:开发成本高,安装复杂,部署麻烦,维护麻烦

​ B / S:基于浏览器开发的互联网项目。浏览器(提供网址/域名)、服务器端

​ 只需要一个浏览器即可,用户通过不同的域名,客户可以访问导不同的服务器端程序

​ 优点:开发成本低、安装简单、部署轻松、维护简单

​ 缺点:如果应用过大,加载延迟性过高,用户体验差

​ 对服务器硬件要求过高

B / S架构

​ 资源分类:

  • ​ 静态资源 :使用静态网页开发技术发布的资源,不发生改变的资源

    如:一些文本信息、图片信息、音频信息、视频信息、HTML、CSS、JavaScript

    如果用户请求的资源是静态资源,那么服务器会直接将静态资源发送给浏览器,浏览器收到服务器端发送的静态资源之后,直接解析加载,在浏览器内部内置了静态资源解析引擎(驱动 / 内核),可直接展示静态资源给用户。

  • ​ 动态资源:

    使用动态网页开发技术发布的资源。资源需要在浏览器上发生变化的。

    特点:1.所有的用户访问服务器端程序,服务器端返回给用户可能呈现的是不同的画面

    如:淘宝、JD、等第三方平台

    2.用到的动态网页技术:jsp / Servlet、php、asp、.net ...

    如果用户请求服务器端资源是动态资源,那么服务器端程序会首先把动态的资源转换成静态资源,然后再发给浏览器客户端

静态资源:

  • ​ HTML:展示页面内容,可以搭建一些基础页面
  • ​ CSS:用于构建页面样式风格,进行美化布局
  • ​ JavaScript:脚本,与用户交互的一些动作,如点击动作,让页面有一些动态的效果

HTML

​ Hyper Text Markup Language 超文本标记语言

​ 语法格式:< > 单标记 / 双标记

​ 超文本:

​ 超文本是用超链接的方法,将各种不同空间的文字信息和其他格式数据组织在一起的网状文本。

​ 标记语言:

  1. ​ 由标签构成的语言:格式:< 标签名称 > 如:
    • ​ 标记语言不把它归为编程语言
    • ​ 快速入门:

      ​ 语法:

      ​ html文件扩展名为 . html 或者 .htm

      ​ 标签分为两类:单标签



      ​ 双标签

      ​ 3.标签可以嵌套

      ​ 需要正确的嵌套

      如:<a><span>  </span></a>
      开始标签如:<a>
      结束标签如:</a>
      

      ​ 4.在开始标签中可以定义属性,属性由键值对组成,值需要单引号或双引号引起来

      <a  herf = "www.baidu,com">百度以下,你就知道 </a>
      

      ​ 5.html标签不区分大小写,但是一般建议使用小写

      <div></div>
      <DIV></DIV>
      <Div></dIV><!--三种写法一样效果-->
      

      ​ 构建一个html页面

原文地址:https://www.cnblogs.com/mitoris/p/14213950.html