1.WEB标准的三个构成：
- HTML——结构——页面元素和内容（Hyper Text Markup Language 超文本标记语言）
- CSS——表现——网页元素的外观和位置等页面样式（颜色、大小等）
- JavaScript——行为——网页模型的定义与页面交互
2.HTML骨架结构的标签组成
- html：网页的整体
- head：网页的头部
- body：网页的身体
3.HTML中的常见标签
3.1 排版标签：
- 标题标签：<h></h>，一共6个，文字加粗且变大，h1->h6逐渐减小，独占一行
- 段落标签：<p></p>，用于结束段落，段落之间存在间隙且独占一行
- 换行标签：<br>，用于文字换行，单标签
- 水平分割线：<hr>，在页面中显示一条水平线，单标签
3.2 文本格式化标签：
- 加粗：<b></b>、<strong></strong>
- 下划线：<u></u>、<ins></ins>
- 倾斜：<i></i>、<em></em>
删除线：<s><s/>、<del></del>
strong、ins、em、del，表示的强调语义更强烈
3.2 媒体标签：
- 图片标签：<img src="" alt="" title="" width="" height="">，单标签
- src路径
- alt替换文本，图片加载失败显示，成功不显示
- title提示文本，当鼠标悬停时，才显示文本
- width宽度、height高度，如果只设置了其中一个，图片只会等比例缩放
- 路径：绝对路径、相对路径
- 绝对路径：从盘符开始的路径、完整的网络网址
- 相对路径（常用）：从当前文件开始出发找目标文件的过程
- 同级路径：./目标文件名或目标文件名
- 下一级路径：下一级文件名/目标文件名
- 上一级路径：../目标文件名
- 音频标签：<audio src="music.mp3 controls"></audio>
- src音频路径
- controls显示播放的控件
- autoplay自动播放（部分浏览器不支持）
- loop循环播放
- 视频标签：<video src="video.mp4" controls></video>
- src视频路径
- controls显示播放的控件
- autoplay自动播放（谷歌浏览器需要配合muted实现静音播放）
- loop循环播放
- 链接标签：<a href="目标网页.html" target="_blank">超链接</a>，双标签
- href跳转地址，href值写#为空链接
- target目标网页的打开形式
- _self默认,在当前窗口跳转（覆盖原网页）
- _blank，在新窗口跳转（保留原网页）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>FirstHtml</title>
</head>
<body>
<h1>
<!--注释标签-->
This is my first html!
</h1>
<hr>
<h2>happy summer day~</h2>
<img src="../dog.png" alt="沙滩狗头" width="500"><br>
<audio src="Summer%20on%20You.mp3" title="Summer on you" controls></audio>
<br>
<h2>ice cola</h2>
<video src="冰镇可乐.mp4 " controls autoplay muted width="700"></video>
<br>
<a href="https://www.bilibili.com/video/BV1Kg411T7t9/?p=20&spm_id_from=pageDriver&vd_source=f85f84a5c8ccb2f92a529550ad87bfda" target="_blank>跳转到学习视频</a>
</body>
</html>
213
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
