1.网页的基础认知
1-1.网页由那些部分组成
文字、图片、音频、视频、超链接
1-2.网页背后的本质是什么
前端程序员写的代码
1-3.前端的代码是通过什么软件转换成用户眼中的页面
通过浏览器转化(解析和渲染)成用户看到的网页
2.浏览器
- 浏览器是网页显示运行的平台,是前端开发必不可少的利器
- 常见的五大浏览器:IE浏览器、火狐浏览器(Firefox)、谷歌浏览器(Chrome)、Safari浏览器、欧朋浏览器(Opera)
- 渲染引擎不同,导致解析相同代码时的 速度、性能、效果也不同的
- 谷歌浏览器的渲染引擎速度快、性能高、效果好,所以更吸引用户的喜爱(推荐)
3.Web标准的构成
- 结构:HTML 页面元素和内容
- 表现:CSS 网页元素的外观和位置等页面样式
- 行为:JavaScript 网页模型的定义与页面交互
4.HTML(超文本标记语言)
HTML:超文本标记语言
4-1.html基本骨架结构
<!- 文档声明 ->
<!DOCTYPE html>
<!- 语言类型 ->
<html lang="en">
<!- 网页的头部 ->
<head>
<!- 字符集类型 ->
<meta charset="UTF-8">
<!- 浏览器 ->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!- 视口 ->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!- 网页标题 ->
<title>Document</title>
</head>
<!- 网页的主体内容 ->
<body>
</body>
</html>
4-2.排版标签
-
标题标签h1-h6字体加粗 上下生成空白行,h1在一个页面上只能使用一次,多次使用不符合w3c标准,不利于页面搜索引 擎seo优化 ,一般使用在网页logo标签
-
段落标签p上下生成空白行
-
水平线hr
-
换行br
4-3.文本格式化标签
-
加粗 strong b
-
倾斜 em i
-
下划线 ins u
-
删除线 del s
-
上标 sup
-
下标 sub