【Web前端开发基础】前端开发基础知识认知

基础认知

目标:认识网页组成五大浏览器,明确Web标准的构成,使用HTML骨架搭建出一张网页

一、前端基础知识概念铺垫

1. 认识网页

  • 网页的组成部分:文字、图片、超链接、视频、音频

2. 五大浏览器和渲染引擎

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

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

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

    浏览器厂商内核(渲染引擎)
    Chrome 谷歌浏览器Google 公司以前是Webkit内核,现在是Blink内核
    Firefox 火狐浏览器Mozilla 基金会Gecko
    IE 浏览器Microsoft 公司Trident
    Safari 浏览器Apple (苹果) 公司Webkit
    Opera 浏览器Opera Software 公司最初是Presto内核,后来是Webikt内核,现在是Blink内核
  • 注意点:渲染引擎不同,导致解析相同代码时的速度、性能、效果也不同的

  • 谷歌浏览器的渲染引擎速度快、性能高、效果好,所以更吸引用户的喜爱(推荐)

  • 常见的五大浏览器及其市场份额
    在这里插入图片描述 在这里插入图片描述

3. Web标准

  • 不同浏览器的渲染引擎不同,对于相同代码解析的效果会存在差异
  • Web标准:让不同的浏览器按照相同的标准显示结果,让展示的效果统一
    在这里插入图片描述

4. Web标准的构成

  • 结构 —— HTML (HyperText Markup Language,超文本标记语言)用于设定网页结构
  • 样式 —— CSS(Cascading Style Sheets,层叠样式表)用于设定网页样式
  • 行为 —— JavaScript 动态效果(客户端脚本语言)用于设定网页行为
二、HTML初体验

1. HTML的概念

  • HTML(Hyper Text Markup Language)中文译为:超文本标记语言
  • 网页开发的语言,主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述

2. 网页体验-构建基本网页的步骤

在代码文件夹中点击鼠标右击 → 新建文本文档 → 命名为:文字变粗案例.txt
双击这个文件,输入代码等内容 → 记得保存!
在文件上点击鼠标右键 → 重命名 → 修改文件后缀为为.html
双击文字变粗案例.html,浏览器会自动打开文件并显示之前输入的内容

请添加图片描述
3. HTML基本骨架

  • HTML骨架结构由哪些标签组成?

    • html标签:网页的整体

    • head标签:网页的头部

    • body标签:网页的身体

    • title标签:网页的标题

    <html>
        <head>
            <title>网页的标题</title>
        </head>
        <body>
            网页的主体内容
        </body>
    </html>
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值