0
点赞
收藏
分享

微信扫一扫

HTML+CSS

悄然丝语 2022-02-03 阅读 223

HTML

基础认知

  • 网页的组成
    • 文字、图片、音频、视频、超链接
  • 网页的背后的本质
    • 前端人员代码展示
  • 前端代码通过什么转化过来的
    • 通过‘浏览器’转化(解析渲染)成用户看到的网页

浏览器

1.2.1五大浏览器

  • 浏览器:网页显示、运行的平台,前端开发必备的工具
  • 常见的五大浏览器:IE、火狐、谷歌、Safari浏览器、欧朋浏览器
  • 占有率:谷歌最高

1.2.2渲染引擎

  • 渲染引擎:浏览器中专门对代码进行解析渲染的部分
  • 不通浏览器对应的不通渲染引擎
浏览器内核说明
ietridentie、猎豹、360极速
firefoxgecko火狐浏览器内核
Safariwebkit苹果浏览器内核
Chrome/operablinkblink其实是webkit的分支

注意点:

  • 渲染器的不同,导致解析相同代码的时候速度性能效果也不一样
  • 谷歌渲染最快最好,最后用户喜欢。

web 标准

1.3.1web标准的构成

  • web标准
构成语言说明
结构html页面元素和内容
表现css网页元素的外观和位置等页面的样式
行为js页面模型的定义与网页交互

HTML

html感知

  • HTML:超文本标记语言
<strong>加粗标记</strong>

html骨架结构

  • 网页的大体格式
    • html标签:网页整体
    • head标签:网页头部
    • body标签:网页身体
    • title标签:网页标题
<html>
    <head>
        <title>网页的标题</title>
    </head>
    <body>
        网页的主题
    </body>
</html>

html开发工具

vscode

html代码

  • html 注释 :< !-- -->
  • vscode 中注释快捷键:ctrl+/
  • 标签关系
    • 父子关系
    <head>
        <title></title>
    </head> 
    
    • 兄弟关系
    <head></head><body></body>
    
举报

相关推荐

HTML+CSS使用

html+css 案例

HTML+CSS 2022.4.22

【html+css】阴影

HTML+CSS基础

HTML+CSS笔记

前端html+css笔记

HTML+CSS笔记4

html+css学习(中)

0 条评论