1 基础概念铺垫(了解)

    1 基础概念铺垫(了解)

        1.1 认识网页

            1.1.1 网页由哪些部分组成?

                文字、图片、音频、视频、超链接

            1.1.2 我们看到的网页背后本质是什么?

                程序员写的代码

            1.1.3 前端代码是通过什么软件转换成用户眼中的页面的?

                通过 浏览器 转化(解析和渲染)成用户看到的网页

        1.2 五大浏览器和渲染引擎

            1.2.1 浏览器:是网页显示、运行的平台,是前端开发必备利器

            1.2.2 常见的五大浏览器:

                    IE浏览器、火狐浏览器(Firefox)、谷歌浏览器(Chrome)、Safari浏览器、欧朋浏览器(Opera)

            1.2.3 渲染引擎(浏览器内核):浏览器专门对代码进行解析渲染的部分

            1.2.4 浏览器出品的公司不同,内在的渲染引擎也是不同的:

                浏览器                       内核                                            备注

                IE                            Trident                        IE、猎豹安全、360极速浏览器、百度浏览器

                FireFox                  Gecko                                     火狐浏览器

                Safari                     Webkit                                    苹果浏览器

                Chrome/Opera      Blink                                Blink其实是Webkit的分支

                注意:

                    渲染引擎不同,导致解析相同代码的速度、性能、效果也不同

        1.3 Web标准

            1.3.1 为什么需要Web标准?(了解)

                不同浏览器的渲染引擎不同,对于相同代码解析的效果会存在差异

                如果用户想看一个网页,结果不同的浏览器打开效果不同,用户体验极差

            1.3.2 Web标准的构成

            Web标准分三个构成:

                构成            语言                                           说明

                结构            HTMl                                 页面元素和内容

                表现            CSS                 网页元素外观和位置等页面样式(如:颜色、大小等)

                行为         JavaScript                     网页模型的定义与页面交互

    2 HTML初体验

        2.1 HTML感知

            HTML的概念

                HTML中文译为:超文本标记语言

                专门用于网页开发的语言,主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述

        2.2 HTML骨架结构

            <html>

                <head>

                    <title>网页标题</title>

                </head>

                <body>

                    网页主体内容

                </body>

            </html> 


以上是作者学习总结,分享所学,共同进步。如若哪处有误,感谢指出!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Q _Q

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值