萌新加入前端大家庭！

渣渣本科计算机，马上面临毕业了 编程学得一塌糊涂，加上考研成绩估摸着不太理想，于是决定一边考公一边学习前端（比较喜欢）。也算是多亏考研408的痛苦磨练，让我对于计算机这个行业终于不那么恐惧了，所以今后的文章内容会跟大家记录关于萌新每日的web前端学习情况。

PS：此文章仅用于监督自己的学习，望大佬轻喷（毕竟这里面大佬是真的多！）

PPS：如果各位有比较好的前端学习资料或者学习视频，也希望能慷慨分享帮助一下小萌新，非常感谢！！！（深深鞠躬）
—————————————————————————————
Day1
！加Tab（使用vscode快速编辑页面）

网站的组成：
结构、表现、行为
WEB标准组成：
结构（html）【w3c】
表现（css） 【w3c】
行为（javascript/js）【ECMA】
文件命名规范：
1：英文字母开头
2：可以包括连字符、下划线、数字组合
3：尽量别出现中午
4：别出现特殊字符
html的语法规则：
1：html的语法构成：标签、属性构成
2：长在尖角号后面第一个单词就是标签
3：长在标签后面用空格隔开的属于属性名称
4：属性值放在引号里面
5：如果一个标签有多个属性的时候用空格隔开
html标签的分类：
1:单标记（空标记）：没有结束标签的，单独出现
2：双标记（常规标记）：成对出现的
3:h1-h5不能互相嵌套

字体的倾斜：

<i></i>
<em></em>

字体加粗：

<b></b>
<strong></strong>

下划线:

<u></u>

上标、下标：

<sub></sub>  (3的3次方)
<sup></sup>

段落标签：

<p></p>
注：p标签不能嵌套h1-h6

字符或者一小段文本：

<span></span>  （将字符单独隔开）

转义字符：

 (空格 少用)
>
<
&copy

div标签：就是一个块，当作容器，用来给网页布局
html列表:
无序列表：（默认样式：实心列表符号）

<ul>
       <li>新闻内容</li>
       <li>新闻内容</li>
                    ..........
</ul>
使用场景：新闻条、页面主导航等
    有序列表：ul变为ol（type属性更改列表符号类型：如a、A、i、I）【<ol type="a">】
                                  （star属性：控制列表符号从第几个开始，只能接受数字）

自定义列表：

<dl>
       <dt>放的是一个名词</dt>     （就是图片放在dt，对图片的解释或形容放在dd；最后全部放在dl里面）
       <dd>对当前名词的解释<dd>
</dl>

超链接：

<a></a>
      a的属性：
	href="跳转的地址"  （<a href="http://www.baidu.com">跳转到百度</a> ）
	target=""
	     属性值：
		_self(默认值，覆盖当前页面)
		_blank（新弹出窗口打开目标链接）（<a href="http://www.baidu.com" target="_blank">跳转到百度</a>）
	title="提示信息" （<a href="http://www.baidu.com" target="_blank" title="链接到百度">跳转到百度</a>）（不只可以放在超链接里面）

空链接：

<a href="#"></a> （会跳转）

a模拟按钮：

<a href="javascript:void(0)"></a>  (不会跳转)

img标签：

必须的属性：
 	src="图片的路径"
	alt=""
	   alt属性的作用：
	               1、文本替换图片：当图片没有加载出来或者是图片损坏，显示alt中的文本
	               2、有利于SEO优化，因为搜索引擎无法读取上面的文本
注：这里也可以设置title标签（非必要）

img相对路径：

1、同级：<img src=“./图片名称”alt="">  (./可以有也可以没有 定义相对路径；同级是指图片和网页在同一目录下)
        例：<img src="./1.jpg" alt="">
2、上级找下级：<img src="./存放图片的文件夹名称/图片名称" alt="">
        例:  <img src="./image/2.jpg" alt="">
3、下级找上级：<img src="../图片名称" alt=""> (../返回上一级)
        例:  <img src="../3.jpg" alt="">
注:  一个文件找另一个文件的图片：先返回 再进入文件夹
	<img src="../文件夹/图片名称 alt="">

ok ！
非常感谢各位！