这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天，顺便整理一下之前的笔记内容。
HTML
网页即为html文件 Hyper Text Markup Language 超文本标记语言，由各种各样的标签组成 web标准 代码符合标注即显示相同 由 结构Structure(HTML)，表现Presentation(CSS)，行为Behaviour(JS) 三部分构成
最佳方案：结构、样式、行为相分离， 结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript文件中
<html> </html>大多数标签成对出现
标签的关系：包含关系与并列关系
结构标签
文档类型声明标签，必须写到第一行，不属于html标签Lang 语言：en英文网页，zh-CN中文网页（设置语言浏览器会提示自动翻译） charset字符集 ：尽量写成utf-8编码（万国码）
文档类型声明：采取HTML5版本来显示网页<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The First HTML Test Using VSCode</title>
</head>
<body>
写代码
</body>
</html>
标题标签h1-h6
加了标题分文字会变粗、变大，且独占一行
自动排版 opt + shift + f
段落和换行标签
<p>用于定义段落，paragraph
在VSCode中自动换行 opt + z
文本在段落中会根据浏览器大小自动换行，段落间有空隙，
<br />强制换行，只有一个
文本格式化标签
倾斜<em><i>
删除线<del><s>
下划线<ins><u>
div&span标签的用法
<div><span>
盒子用于布局网页，类似于文本框、画框
span可并列，div单独占一行
图像标签
<img src="img.jpg"/>，图像也是单标签，SRC是图像的必须属性
图像标签还有一些属性
src alt title width height border
宽度和高度一般只修改一个，等比缩放
其它属性都写在src的后面，属性不分先后顺序，之间有空格分割
属性采用键值对的形式，即：key = "value"
路径
目录文件夹：就是普通文件夹
根目录：打开目录文件夹的第一层就是根目录
相对路径：以图片相对于HTML页面的位置为参考
<br />
<img src="images/DSC09851.JPG" width = "400" title = "222
上一级： ../img.jpg，只能上一级
绝对路径和相对路径的斜杠方向不一样（？）Mac系统是一样的
绝对路径：从C盘开始找，最好不要用
超链接标签###
<a>外部链接
<a href = "跳转目标" target = "目标窗口的弹出方式">文本或图像<a>
href必须写，target _self为默认当前窗口打开，_blank为新窗口内打开
还有几个之前学习CSS时忽略的细节：通用字体族、Web Fonts、white-space
