web前端一点儿笔记
<html>开始标签</html>结束标签
HTML标签通常是成双成对出现，我们称为双标签。
<br /单标签>
标签关系分为包含关系和并列关系。
<head>
<title></title>
</head>
<html>根标签
<head>头部标签
<title>文档的标题
<body>文档的主体
VSCode快捷键
shift alt+箭头 复制光标定位的一行
crtl+d 选定相同的单词
crtl alt+上下箭头 添加多个光标
crtl h 全局替换某个单词
crtl+g 转到第几行
shift+alt+鼠标 选中某个区块
crtl+“-+”放大或缩小整个编辑器页面
shift alt+a键多行注释
crtl+/单行注释
PS:Win+左右箭头可以迅速调整浏览器和VScode
VSCode工具生成骨架新增代码的含义
1、<!DOCTYPE>标签
文档类型声明，作用是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>
当前页面采取的是HTML5版本来显示网页。
2、lang：语言
<html>
en：英语网页，zh-CN：中文网页
3、charset：字符集
UTF-8被称为万国码，<meta charset="UTF-8">必须要写，否则可能引起乱码。
标题标签
HTML提供了六个等级的网页标题，即<h1>-<h6>重要性递减，h是head的缩写，意为头部，标题。
段落和换行标签
<p>标签用于定义段落，可以把文字分成若干段落
（1）文本在一个段落中会根据浏览器窗口的大小自动换行。
（2）段落和段落之间保有空隙
强制换行使用换行
<br/>是break的缩写，意为打断换行，只是简单的开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。
文本格式化标签
加粗<strong></strong>或者<b></b>
倾斜<em></em>或<i></i>
删除线<del></del>或者<s></s>
下划线<ins></ins>或者<u></u>
HTML常用标签
<div></div>标签用来布局，一行只能放一个<div>,大盒子
<span></span>小盒子
图像标签和路径
<img src="图像URL">
src是<img>标签的必须属性，用于指定图像文件的路径和文件名
alt 替换文本 图像显示不出来的时候用文字替换
title 提示文本 鼠标放到图像上，提示的文字
width 像素 给图像设定宽度
height 给图像设置高度 修改其中一个，另一个会等比缩放
border 设置图像的边框粗细
