HTML5学习第一天（20210424）
目录
-
VS CODE快捷键汇总
- ctrl+N 新建文件
- ctrl+S 保存文件（保存为html后缀）
- ctrl+【+/-】放大/缩小视图
- ctrl+/ 添加注释
- alt+Z 文本自动换行
- alt+B 在浏览器中打开（更改之后要先保存）
- ！再回车 生成骨架代码
-
网页开发工具- VS CODE
- <!DOCTYPE>文档类型声明标签，不属于HTML标签，要放在最前面，表示所用的HTML版本
- <!DOCTYPE html>
- lang表示语言种类，en表示英文，zh-CN表示中文
- <html lang=“en”>
- <meta> 标签的charset属性表示字符，规定html文档使用哪种字符编码
- <meta charset=“UTF-8”/> //万国码，几乎包含所有，一般都用这个
- <!DOCTYPE>文档类型声明标签，不属于HTML标签，要放在最前面，表示所用的HTML版本
-
HTML常用标签
- 标题标签
- <h1> - <h6>,重要性递减
- <h1> 这是个一级标题 </h1 >
- 标题文字会加粗在一行显示，两标题之间会有行间隔
- 段落标签
- <p>,用于将长段文字分成小段落，段落之间会有一定的行距，没有分段标签的文字不会换行
- <p> 这是一个单独的段落</p>
- 换行标签
- <br/>用于强硬地把文字斩断换行，中间不会有垂直间距 //有点类似C里面的 “\n”?
- 文本格式化标签(粗斜删下，sedi , bisu)
- 粗体
- <strong> xxxx </strong>
- <b> xxxx </b>
- 斜体
- <em> xxxx </em>
- <I> xxxx </I>
- 删除线
- <del> xxxx </del>
- <s> xxxx </s>
- 下划线
- <ins> xxxx </ins>
- <u> xxxx </u>
- 粗体
- <div>标签
- 分割，分区，用于布局，一行只能有一个（大盒子）
- <span>标签
- 跨度，一行可以有多个（小盒子）
- 图像标签
- <img src=“xxxx”/>
- src 表示图片来源，可以是本地文件，也可以是网络链接
- alt 表示图片显示失败时的提示显示
- title 表示鼠标悬浮在图片上方会出现的文字提示
- height/width 表示图片高度/宽度，只设置一个就会等比缩放，两个同时设置可能会拉伸
- border 表示边界宽度，单位是像素
- 图片路径
- 目录文件夹，就是目标文件夹，任意指定都可以
- 根目录，就是本次指定的目标文件夹打开第一层
- 相对路径-图片文件相对于html文件的位置
- 同一层，直接用图片文件名 <img src=“01.jpg” />
- 下一层，得打开一层文件夹<img src=“pics/01.jpg” />
- 上一层，得退回一层文件夹<img src=“../01.jpg” />
- 绝对路径-不用以谁为参照，链接直指图
- 本地文件的完整存储路径，从盘符开始 “D:\web\img\logo.gif”
- 完整的网络地址 “http://www.itcast.cn/images/logo.gif”
- <img src=“xxxx”/>
- 超链接标签-跳转
- <a href=“跳转的目标链接” target=“新窗口弹出的方式”></a>
- 链接分类
- 外部链接，一个完整的网址，如<a href=“http://baidu.com”>百度</a>
- 内部链接，网站内部页面之间的相互跳转，在同一根目录下的话可以直接写网页名称，如<a href=“main.html”>首页</a>
- 空链接，还没有确定要跳转到哪里的时候可以先空着，<a href=“#”>首页</a>
- 下载链接，如果href链接是一个文件或者压缩包，会下载这个文件
- 网页元素链接，不仅文字，网页中的图片、音频、视频、表格等元素都可以添加跳转链接，只要在两个a中间写上元素地址即可
- 锚点链接，用于网页过长时快速定位
- 在要跳转到的地方添加一个id属性， <p id=“2”>第二段具体内容</p>
- 在目录的地方添加一个跳转记号，<a href=“#2”> 点这里去第二段</a>
- 注释标签
- <!—xxxx—>,快捷键ctrl+/
- 特殊字符（有点像C里面的转义字符）末尾的；不能省
- 空格 (如果不用这个的话>=1个空格都只显示一个)
- 小于< <
- 大于> >
- 标题标签
放张整体图，逻辑清晰一点
第一天学习感觉还挺有意思欸，以前都有点怕上手，真的学起来发现好像不难（可能是因为刚学还没到硬核的地方2333），而且学一步做一步，不断根据效果修改调整，有即时正反馈会非常有动力。
学了一天最后拿偶像的一篇杂志采访试了试手，把今天学的文字排版，段落换行，图片插入，链接跳转等功能都试了一下，还挺不错，就不放图了哈哈哈哈太羞耻了
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
