Web应用基础

什么是Web ?

√全称是World Wide Web
√中文名称是全球广域网或万维网
√表现形式是超文本、超媒体、超文本传输协议
 

Web 1.0和Web 2.0的特点有一些区别：

Web 1.0特点：

1. 静态内容：Web 1.0主要是静态的网页，内容以文本、图像和链接为主，用户只能 passively地浏览和查看信息。

2. 单向通信：Web 1.0是单向的通信模式，信息的发布和传递是由网站所有者控制的，用户无法直接参与内容的创作和交流。

3. 中心化：Web 1.0是以网站为中心的模式，信息和数据存储在中心服务器上，用户通过浏览器访问和获取。

4. 专业性：Web 1.0的内容主要由专业人员生产和提供，普通用户只能 passively地接收信息和浏览网页。

Web 2.0特点：

1. 动态内容：Web 2.0注重用户参与和创造，用户可以通过互动的方式产生和共享内容，网页内容更加丰富和动态。

2. 双向通信：Web 2.0是双向的通信模式，用户不仅可以获取信息，还可以生成内容、评论、分享和交流。

3. 分布式：Web 2.0是分布式的模式，信息和数据分散存储在各个页面和用户设备上，用户可以通过各种方式访问和获取。

4. 用户生成内容：Web 2.0鼓励用户生成内容，通过社交媒体、博客、维基百科等平台，用户可以主动参与内容的创作和贡献。

5. 社交化：Web 2.0注重社交交互，用户可以建立社交网络、分享和交流信息，形成在线社区和社交圈子。

总体来说，Web 1.0更偏向于静态的、单向的信息展示模式，而Web 2.0更加注重用户参与和互动，以用户生成内容和社交交流为特点。

http 明文

https 加密

http就两种协议  html和ccs

写作规范

快捷键

常用的快捷键
shift+ctrl+enter 在前面插一个空行
ctrl+enter 在下面插一个空行
按住shift+alt，同时鼠标点击往下拖，可以同时编辑代码
选中要注释的内容，按 ctrl+/ 会用行注释注释选中的内容，按 shift+alt+A 会用块注释注释选中的内容
shift+alt+F，自动格式化文档
 

1.  !+Tap可以快速生成html结构

2.   html标签+Tap 可以自动生成完整的html标签

3.          父级：^（用于生成父级元素的同级元素）     

             子级：>

             兄弟级：+

例子：div>p^h1

<div>

        <p></p>

</div>

<h1></h1>

4.        #id 和 .class

例子：div#id-one>ul>li

<div id="id-one">

        <ul>

                <li></li>

        </ul>

</div>

5.          分组操作符 ()

div#two>(h1+ul>li)
    <div id="two">
        <h1></h1>
        <ul>
            <li></li>
        </ul>
    </div>
6.          文本操作符 {}

p{12345}
    -> <p>12345</p>
#box1{box1}
    -> <div id="box1">box1</div>
 

7.         乘法

p*3
    <p></p>
    <p></p>
    <p></p>
 

8.         自动计数 $

table>tr*3>td*2{$} 可以自动生成3行2列的表格
    <table>
        <tr>
           <td>1</td>
           <td>2</td>
        </tr>
        <tr>
           <td>1</td>
           <td>2</td>
        </tr>
        <tr>
           <td>1</td>
           <td>2</td>
        </tr>
    </table>

method:

1.get请求：提交的数据出现在地址栏中，不安全，可以传输的数据量小。

2.post请求：提交的数据不会出现在地址栏中，（在请求的数据包中），相对安全，传输量大，文件传输一定会使用post请求。

表单控件

<input type="text">文本框

<input type="password" >密码框

<input type="radio">单选按钮

<input type="checkbox">复选框

<input type="file">文件上传

<input type="button">普通按钮

<input type="submit">提交按钮

<select> </select>下拉菜单

<option></option>下拉菜单选项

例子：

<select name="as" id="">

            <option name="asd">莫迪</option>

            <option value="ttt">瑞克</option>

  </select>

<textarea> </textarea>文本域
 

type          设置控件类型      

name         名称并且会发给服务端

vlaue        值（一般显示的这个）

placeholder    输入框提示文本

checked          单选或复选默认选中

selected            设置下拉菜单的默认选中

百度联系

    <!-- 表单数据提交给百度的服务器 -->
    <form action="https://www.baidu.com/s" method="get">                  输入框得到文本提交给网址
        <input type="text" name="wd" id="">
        <input type="submit" value="百度一下">
    </form>