一、认识网页
1.1.1
网页的组成部分:由文字、图片、音频、视频、超链接组成。
网页背后的本质:前段程序员写的代码
前段的代码是通过什么软件转换成用户眼中的网页:通过浏览器的转化
1.2.1浏览器
浏览器:是网页显示、运行的平台,是前端的开发必备利器
常见浏览器:IE、火狐、谷歌、safari、欧朋
1.2.2
渲染引擎(浏览器内核):浏览器中专门对代码进行解析渲染的部分
渲染引擎不同,导致解析相同的代码时的速度、性能、效果也不同。
1.3
Web标准
1.3.1为什么需要Web标准?
不同的浏览器的渲染引擎不同,对于相同的代码解析效果会存在差异(如果用户想看一个网页,结果用不同的浏览器打开效果不同,体验感极差)
1.3.2Web标准的构成
语言:html、css、JavaScript
结构: html--页面元素和内容
表现:css--网页元素的外观和位置等页面样式(如颜色,大小等)
行为:Java Script--网页模型的定义与页面交互
Web标准要求页面实现:结构、表现、行为三层分离
二、html基本认识
1.1.1基本认识
html中文译为:超文本标记语言
专门用于网页开发的语言,主要通过HTM L标签对网页中的文本、图片、音频、视频等内容进行描述
1.1.2 html页面固定结构
网页类似于一篇文章,每一篇文章内容都是有固定的结构,如开头、正文、落款等
网页中也有固定的结构,如:整体、头部、标题、主体
网页中的固定结构是要通过HTML标签进行描述的
例如:
<html>
<head>
<title>网页的标题</title>
</head>
<body>
网页的主体内容
</body>
</html>