这是我参与「第四届青训营」笔记创作活动的第一天

1.HTML标签上

              ----（笔记中一些符号的首尾<>省略） <br/>

!doctype
1.作用就是告诉浏览器哪种HTML版本来显示
2.声明标签
3.一定要位于文档最前面

lang语言 en英文 zh-CN中文

meta charset="UTF-8"/字符集一定要写不然容易乱码

head中放得是不用显示给用户的，在标签页中显示出来

body中放得是要给用户看到

h1-h6标题标签一个标题独占，一行字号也会变大

p是一个段落标签
1.文本在一个段落中会根据浏览器窗口的大小自动换行
2.段落和段落之间保有空隙

br/强制换行，跟段落不一样段落会增加一写垂直的距离

strong b加粗标签
em i倾斜
del s删除线
ins u下划线
div span没有语义，就是一个盒子用来装内容（主要用来装图片）
1.div一行只能放一个，独占一行（大盒子）
2.span一行可以放多个（小盒子）

img src="图像URL"/
src是标签的必要属性，用于指定图像文件的路径和文件名
alt替换文本，图像不能显示的时候用文字替换
title提示文本，鼠标放上去显示文字
width设置图像宽度
height设置图像高度
border设置图像的边框粗细
1.宽度和高度一般修改
2.一个图像标签可以有多个属性必须写在标签后面，属性之间不分先后顺序，但之间必须用空格分开 3.采用键值对的格式 height=" "

相对路径：以引用文件所在位置为参考基础
1.同一级路径图片和HTML文件在同一级用img src="img.jpg"/
2.下一级路径图片在HTML文件的下一级 img src="images/img.jpg"/ 图片在images中
3.上一级路径图片在HTML文件的上一级 img src="../img.jpg"/ ../表示返回到上一级（可以返回到上面多级）
绝对路径：指在目录下的路径一般从盘符开始或者网络地址

a用于定义超链接，作用是从一个页面链接到另一个页面
href用于指定链接目标的url地址
target用于指定链接页面的打开方式，_self默认值 _blank为在新窗口中打开
外部链接：a href="www.qq.com">腾讯 /a
内部链接：网站内部页面的链接 a href="vscode.html"首页</a
空链接：a href="#">首页</a
下载链接：如果herf中的地址是一个压缩包和文件 a href="img.zip">下载文件</a
锚点链接：快速定位到页面相应的位置
1.在链接文本的href属性中,设置属性值为#名字的形式,如a href="#two">第2集</a
2.找到目标位置标签，里面添加个id属性 =刚才的名字，如: h3 id="two">第2集介绍</h3

注释：快捷键：ctrl+/