常用端口号+前端基础续——自学习梳理

簡訫37

于 2024-06-25 23:35:04 发布

阅读量249

点赞数 3

文章标签： html

本文链接：https://blog.csdn.net/qq_63125992/article/details/139973227

版权

常用端口号

默认开启 80端口号(默认端口) 如果只指定ip，不指定端口，则默认80端口

ip：172.0.0.1是本机地址或者localhost(域名)

常用端口号：linux 22端口 FTP 21端口 MySQL 3306 tomcat 8080端口

防火墙来控制端口的开和关

防火墙的功能：开闭端口限制指定ip访问允许指定ip访问限制/允许某个范围的ip访问允许某些ip在指定时间段访问

限制某些ip的访问频率

kill -9 进程号

浏览器会把webapps文件夹当成一个网站

域名分为一级、二级、三级域名

只要我们购买了一级域名，就能自己写无数个二级、三级域名

域名请求原理

浏览器向DNS发送域名请求IP时，用的是UDP协议

一个域名可以对应多个ip 一个ip地址的服务器可以运行多个不同域名的网站

前端基础--续

注释即原理

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">

         <style>
            .sty1{height: 32px;width: 6%;float:left;color:#fff;
               font-size:13.5px;text-align: center;line-height: 32px;margin-left: 1px;}/*color font-size 文字颜色和大小*/
            .sty2{height: 90px;width: 50%;background-color: #777;float:left;
               color:aqua;text-align: center;line-height: 90px;font-size: 50px;}     /*text-align: center;文字居中 line-height: 32px; 覆盖32px文字在中间*/
            .sty3{border: 0px;height: 40px;width: 96%;margin-top: 4px;margin-left: 1.5%;border-radius: 4px;
               background-color: #ddd;font-size: 20px;color: #555;   /*border 边框属性*/
            }
         </style>

   </head>
<body>

      <div style="height: 90px;width: 100%;background-color: #aaa;">
            <div class="sty2">倾城博雅大厂突击</div>
            <div style="height: 90px;width: 50%;background-color: #888;float:left;">
               <div style="height: 50px;width: 60%;background-color: #999;margin-top: 20px;margin-left: 20%;border-radius: 4px;">
                  <input type="text" class="sty3" placeholder="disabled"/>
               </div>   <!--value="disabled"会实际存在    placeholder 虚拟存在，当输入数据时就会消失-->
            </div>
      </div>

      <div style="height: 32px;width: 100%;background-color: #999;margin-top: 4px;">
         <div class="sty1" style="margin-left: 5%;">菜单选项</div>
         <div class="sty1">菜单选项</div>
         <div class="sty1">菜单选项</div>
         <div class="sty1">菜单选项</div>
         <div class="sty1">菜单选项</div>
         <div class="sty1">菜单选项</div>
      </div>

      <div style="height: 900px;width: 90%;margin-top: 10px;margin-left: 5%;">  <!--display: flex;-->
         <div style="height: 500px;width: 15%;background-color: #999;float:left;"></div>
         <div style="height: 900px;width: 84%;margin-left:1%;background-color:#777;float:left;"></div>
      </div>

 </body>
</html>