前言
由于各种原因与困难,最终还是妥协了,让某人学习安全的想法是不可靠的,于是对前端还是萌新阶段的我强行给自己开了一个技能分支,一边学习前端,一边作为笔记供某人参考,我自己的编程之路学的坎坎坷坷,但还是有不少收获的,而前端的学习又并不完全和编程语言相似,我只是很谨慎的说一些不会有太大出入的意见,后续的学习还希望你能自己有自己的学习方法。

这里我就演示几节的内容,后续希望你可以按照自己的方式去学习,但是一定要去实践,这里我简单提及几个要求:

1.每个方法都要自己去敲很多遍,配合其他的方法,尽可能多的去练习,练习的过程会熟悉使用的方法。
2.去Github上面还有CDSN上面或者其他网站上面去拉一些项目,部署到本地(搭建本地环境的方法有很多,暂时可以去参考我的这篇文章,后续还可以有别的用途)

尝试增加/删改里面的内容,这一段是用来干什么的,我删除之后会有什么影响,这个地方我再去改改,会有什么不同的显示效果,多去尝试和练习,达到一个想要什么的效果立马就能做出来的程度,就算是学有所成了。
3.练习不在多而在于精,学习一些高质量的实例,并且能把每一行都能解释到不能再解释,做一些文档,收纳里面精彩的部分或者模块,以及源码。

这里学习我就使用W3School平台和菜鸟学编程
点击这里➡️
还有这里➡️

HTMl 简介

1.什么是HTMl?

  1. HTMl就是用来描述网页的一种语言。
  2. HTML指的是超文本标记语言(Hyper Text Markup Language)
  3. HTML不是一种编程语言,而是一种标记语言(markup language) 标记语言是一套标机标签(markup tag)
  4. HTML使用标机标签来描述网页

2.HTMl标签

  1. HTML标记标签通常被称为HTML标签(HTML tag)
  2. HTML标签通常是成对出现的,比如 ,<h>和</h>
  3. 标签对中的第一个标签是开始标签,第二个标签是结束标签
  4. 开始和结束标签也被称为开放标签和闭合标签

3.HTML 文档 = 网页

  1. HTML文档描述网页
  2. HTML文档包含HTML标签和文本
  3. HTML文档也被称为网页

Web浏览器的作用就是读取HTML文档,并且以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容:
实例

<html>      <!-- <html> 与 </html> 之间的文本描述网页 -->
<body>      <!-- <body> 与 </body> 之间的文本是可见的页面内容 -->

<h1>我的前端学习记录</h1>
            <!-- <h1> 与 </h1> 之间的文本被显示为标题 -->
<p>我的第一篇文章</p>
<p>2021.10.31</p>
            <!-- <p> 与 </p> 之间的文本被显示为段落 -->
</body>
</html>

运行截图

HTML编辑器

1.工具使用
使用 Notepad 或 TextEdit 来编写 HTML
但是也同样推荐使用文本编辑器来学习HTML,比如 Notepad (PC) 或 TextEdit (Mac)。

2.通过记事本来创建第一张网页
第一步:启动记事本
Windows:开始->所有程序->附件->记事本
第二步:用记事本来编辑HTML
在记事本中写入HTML代码:(这里我用的是VScode)

<!DOCTYPE>
<html>      <!-- <html> 与 </html> 之间的文本描述网页 -->
    <body>      <!-- <body> 与 </body> 之间的文本是可见的页面内容 -->
    <h1>我的前端学习记录</h1>
                <!-- <h1> 与 </h1> 之间的文本被显示为标题 -->
    <p>我的第一篇文章</p>
    <p>2021.10.31</p>
                <!-- <p> 与 </p> 之间的文本被显示为段落 -->
    </body>
</html>

写入代码
第三步:保存HTML
另存为命名任意,使用html/htm的扩展名
第四步:在浏览器中运行这个文件
1.打开浏览器,选择菜单,找到路径下的的文件,打开就可以。
2.直接把文件点击不放,拖到浏览器打开即可。
截图

最后修改:2021 年 10 月 31 日 01 : 39 AM
如果觉得这篇文章不错,不妨赏我碎银几两。