- 浏览器的基本认识：浏览器由网页、图片、音频等组成
- 浏览器主要有谷歌、IE、safari、欧朋、火狐这五个浏览器。
浏览器（内核）渲染引擎不同，运行速度也就不同。
前端工程师一般使用谷歌浏览器
- Web标准：需要原因：不同浏览器之间渲染效果不同，显示同一内容的效果也就不一样
构成：由html（骨架），css（表现），js（行为）构成。
HTML初体验：
- Html感知：概念：超文本标记语言
案例：体会文字加粗
<strong>加粗文字</strong>
效果：
- html骨架：标签主要有html标签、head标签、body标签、title标签（位于head）标签内
- html开发工具：最流行的工具vscode，还有其他的工具如webstorm等
vscode可以使用!+Enter生成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>
Html语法规范
- html注释：注释的概念：帮助自己和他人理解代码
注释的快捷键：ctrl+/
<!-- 注释内容 -->
- html标签以及构成：单标签、双标签。
标签之间的关系：父子关系，如html和head或body之间的关系
兄弟关系，如head和body之间的关系。
（1）标题标签
标题标签：<h1></h1>-<h6></h6>，字体加粗，标题级别越小字越小。可用ctrl+D改数字
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
段落标签：<p></p>使用alt+z自动换行，不同段落之间有默认间距
换行标签：<br>
分割线标签：<hr>
（2）文本格式化标签
<b></b> 加粗 <strong></strong>
<u></u> 下划线<ins></ins>
<i></i> 倾斜线<em></em>
<s></s> 删除线<del></del>
(3) 媒体标签
承载图片的代码<img src=”” alt=””>
图片标签，src、alt等是属性，不分先后
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
