No.1.1

认识网页

问题1：网页由哪些部分构成？

文字、图片、音频、视频、超链接

问题2：我们看到的网页背后本质是什么？

前端程序员写的代码

问题3：前端的代码是通过什么软件转换成用户眼中的页面？

通过浏览器转化（解析和渲染）成用户看到的网页

常见五大浏览器

IE浏览器、火狐浏览器、谷歌浏览器、苹果电脑（Safari浏览器、（欧朋）Opera浏览器）

浏览器市场份额

谷歌占比最大

浏览器渲染通过浏览器内核（渲染引擎）

渲染引擎不同，导致解析相同代码时的速度、性能、效果也不同的

什么是Web标准？

三个构成：html（结构），css（表现），JavaScript（行为）

HTML骨架结构由哪些标签组成？

html标签：网页的整体

head标签：网页的头部

body标签：网页的身体

title标签：网页的标题

开发工具：Visual Studio Code、Webstorm、Sublime、Dreamweaver、Hbuilder

快捷键：Vs Code中    Ctrl+/  注释

HTML标签与标签之间的关系可分为：

父子关系（嵌套关系）

<head>

　　<title></title>

</head>

兄弟关系（并列关系）

<head></head>

<body></body>

快捷键： Ctrl+D 选中一个内容按ctrl+d可以选中相同的内容

文本格式化标签介绍

场景： 需要让文字加粗、下划线、倾斜、删除线等效果

标签         说明　　　　　　　　标签  　　　　 说明

b　　　　加粗　　　　　　　  strong 　　　　加粗

u　　　　下划线　　　　　　　ins　　　　　下划线

i　　　　　倾斜　　　　　　　 em　　　　　倾斜

s　　　　删除线　　　　　　　del　　　　　删除线

语义：突出重要性的强调语境

路径分为：

绝对路径（了解）：指目录下的绝对位置，可直接到达目标位置，通常从盘符开始的路径（网址也叫绝对路径）

相对路径（常用）：

同级目录：当前文件和目标文件在同一目录中（./ ）

下级目录：目标在下级目录中(./文件夹名字/图)

上级目录：目标文件在上级目录中（../）

音频标签：

 <audio src="./music.mp3" controls></audio>

  属性名　　　　　　　　功能

　src　　　　　　　　音频的路径

controls　　　　　　显示播放的控件

autoplay 　　　　　自动播放（部分浏览器不支持）

loop　　　　　　　　循环播放

视频标签：

 <video src="./video.mp4"></video>

  属性名　　　　　　　　功能

　src　　　　　　　　视频的路径

controls　　　　　　显示播放的控件

autoplay 　　　　　自动播放（谷歌浏览器中需配合muted实现静音播放）

loop　　　　　　　　循环播放

链接标签

 <a href="https://www.baidu.com">跳转百度</a>

开发网站的初期，我们还不知到跳转地址的时候，href的值书写#

href: 跳转地址

target属性

属性值　　　　　　　　效果

_self　　　　　　　　默认值，在当前窗口中跳转（覆盖原网页）

_blank　　　　　　　在新窗口中跳转（保留原网页）