导论

了解HTML(​​https://baike.baidu.com/item/HTML/97049?fr=aladdin​​),百度一下,你啥都知道,我感觉学习只需要学习自己能用到的,了解什么历史啥的算了吧,感觉用不上,就不写。

你想要快速上手的话,就和玩一款游戏一样,你要玩这款游戏他就有他自己的规则,你只需要遵守规则,就能水到渠成,进行闯关,打怪。

装备(软件)

你降临到来到勇者村,

勇者村村长热情的向你问好:”亲爱的勇者大人,欢迎欢迎来到前端世界,可是你不穿衣服???QAQ。“

我说:”害,抱歉抱歉,初来咋到来啥也不懂,可以白嫖的装备吗?当投资投资喽嘿嘿。“

新手村长大人:”害,既然你都这么说了不给点给你,你怕是不看不起我这个天使投资人海波东了,咳咳,第一件Google Chrome(神器,属性魅力+999)

所见即所得-前端HTML-小小入门_html

这个是某大佬设计的神器装备,装上他,在这里同行看到你都夸专业;第二件Visual Studio Code(公鸡装备)

所见即所得-前端HTML-小小入门_html_02

打怪升级必备神器,重点是可装插件,666,装上中文插件,妈妈再也不担心我不看不懂英语了;第三件装备IE(人人装备)人手一个360,卸又不敢卸。暂时你先用着先,等你到了一定的等级再给你其他装备。“


技能(标签)

装好装备,准备出新手村了。但是突然发现我不会用技能呢,那种酷炫的技能至少去学几个。不然怎么带妹装13。

你和村长说明了情况,村长说:“也对至少学习几个技能!“

技能

建立一个文件,文件名是index,以.html为后缀的文件

所见即所得-前端HTML-小小入门_html_03

,点击拖住拖到Visual Studio Code软件打开。

写html都是建立在这个基础上,就是固定格式。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>mytest</title>

</head>
<body>

</body>
</html>



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>mytest</title>
<!-- mytest这个是浏览器的标题名字可以自己修改,至于前面的图标为啥子没有这个就是需要后来来说的了。 -->

</head>
<body>
<h1>这里输入文字</h1>
<h2>这里输入文字</h2>
<h3>这里输入文字</h3>
<h4>这里输入文字</h4>
<h5>这里输入文字</h5>
<h6>这里输入文字</h6>
<!-- h1最大h6最小,你要问为什么没有H7我也不知道,老大教没有h7,ahhhhh-->
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<!-- 内容都是独占一行的 -->
<a href="https://www.runoob.com">这是一个链接</a>
<!-- 这个是一个跳转链接,点击他就能进行跳转的了 -->
<!-- href 属性中指定链接的地址,可以是网络地址也可以是本地地址 -->
<img src="https://img-operation.csdnimg.cn/csdn/silkroad/img/1632384895063.png"/>
<!--这个是展示照片,这个链接也可以是网络地址,和本地地址-->
</body>
</html>

现在这个就好比未进行强化的武器,现在只是武器外观的样子。

而加上属性就成了强化后的武器又是不一样的内容了。

预知后事如何请看下集。。。