五大浏览器
-
IE -
火狐 -
谷歌 -
Safari -
欧朋(Opera)
渲染引擎(浏览器内核):浏览器中专门对代码进行解析渲染的部分
前段的代码是通过什么软件转换成用户眼中的界面的?
通过浏览器转化(解析和渲染)成用户看到的网页
每个浏览器渲染引擎不同,解析的效果会存在差异
保证不同浏览器打开效果一样,就要保证Web标准
web标准
-
HTML 结构 页面元素和内容 -
CSS 表现 网页元素的外观和位置等页面样式(颜色,大小等) -
JavaScript 行为 网页模型的定义和页面交互
HTML(是一门语言,中文译为超文本标记语言)
页面固定结构,如:
<html>
<head> <title> 页面的标题 </title> </head>
<body> 网页的主题内容
</body>
</html>
-
html:网页的整体 -
head:网页的头部 -
body:网页的身体 -
title:网页的标题
插件 open in browser :alt+b直接用网页打开
注释
标签
html之间的关系可分为
-
父子关系(嵌套关系)(比如html包含head) -
兄弟关系(并列关系)(比如head和body)
如果要突出强调,就用英文单词
-
媒体标签:
-
图片标签:<img src="" alt="">(输入img即可)(src=“”标签属性)(src属性名)(引号里面的是属性值),一个标签可以写多个属性,属性之间用空格隔开,标签名与属性名也以空格隔开,属性之间没有顺序之分。
-
alt:替换文本,当src加载失败时,显示的文本。 -
title:提示文本,当鼠标悬停时,显示的文本,title属性不仅仅可以适用图片标签,还可以用于其他标签。 -
width和height:宽度和高度(数字),如果只设置了一个,另一个会自动等比缩放。(工作中只需要给出一个值)
-
路径:
-
-
-
-
-
|