菜鸟自学WEB记—了解web前端基础知识

最新推荐文章于 2024-07-20 18:16:53 发布

乘雷欲上天

最新推荐文章于 2024-07-20 18:16:53 发布

阅读量414

点赞数 5

分类专栏：菜鸟自学web 文章标签：前端 vscode web

本文链接：https://blog.csdn.net/qq_42156603/article/details/139484993

版权

菜鸟自学web 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

文章目录

前言
一、Web前端基础知识
二、HTML基础知识
总结

前言

个人介绍：硕士搞自动驾驶算法，非科班，懂点CPP但不多，工作原因开始自学java/web开发等，目的为了解开发流程，个人不做实际开发。

系列文档是整理了个人认为重要的干货，详情请查看B站黑马程序员原视频。

独学而无友，则孤陋而寡。欢迎各路大神指点！

一、Web前端基础知识

1.浏览器内核对前端代码进行解析和渲染，得到网页；

2.前端遵从web标准，由三部分组成：

(1)html：网页的结构（元素和内容）

(2)Css：网页的样式(元素的外观、位置)

(3)JS：网页的交互行为；对于JS，当前高级封装应用为VUE.js、ElementUI；

二、HTML基础知识

1.HTML（超文本标记语言） CSS（层叠样式表）

（1）概念解释：
超文本：可以定义视频、图片等；

标记语言：如xml，靠标签定义；Html的标签是定义好的，如：img等；

具体的各类标签种类可查看免费web学习网站：免费web学习网站，内部有各种参考书，可查看各类预定义标签。

（2）了解html的结构（随便打开个网页 F12 看看源码）

html结构基础代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>焦点访谈：如何增强民族自信</title>
</head>
<body>
    <img src="img/test0605.JPG">

</body>
</html>