day01-HTML

最新推荐文章于 2024-07-09 23:44:56 发布

Dev-拓海

最新推荐文章于 2024-07-09 23:44:56 发布

阅读量121

点赞数

分类专栏：前端学习文章标签：前端

本文链接：https://blog.csdn.net/m0_37233688/article/details/88347805

版权

前端学习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

软件的架构：
    C/S：客户端/服务器(Client/Server)
        概述：
            1. 一般我们使用的软件都是C/S架构，比如：QQ、360
            2. C表示客户端，用户通过客户端来使用软件
            3. S表示服务器，负责处理软件的业务了逻辑
        特点：
            1. 软件使用前必须得安装
            2. 软件更新时服务器和客户端得同时更新
            3. C/S架构的软件不能跨平台(操作系统)使用
            4. C/S架构的软件客户端和服务器通信采用的是自有协议，相对来说比较安全
    B/S：浏览器/服务器(Browser/Server)
        概述：
            1. B/S本质上也是C/S，只不过B/S架构的软件，使用浏览器作为软件的客户端，比如：京东、12306
            2. B表示浏览器，通过使用浏览器访问网页的形式，来使用软件
            3. S表示服务器，负责处理软件的业务了逻辑
        特点：
            1. 软件不需要安装，直接使用浏览器访问指定的网址即可
            2. 软件更新时，客户端不需要更新，只更新服务器，服务器更新，软件的界面就变了
            3. B/S架构的软件支持跨平台，只有操作系统有浏览器，就可以使用
            4. B/S架构的软件客户端和服务器通信采用的是通用的HTTP协议，相对来说不安全
网页的组成：
    概述：
        1. 主要由三部分组成：结构(HTML)、表现(CSS)、行为(JavaScript)
        2. HTML用于描述页面的结构
        3. CSS用于控制页面中元素的样式
        4. JavaScript用于响应用户操作

<!DOCTYPE html>

<html>

<head>

        
        <meta charset="utf-8" />
        <meta name="keywords" content="HTML5,CSS3,JavaScript" />
        <meta name="description" content="发布前端相关的信息" />
        <meta http-equiv="refresh" content="5;url=https://www.baidu.com" />

        
        <title>网页的标题</title>
    </head>

    
    <body>
        
        这是我的<font color="red">第二个</font>

        
        <h1>一级标题</h1>
        <h2>一级标题</h2>
        <h3>一级标题</h3>
        <h4>一级标题</h4>
        <h5>一级标题</h5>
        <h6>一级标题</h6>

        
        <p>我是一个段落</p>

        
        <p>
            锄禾日当午，<br />
            汗滴禾下土。<br />
        </p>

        
        <hr />

        
        a<b>c
        <p>©今天天气  好晴朗，处处好风光</p>

        
        <img src="1.gif" alt="这是一个大松鼠" width-"100px"/>

        
        <iframe src="demo02.html" name="tom"></iframe>

        
        <a href="http://www.baidu.com">我是一个外网超链接</a>
        <a href="#bottom">跳转到下面</a>
        <a href="mailto:abc@qq.com">打开电子邮件客户端</a>
        <a href="demo03.html">我是一个内网超链接</a>
        <a href="tom">打开一个内联框架</a>
        <iframe src="demo02.html" name="tom"></iframe>

<p>
           今天天气<em>真不错</em>!
           <strong>注意：好好学习，天天向上！</strong>
       </p>

       
       <p>
           <i>我是i标签中的内容</i>
           <b>我是b标签中的内容</b>
       </p>

       
       <p>
           我是p标签的内容<small>我是small标签的内容</small>
       </p>
       
       <p>
           <cite>《论语》</cite>是一本书
       </p>
       
       <p>
           子曰：<q>学而时习之！</q>
       </p>
       <div>
           子曰：<blockquote>学而时习之！</blockquote>
       </div>
       
       <p>
           H<sub>2</sub>O
           2<sup>3</sup>
       </p>
       
       <p>
           <ins>插入内容</ins>
           <del>删除内容</del>
       </p>
       
       <p>
           <pre>
               window.onload(){
                   alert("hello");
               }
           </pre>
           <code>
               window.onload(){
                   alert("hello");
               }
           </code>
       </p>
       
       <ul type="circle">
           <li>A</li>
           <li>B</li>
       </ul>
       <ol type="i">
           <li></li>
           <li></li>
       </ol>
       <dl>
           <dt>武松</dt>
           <dd>打死西门庆</dd>
           <dd>投奔梁山</dd>
           <dt>武大</dt>
           <dd>卖烧饼的</dd>
           <dd>弟弟武松</dd>
       </dl>
    </body>
</html>

Dev-拓海

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
day01-HTML

软件的架构：C/S：客户端/服务器(Client/Server)概述：1. 一般我们使用的软件都是C/S架构，比如：QQ、3602. C表示客户端，用户通过客户端来使用软件3. S表示服务器，负责处理软件的业务了逻辑特点：1. 软件使用前必须得安装...
复制链接

扫一扫