Web基础01

本文详细介绍了Web与Internet的区别,重点解析了Web的工作原理,包括基于浏览器和服务器的数据传输,以及通信协议如HTTP的重要性。此外,还深入讲解了HTML的基本语法,如标签、嵌套和注释,以及常见的文本标签如标题、段落和水平分割线的使用。同时,文章还提到了HTML文档的结构,包括<head>和<body>标签的作用。
摘要由CSDN通过智能技术生成

Web和Internet

internet:         全球计算机互联网

Web               Word Wide web 万维网

      手机APP、微信应用、数据可视化。。。

把运行在Internet上的服务器的进行分类;

        1、C/S

                C:client        客户端

                S:server        服务器

         2、B/S

                B:browser        浏览器

                S:server        服务器

Web的工作原理:

        基于浏览器、服务器和通信协议来实现数据的传输和展示

        通讯协议:规范了数据是如何打包和传递的,能让前后端都认识

        技术:HTML        CSS        JAVASCRIPT

HTML

        HyperText        Markup        Language

        超文本                标签                语言

        超文本:带有功能的文本

        标签:<关键字></关键字>

        语言:独立的语法特性

一、HTML基础语法

        1、标记、标签、元素、对象、节点

         例: <b></b>        具有超能力的文本

         使用方式: <> 包裹关键字

        标签的分类:

                双标签:<b></b>

                单标签:<input>或</input>

        2、标签的嵌套

                在双标签的内容区域,编写其他标签,会形成标签功能的叠加

                写嵌套有语义要求,必须要有缩进

        3、注释

                <!---->     

                注释是不会被解运行的代码

                通常是写代码的步骤和解释        

                注意:①<>内注释文字右侧需要至少两个--      例:<!--文档的声明-->

                           ②--大于等于四个    例:<!----------------注释内容---------->

                                

二、HTML文档结构

1、html文档构成

       <!--文档类型声明-->

        <!DOCTYPR html>

        <!--告诉浏览器,当前的代码使用的是H5的语法

        html是一个值,代表H5版本-->

       

        <html></html>

        <!--html标签代表开始和结束,一个页面只有一对-->

        

        1、<head></head>        把当前网页的配置写在head中

              </meta>        网页的编码格式

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

        2、<body></body>

                网页的可视内容区域

三、文本标签

        1、标题

                <h1></h1>.....<h6></h6>

                功能:字号有变化,h1最大,h6最小

                           字体加粗

                           单独成行

                           有垂直的上下间距

        2、段落

                <p></p>

                功能:单独成行

                           垂直的上下间距

        3、水平分割线

                <hr>

                功能:在页面上绘制一条分割线

                           单独成行

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值