Skip to content
静心静心
HOME
DoubtfulCases
github icon
  • CSS

    • 标签
      • a标签
        • Label 标签
          • background
            • background属性
              • border和outline
                • borderAndoutline
                  • css - padding
                    • css 单位
                      • css 所有的居中(仅限参考)
                        • CSS 之 重构 回流
                          • Css选择器 权重
                            • css选择器
                              • CSS之阴影
                                • css之float
                                  • css重点
                                    • grid布局
                                      • HTML基础标签+表单
                                        • 前端通信原理
                                          • (1) 前端通信闭环流程
                                            • (2) DNS、域名与ip地址
                                            • HTML简介
                                              • (1) HTML语言的由来和发展
                                                • (2) HTML标签的由来
                                                  • (3) HTML常用标签
                                                    • (4) HTML语义化标签
                                                    • HTML表单标签
                                                      • 盒子模型(了解)
                                                    • table布局

                                                    HTML基础标签+表单 -First Day

                                                    author iconYYtimer icon大约 3 分钟

                                                    此页内容
                                                    • 前端通信原理
                                                      • (1) 前端通信闭环流程
                                                      • (2) DNS、域名与ip地址
                                                    • HTML简介
                                                      • (1) HTML语言的由来和发展
                                                      • (2) HTML标签的由来
                                                      • (3) HTML常用标签
                                                      • (4) HTML语义化标签
                                                    • HTML表单标签
                                                      • 盒子模型(了解)

                                                    # HTML基础标签+表单 -First Day

                                                    # 前端通信原理

                                                    # (1) 前端通信闭环流程

                                                    # 1、网络通信流程(最简单的理解方式)

                                                    ​ 第一步:访问某网站的时候,打开浏览器发送请求,首先到 交换机 ——》 路由器--》路由发给DNS服务器进行域名解析。

                                                    ​ 第二步:查到对应ip地址后,路由器根据路由协议进行路由转发给某网站的路由器。

                                                    ​ 第三步:某网站路由器把信息发给网站

                                                    ​ 第四步:当你打开浏览器的时候,你的电脑给你的浏览器这个运行起来的程序给了一个编号,叫做端口号,当你的电脑收到网站发送过来的消息的时候,你的电脑通过端口号找到你的浏览器,你的浏览器拿到了网站信息,然后将网站呈现在了自己的浏览器上。

                                                    # (2) DNS、域名与ip地址

                                                    ​ 1、DNS:Domain Name Service 域名解析服务,工作在应用层,是互联网的一项服务。它作为将域名和IP地址相互映射的一个分布式数据库,能够使人更方便地访问互联网。DNS监听在TCP和UDP端口53。

                                                    FQDN:全称域名,如 www.example.com
                                                    www是主机名
                                                    example.com是域名
                                                    注DNS详解:https://www.cnblogs.com/L-dongf/p/9118111.html
                                                    
                                                    1
                                                    2
                                                    3
                                                    4

                                                    ​ 2、ip地址

                                                    IP地址根据网络号和主机号来分,分为A、B、C三类及特殊地址D、E。    全0和全1的都保留不用。
                                                    
                                                    A类:(1.0.0.0-126.0.0.0)(默认子网掩码:255.0.0.0或 0xFF000000)第一个字节为网络号,后三个字节为主机号。该类IP地址的最前面为“0”,所以地址的网络号取值于1~126之间。一般用于大型网络。
                                                    
                                                    B类:(128.0.0.0-191.255.0.0)(默认子网掩码:255.255.0.0或0xFFFF0000)前两个字节为网络号,后两个字节为主机号。该类IP地址的最前面为“10”,所以地址的网络号取值于128~191之间。一般用于中等规模网络。
                                                    
                                                    C类:(192.0.0.0-223.255.255.0)(子网掩码:255.255.255.0或 0xFFFFFF00)前三个字节为网络号,最后一个字节为主机号。该类IP地址的最前面为“110”,所以地址的网络号取值于192~223之间。一般用于小型网络。
                                                    
                                                    D类:是多播地址。该类IP地址的最前面为“1110”,所以地址的网络号取值于224~239之间。一般用于多路广播用户[1]  。
                                                    
                                                    E类:是保留地址。该类IP地址的最前面为“1111”,所以地址的网络号取值于240~255之间。
                                                    
                                                    在IP地址3种主要类型里,各保留了3个区域作为私有地址,其地址范围如下: 
                                                    A类地址:10.0.0.0~10.255.255.255 
                                                    B类地址:172.16.0.0~172.31.255.255 
                                                    C类地址:192.168.0.0~192.168.255.255
                                                    
                                                    回送地址:127.0.0.1。 也是本机地址,等效于localhost或本机IP。一般用于测试使用。例如:ping 127.0.0.1来测试本机TCP/IP是否正常。)
                                                    
                                                    1
                                                    2
                                                    3
                                                    4
                                                    5
                                                    6
                                                    7
                                                    8
                                                    9
                                                    10
                                                    11
                                                    12
                                                    13
                                                    14
                                                    15
                                                    16
                                                    17
                                                    18

                                                    # HTML简介

                                                    # (1) HTML语言的由来和发展

                                                    HTML的意思则是"Hypertext Markup Language",中文翻译为“超文本标记语言”
                                                    
                                                    1

                                                    # (2) HTML标签的由来

                                                    # (3) HTML常用标签

                                                    h、p、ul、ol、dl、hr、

                                                    br、select、option、img、

                                                    a、

                                                    div、meta-keywords、

                                                    <meta name="keywords" content="若梦,echo丶若梦,梦">
                                                    键字标签"Keywords" 是用来描述一个网页的属性
                                                    
                                                    1
                                                    2

                                                    meta-description、

                                                    类似这样的 meta 标签本文档的meta 属性描述了该文档:
                                                    <meta name="description"content="HTML examples">
                                                    
                                                    1
                                                    2

                                                    style、link、

                                                    link re=shortcut icon 指定网站小图标
                                                    
                                                    link rel=stylesheet 网站CSS地址
                                                    
                                                    1
                                                    2
                                                    3

                                                    scriptc

                                                    # (4) HTML语义化标签

                                                    header、nav、article、footer

                                                    # HTML表单标签

                                                    form、input-默认、input-submit

                                                    1. # 盒子模型(了解)

                                                    edit icon编辑此页open in new window
                                                    上一页
                                                    grid布局
                                                    下一页
                                                    table布局
                                                    傻瓜都能写出计算机可以理解的代码。唯有能写出人类容易理解的代码的,才是优秀的程序员。
                                                    Copyright © 2022 YY

                                                    该应用可以安装在您的 PC 或移动设备上。这将使该 Web 应用程序外观和行为与其他应用程序相同。它将在出现在应用程序列表中,并可以固定到主屏幕,开始菜单或任务栏。此 Web 应用程序还将能够与其他应用程序和您的操作系统安全地进行交互。

                                                    详情