本文介绍了HTML的认知，包括网页的组成元素（文字、图片、音频、视频等）、浏览器的选择、web标准构成，以及VSCode的使用。详细讲解了HTML标签如title、body、head等，文本格式化、图片、音频、视频和超链接的基本使用方法。
HTML认知-01-初识-网页组成和本质
组成：文字 图片 音频 视频 超视频
本质：前端程序员写的代码
HTML认知-02-了解-初识-浏览器
五大浏览器：IE浏览器 火狐浏览器 谷歌浏览器 Safari浏览器 Opera浏览器
推荐：谷歌
HTML认知-03-初识-web标准
Web标准分成三个构成：
HTML认知-04-HTML感知
HTML：超文本标记语言
把后缀改成html，可变成网页
HTML认知-05-HTML骨架
html标签：网页的整体
head标签：网页的头部
body标签：网页的身体
title标签：网页的标题
HTML认知-06-vscode的简介和使用
新建文件，后缀是.html
输入 ！ 再回车可得到html骨架
再在<title> </title>中间输入标题，在<body> </body>中间输入主体
保存后点开文件可看到网页内容，或者右键点击 Open In Default Browser 打开，再或者快捷键Alt+B 打开
HTML认知-07-注释
注释：点击要加注释的那一行，快捷键Ctrl+/
HTML认知-08-标签组成和关系
HTML认知-09-标题和段落
输入h1再回车，就可以得到<h1> </h1>，在里面输入标题内容即可
输入p再回车，就可以得到<p> </p>，在里面输入段落内容即可
HTML认知-10-换行线和水平线标签
换行<br>
水平线<hr>
HTML认知-11-文本格式化标签
图右突出重要性语境
HTML认知-12·13-图片-基本使用
图片标签：
<img src=“” alt=“替换文本” title=“提示文本” weight=“图片的宽度” height=“图片的高度” >
alt为替换文本，当图片不显示时会显示的文字
title为提示文本，当鼠标悬停时会显示的文字
weight和height只设置其中一个时，另一个会等比例缩放
HTML认知-14·15·16-路径
同级：<img src=“图片名称” alt=“” > 或者<img src=“./图片名称” alt=“” > ./表示当前文件夹
下级：<img src=“同级图片所在文件夹名称/图片名称” alt=“” >
上级：<img src=“../图片名称” alt=“” >或者<img src=“../上级图片所在文件夹名称/图片名称” alt=“” >../表示上一级文件夹，如果还想再上一级，可再加一个.
HTML认知-17-音频标签
音频标签：
<audio src=“音频名称” controls autoplay loop ></audio>
HTML认知-18-视频标签
视频标签：
<video src=“音频名称” controls autoplay loop muted></audio>
HTML认知-19-超链接
超链接标签：
<a href =“网页地址或路径” target=“ ”> 超链接</a>
例如
<a href=“https://www.bilibili.com”>跳转到b站</a>
如果跳转到本地网页
<a href=“./01-文字标签”>点我跳转到01-文字标签</a>
当开发网站初期，不知道要跳转到哪，则href=#
扫一扫
6471
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
