0 vscode操作
-
1 vscode运行html代码
- 2 快捷键 option + B
-
3 信任 open in browser
1 网页组成
文字 图片 音频 视频 超链接
2 网页本质
程序员代码
3 前端代码通过什么软件转化为用户看到的界面
浏览器
4 常见浏览器
IE Safari 谷歌 火狐 opera浏览器
5 浏览器内核
浏览器内核== 浏览器引擎
内核： 决定代码解析的速度，性能，效果
6 web标准
浏览器引擎不同，解析代码效果会存在差异
保证不同浏览器打开网页一样，提出了web标准
html标签学习
1 排版标签
2 文本格式化标签
3 媒体标签
- 图片标签
- 路径
- 音频标签
- 视频标签
4 链接标签
7 html 概念
8 html骨架
9 web开发工具
- 截屏2022-08-30 11.38.22.png
10 开发工具vsCode
! + 回车 或 ！+ tab 补全初始代码（生成骨架）
11 注释
ctrl+ / 或者 command + /
12 标签结构
13 标签关系 嵌套 并列
14 快捷键
command +d 相同选择
15 标题标签
16 段落标签
查看->自动换行
17 换行标签
18 水平标签
19 文本格式标签
-
效果一样，如果想语义强调和重要，用后面一组标签
20 媒体标签
1 图片标签
2 路径
路径介绍
同级路径
下级路径
上级路径
../../ ：返回上两级
3 音频标签
<!-- controls： 显示播放控件 autoplay: 自动播放（部分浏览器不支持， loop： 单曲循环） -->
<audio src="../../lib/music.mp3" controls autoplay loop></audio>
4 视频标签
注意： 谷歌浏览器加meted自动播放（但是静音了）
21 链接标签
<h1>今日搜索热词</h1>
<hr>
<h2>1、阿卡贝拉</h2>
<p>阿卡贝拉（意大利：Acappella）即无伴奏合唱。其起源接追溯至中世纪的教会音乐，当时的教会音乐只以人声清唱，并不应该用乐器。音频示例：<a href="one.html" target="_blank"><ins>阿卡贝拉《千与千寻》</ins></a></p>
<h2>2、翻唱</h2>
<p>“翻唱”是讲已经发表并由他人演唱的歌曲根据自己的风格重新演唱，包含填词，编曲 视频示例：<a href="tow.html" target="_blank"><ins>有一种悲伤（翻唱）-《A Kind of Sorrow》</ins></a></p>
