一、准备开发环境
Visual Studio Code和Google Chrome
二、HTML-超文本标记语言
超文本：链接
标记：标签（带<>的文本）
标签语法
- 成对出现，中间包裹内容
- <>内放标签名（英文字母）
- 结束标签比开始标签多了个/
- 有双标签、单标签
三、HTML基本骨架-网页模板
vs code新建文件中输入 ！+回车
<title>网页标题</title>
<body>网页主体</body>
四、标签关系
父子关系（嵌套）
html与head
兄弟关系（并列）
head与body
五、注释
ctrl+/添加 删除注释
浏览器不显示注释内容
六、标题标签
h1~h6
h1标签在一个网页中只能用一次，用来放新闻标题或网页logo
h2~h6没有使用次数的限制
在网页中打开
显示效果
文字加粗 字号逐渐减小 独占一行
七、段落标签
p 双标签
在网页中打开
显示效果
独占一行 段落间有间隙
八、换行与水平线标签
强制换行标签：<br>单标签
水平线标签：<hr>单标签
代码中敲enter，在浏览器中没有换行效果
在网页中打开
九、文本格式化标签
<strong>/<b>加粗
<em>/<i>倾斜
<ins>/<u>下划线
<del>/<s>删除线
在网页中打开
十、图像
基本使用
嵌入图片标签<img>单标签
<img src="图片的URL“>
src，用来指定图片的位置和名称
以./开头，VS code有提示功能
在网页中打开
属性
<img src="./图片1.png" alt="替换文本" title="提示文本”>
属性：src="./图片1.png"
属性名：src
属性值：./图片1.png
属性=“属性值”
alt替换文本，图片无法显示的时候显示的文字
title提示文本，鼠标悬停在图片上时显示的文字
width图片宽度
height图片高度
网页中打开
十一、路径
查找文件时，从起点到终点经历的路线
相对路径
从当前文件位置出发查找目标文件
/进入文件夹 文件夹名称+/
.当前文件所在文件夹 ./
..当前文件的上一级文件夹 ../
.. ..上上一级文件夹 .
绝对路径
从盘符出发查找目标文件
Windows电脑从盘符出发，Mac（苹果）电脑从根目录出发
应用场景：友情链接
点击求职刷题即可跳转到求职刷题
十二、超链接
点击跳转到其他页面
<a href="链接">文字</a>
href属性值：跳转地址
在网页打开
点击即可跳转
<a href="https://www.baidu.com/" target="_blank">跳转到百度</a> 页面在新窗口打开
开发初期，不知道跳转地址，href属性值用#，表空连接
十三、音频标签
<audio src=“音频的URL"></audio>
controls 显示音频控制面板
loop 循环播放
autoplay 自动播放（浏览器会禁用）
controls="controls"简写为controls
网页中打开
十四、视频标签
<video src=“视频的URL"></video>
controls 显示视频控制面板
loop 循环播放
muted 静音播放
autoplay 自动播放（浏览器支持在静音状态下自动播放）
网页中打开
扫一扫
2460
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
