前端学习笔记-1

2022-03-22 15:01:57 浏览数 (1)

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

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

1.每个方法都要自己去敲很多遍，配合其他的方法，尽可能多的去练习，练习的过程会熟悉使用的方法。 2.去Github上面还有CDSN上面或者其他网站上面去拉一些项目，部署到本地(搭建本地环境的方法有很多，暂时可以去参考我的这篇文章，后续还可以有别的用途) 搭建本地环境教程 尝试增加/删改里面的内容，这一段是用来干什么的，我删除之后会有什么影响，这个地方我再去改改，会有什么不同的显示效果，多去尝试和练习，达到一个想要什么的效果立马就能做出来的程度，就算是学有所成了。 3.练习不在多而在于精，学习一些高质量的实例，并且能把每一行都能解释到不能再解释，做一些文档，收纳里面精彩的部分或者模块，以及源码。

这里学习我就使用W3School平台和菜鸟学编程 点击这里➡️ 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标签，而是使用标签来解释页面的内容： 实例

代码语言：javascript复制
<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)

代码语言：javascript复制
<!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.直接把文件点击不放，拖到浏览器打开即可。

html notepad ++

0 人点赞