2022.09.15今日总结

1.浏览器及内核

web浏览器是用于读取HTML文件,并将其作为网页显示

浏览器最重要的部分或其核心是渲染引擎,我们一般称为内核

内核的作用负责对网页语法的解释并渲染网页五大浏览器:chrome、safari、Firefox、Opera、IE

  1.chrome 谷歌浏览器

  生产商:Google 

  内核:webkit、blink

  2.Firefox 火狐浏览器

  生产商:Mozilla

  内核:gecko

  3.Safari 苹果浏览器

  生产商:苹果公司

  内核:webkit

  4.opera 欧朋浏览器

  生产商:挪威欧普拉软件公司

  内核:presto  blink

  5.IE 浏览器

  生产商:微软公司 Microsoft

  内核:trident

  现在国内市场上有许多双内核的浏览器,使用的是trident,webkit内核

2页面的三大组成部分 

结构:给页面搭建基本的框架结构。 html ,类比于建房子的时候要搭的地基跟钢筋。 

表现:页面的美化,装饰。 css 相当于给房子加背景和家具的排列布局。 

行为:页面的轮播图,返回顶部... javascript 相当于房子加灯的开关。 

  结构层html和表现层css,是 W3C 制定的规范,万维网联名。

​     行为层js,是 ECMA 制定的规范,欧洲计算机协会。

2、HTML介绍

HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言。

通过HTML标记(标签)对网页中的文本、图片、多媒体等内容进行描述。

  “超文本”:不仅能承载简单的文字、还能包含超链接、图片、音频、视频等。
  “标记语言”:标记语言是由一套标记标签组成的。

2、HTML文档——网页

HTML文档也被称为网页

创建HTML文档

3、标记(标签)
HTML注释
HTML中的注释以`<!--`开头,以`-->`结束,开始和结束中间为注释内容。

ctrl + /   

alt + shift + a: 可以在一行代码的后面进行注释
<!DOCTYPE html>文档类型定义

  lang属性
作用:定义当前文档显示文字的语言
语法:lang=“en”
  en定义语言为英语
 

<head>
网页的头部信息 其内容不会显示在网页中
文档字符集
字符集(Character set)是多个字符的集合,便于计算机识别和存储各种文字。
(2)常用的字符集
- UTF-8被称为万国码,包含全世界所有国家需要用到的字符

div
宽度撑满整个父元素
高度由内容撑起
独占一行

作用 分割页面区块 div里随便可以嵌套

h
宽度默认撑起整个父元素
高度由内容撑起
自带外间距
自带字体加粗
 
文章标题 内容标题 logo 
产品标题

p
宽度默认撑满整个父元素
高度由内容撑起
独占一行
自带外间距 

hr 水平分割线
自带间距 自带边框
在页面中显一条水平线

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值