这篇博客记录了作者学习HTML的过程，包括VSCode的使用，基础快捷键，页面骨架结构的生成，以及HTML标签的介绍，如标题、段落、图像、超链接和注释等。还涉及到了相对路径、锚点链接的概念，并分享了VSCode的插件安装，如中文支持、自动重命名标签和CSS预览。作者强调了文档类型声明、字符编码和语言定义的重要性。
HTML
前言
请努力认真地做好自己喜欢的事情。
选择一个机构视频深耕下去，黑马程序员pink老师前端入门教程。
希望坚持下去并能给自己带来惊喜！
DAY 1
因为已经有了一些基础的缘故，所以现在看的较为基础视频还是在快速拖着进度条看的。
笔记
1、VSCode 软件的安装。因为有MyEclipse的使用经验，所以上手VC还算顺利。
2、新建文件 Ctrl+N
3、保存文件 Ctrl+S（常用，保存的习惯）
4、Ctrl+加号键，减号键 放大、缩小视图
5、生成页面骨架结构
输入！ 按下tab键，自动生成HTML相关结构（head、body等）
快捷键
ctrl+c ctrl+v ctrl+s 复制 粘贴 保存
alt+z （复制的内容自动换行）
敲了一个p 后 按tab 键盘选择补全
DAY 2
VS Code 插件安装，中文，右键浏览器打开，Auto Rename Tag，CSS peek。
<!DOCTYPE html> 声明为HTML文件。放在首行！文档类型声明标签
<html lang="en"> 浏览器会识别你的语言实现翻译，定义当前文档显示的语言。
<meta charset="UTF-8">编码语言，以后别删这句了。
布局标签
标题标签
–
段落标签
换行标签
文本格式化标签
文字加粗标签
文字倾斜>
删除线
下划线
标签
标签和 标签是没有语义的，可以理解为一个盒子（方块）用来装内容的。标签
标签用来布局，一行上可多个。
图像标签
标签 用于定义HTML页面中的图像。其中src是图像标签（）的必须属性，用来指定图像文件的路径和文件名。
src ——图片路径——必须属性
alt——文本——替换文本。图像不能显示时的文字
title——文本——指示文本。鼠标悬停时显示的文字。
width——像素——设置图像的宽度
height——像素——设置图像的高度
border——像素——设置图像的边框粗细
相对路径
图片src 位置引用应尽量使用相对路径，而不是绝对路径，因为不同的电脑文件存放位置可能不一样，除非是网络的绝对位置。相对路径移植性好！！
同一级直接使用，
下一级——> 文件夹/XX.jpg
上一级——> …/ 上上一级 …/…/
超链接标签
<a href="跳转目标" target="目标窗口弹出的方式">文本或图像</a>
<a href="跳转目标" target="_blank">新窗口打开网页</a>
1．外部链接:例如< a href="http:// www.baidu.com ">百度</a >。 2．内部链接:网站内部页面之间的相互链接.直接链接内部页面名称即可，例如<a href=" index.html">首页</a>。
3．空链接:如果当时没有确定链接目标时，< a href="#">首页</a >。 4.下载链接:如果href里面地址是一个文件或者压缩包，会下载这个文件。 5．网页元素链接:在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接. 6.锚点链接:点我们点击链接,可以快速定位到页面中的某个位置.
锚点链接
<a href="#目标ID">XX</a>即可
注释标签
快捷键ctrl + / 即可注释内容
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
