HTML学习笔记第2天-CSDN博客

本文链接：https://blog.csdn.net/moranxiao199/article/details/136297384

VSCode的简单使用

1 双击打开软件
2 新建文件
3 保存为.html文件
4 Ctrl + 加号，Ctrl + 减号，可以放大缩小视图
5 输入 ! 回车，生成页面骨架结构
6 利用插件在浏览器中预览页面：鼠标右键，点击Open In Default Browser

VSCode好用插件

Chinese汉语言包

Auto Rename Tag

VSCode自动可以给<P>补上</P>。但如果把其中一个<P>改成<div>，另一个依旧保持</P>，需要手动再改成</div>。这个插件是将一对标签，只要一个被我们改了，另一个会自动跟着改。
确实方便了，但如果代码篇幅大，可能会出现误改或改而不自知的情况。

One Dark Pro
改代码颜色主题

Live Server
浏览器实时渲染，只要保存浏览器中就可以展现，不需要浏览器刷新。

注意：这个插件需要在文件夹中打开html文件，单独一个html文件是无法使用这个功能的。

vscode-icons
给项目文件夹内的文件赋予log图片
个人感觉有点鸡肋

会了吧
一个插件，给中国人提供英文单词翻译

VSCode注释快捷键

单行注释 Ctrl+/
多行注释 Shift + Alt + a

文档类型声明标签`<!DOCTYPE>`

<!DOCTYPE>：告诉浏览器使用哪种HTML版本来显示网页
声明处于文档中的最前面的位置，处于<html>标签之前。
<!DOCTYPE>不是一个HTML标签，是 文档类型声明标签

<!DOCTYPE html>

指：当前页面采用的是HTML5版本来显示网页

lang语言`<html lang="en">`

<html lang="en">

用来定义当前文档显示的语言
en 定义为英文网页
zh-CN 定义为中文网页
对于文档显示来说，定义成en也可以显示中文，定义成zh-CN的文档也可以显示英文
区别就是会有浏览器翻译提示出现与否

字符集`<meta charset="UTF-8">`

<meta charset="UTF-8">

字符集（Character Set）是多个字符的集合，以便计算机能够识别和存储各种文字
在<head>标签内，通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码
charset属性常用的值：GB2312（中文简体）、BIG5（中文繁体）、GBK（中文简+繁），UTF-8
UTF-8：万国码，基本包含了全世界所有国家需要用到的字符

常用标签

标题标签`<h1>...<h6>`

HTML 提供了6个等级的网页标题，即<h1>...<h6>。默认加粗，逐步递减。

<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>

段落标签 `<p></p>`

HTML标签，用于定义段落，将整个网页分成若干段落。
paragragh的缩写
标签语义：将HTML文档分割为若干段落

<p>我的一个段落标签</p>

特点：
1 一个段落中的文本根据浏览器窗口大小自动换行
2 段落与段落之间保有空隙

换行标签`<br />`

在HTML中，一个段落中的文字会从左往右依次排列，直到浏览器窗口的右端，然后才自动换行。如果想要某段文本强制换行显示，就需要使用换行标签<br />

我的一个<br />换行标签

break的缩写，意为打断，换行
标签语义：强制换行
特点：
1 单标签
2 直接开始新的一行，无间距

文本格式化标签

标签语义：突出重要性，比普通文字更重要
使用方式：哪个文本用就框谁

1.<strong>已有的事，后必再有。已行的事，后必再行。</strong><br /> 
2.不要为侵略添加任何的借口，因为再美好的借口，也无法掩盖侵略的本质。<br />
3.<em>其实宇宙中所有的人，都有他存在的道理,</em>就好像这个混沌的圆球，它们既互相<del>斗争对抗</del>，又相互滋生依存。<br />
 4.<del>喷泉的高度不会超过它的源头</del>，一个人的<ins>异能量也绝不会超过他心中的信念</ins>。