前端进军学习历程路1 初识html：我是小白白
主要为记录每日的学习历程，同时将自己的所学笔记转发给大家，前期是很基础的入门知识，希望我们大家一起努力，不喜勿喷，如有错误，请指正，第一次发文，有很多不足之处，请见谅
作为一个大学专业为软件工程的妹子而言，这四年算是白读了。嘿嘿◑﹏◐
大学四年可以说是一个完整的项目或者所谓的小项目也没弄过一个，然而……毕业后就面临了一个严峻的考验
●﹏●阿杂西，找不到工作啦！
所幸大学期间一直有在学习平面ui等设计，然而，并没有什么卵用，宝宝还是找不到工作呀！●︿●
于是，宝宝踏上了学习前端的道路！想当年，大学里信誓旦旦说，这辈子也不要和代码打交道::>_<::打脸啦，哇咔咔~
第一次发文，不喜勿喷，此贴主要为学习帖哦，主要为每日学习后的复习资料，因为我自己也在学习的道路上，所以中途如有错误或更好的写法，请告知哦~
一、使用工具 sublime
本来想用DW的，然而学习了这个软件后，真的不想用DW啊！♥×♥，如果电脑没有这个软件，可以直接用记事本哦，DW什么的都可以，sublime只是偷懒用的，我不想告诉你的，我很懒得，嘿嘿
sublime非常小巧，只有21mb，甚至不用安装，直接解压缩，就能双击使用，把sublime_text.exe文件发送到桌面快捷方式就行了。
二、初识html
HTML是英语HyperText Markup Language的缩写，超文本标记语言。和编程并没什么关系，你们可以就把它当作ps看待，只是他是用一些代码实现哦~它就是给网站界面布局的~
下面我们来讲解下主要界面:
这就是sublime的主页面，有很多快捷键，可以去网上看看哦。
首先我们要先保存一下，记住一定要在文件名后加后缀名.html哦
然后再主页面中输入: html:xt 然后按键盘上的tab键就可以看到以下页面：
我们的主要内容记住一定一定要写在body!body！中。body就是我们的身体，它是整个页面的主体部分！切记切记！在title处可以更改显示在页面中标题栏的名字，比如“这是我的第一个页面” 
P:在html中标签都是成对出现的，看见上面主页面了么?当然我们会发现<meta>不是，在html中会有一些标签是打单身的哦，它们是没有另一半的（这也能来虐狗！●▽●表咬我~）
但是切记，大多数的是一定一定有另一半的，一定要有另一半让他闭合，只是单身狗的后面我会列出来的。
切记，标签不能交叉写，比如<head><body></head></body>，不然你会死的很惨烈嘀
！→_→我们一定要养成良好的书写习惯，做个听话的乖宝宝⊙﹏⊙‖∣
HTML标签是分等级的，HTML将所有的标签分为两种：容器级、文本级。
顾名思义，容器级的标签，里面可以放置任何东西；文本级的标签里面，只能放置文字、图片、表单元素。
1.h系列
<h1>到<h6>,我们先来认识这几个标签
<h1></h1> 一级标题
<h2></h2> 二级标题
……
<h6></h6> 六级标题
h是容器级的标签。理论上里面可以放置p、ul但是最好不要这么写。
我们先来写一下这组标签：
h系列的标签的对比，h1是老大，h6最小，然而当我们学了css，就不管用了，h6也可以从视觉上来当老大了。└(^o^)┘
2.p标签
段落，是英语paragraph“段落”缩写。
p标签是一个文本级标签。p里面只能放文字、图片、表单元素。其他的一律不能放。
我们把h1放进p里，会如何呢？
<p>
我是一个小段落
<h1>我是一个主标题</h1>
</p>
呐呐，是不是出错啦，我们的代码不是这样写的哦，p把h屏蔽咯~在谷歌浏览器中按F12，会出现这个界面，在element中查看哦。
3.img标签
html页面中能使用的图片格式为：：jpg(jpeg)、gif、png、bmp
不能为psd，ai等后缀名格式的文件
插入图片怎么做呢？
下面为在网页中显示的效果，图片有多大，在网页中就会显示多大，当你想要固定值的时候，这就需要学习css了，今天主要讲解一些html的标签及规则哦~
对了，自己在代码的文件夹目录下创建一个名为Images的文件夹哦，以后的图片都会放在里面，这是你以后工作中需要的。
img中的一些属性什么的也是后面练习在慢慢说，今天的课程会有些枯燥。
4.a标签
a标签为文本级标签哦！
在网页中， 我们经常遇到很多可以点击的页面，然后跳出另一个页面，这就是超链接，具体表现为
这些可以点击的蓝色文字等，都是超链接哦~它是我们做网页必不可少的重要元素！！
基本写法：<a href="1.html">阿狸</a>
href就是连接的目标位置，当用户在页面中点击阿狸，就会跳转到1.html中，这个页面又是一个新的页面了。
当然，我们 也可以连接到网上的任何一个页面，比如百度。
<a href="www.baidu.com">百度</a>
在页面中就会显示为：
当用户鼠标悬停在上面时就会出现小手的图标，代表用户可以点击啦，点击后就会跳转到百度主页中。
a标签还有一个重要属性，target，具体值有_blank、_self、_parent、_top
今天就主要讲解这几个标签啦，明天我们学习有趣的内容，css。
提前说说：
当你在页面中见到，哎呀，我去，怎么全都是新的一行呢？我要上去上去
![AIGC助力电商视觉×头盔系列AI生成 [动态化探索实践]](https://img.zcool.cn/community/68e8da720067cv09d9quve1777.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
