如果只是想要入门前端#xff0c;只要学习网页三剑客(HTML、CSS、JavaScript)即可。

学习Django过程中遇到一些前端相关的内容于是整理了一下相关概念。

如果只是想要入门前端只要学习网页三剑客(HTML、CSS、JavaScript)即可。

如果把网页比喻成一个房子HTML就是房子的地基和框架决定了房子的结构CSS是对房子进行装修决定了房子的样式JS为房子接上网线、水管为房子提供功能。

HTML超文本标记语言HyperText

Language是一种用于创建网页的标准标记语言。

网页浏览器可以读取HTML文件并将其渲染成可视化网页。

HTML描述了一个网站的结构语义是一种标记语言而非编程语言。

我们可以用HTML显示文字、图片、按钮、表单等。

CSS层叠样式表Cascading

Sheets是一种用来为结构化文档如HTML文档或XML应用添加样式字体、间距和颜色等的计算机语言由W3C定义和维护。

JavaScriptJavaScript通常缩写为JS是一种编程语言。

它可以直接在浏览器上运行并且有很多为专门为网页提供的功能。

当然JS也可以作为后端运行。

JavaScript和Java没有什么关系。

起这个名字主要是为了蹭一下Java的热度。

创建一个文件夹然后新建文件hello.html用任意文本编辑器推荐VSCode打开然后写入

!DOCTYPE

bodyh1我的第一个标题/h1p我的第一个段落。

/pbutton

typebutton点击这里/button!--引用JS--script

srchello.js/script

/body/html可以看到html主要内容就是一些标记tag比如h1一个标题/h1、p我的第一个段落。

/p

图片来自https://www.runoob.com/html/html-intro.html

创建hello.css

Math.floor(Math.random()*16777215).toString(16);//

randomColor;

MDN前端开发文档及教程:https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web

菜鸟教程简洁的教程和文档https://www.runoob.com/