提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

前言
- 这里只是讲一些我自己学习网页制作后认为可以快速掌握的学习方法和小技巧。因为不可能一篇本章就可以把HTML讲的非常清楚明白。感兴趣的可以向下看一看。
一、HTML和CSS是什么？
二、清楚要重点学什么
- 说回来网页制作这块，我认为重点学习的话是css和javaScript，html的元素常用的会用后，拿过来知道几个结构我觉得差不多了，css才是能让你的网页焕然一新的工具。另外为什么说javascript也是重点？因为学到最后每个人做出来的网页其实都差不了多少，这个时候就看你的javascript玩的6不6了。
- 2.学习的资源
总结

前言

提示：这里可以添加本文要记录的大概内容：

这里只是讲一些我自己学习网页制作后认为可以快速掌握的学习方法和小技巧。因为不可能一篇本章就可以把HTML讲的非常清楚明白。感兴趣的可以向下看一看。

一、HTML和CSS是什么？

其实概念性的东西我没有讲很多，很详细。讲了重点是css（在知道html一些基本元素标签后），然后是学习javascript！之后是vue，再是框架。因为我也是刚刚学习不久，一些问题我没有回答是想学习的人自己可以去解决掉的。相信自己。

一些基础的概念还是需要掌握的：
html+css就是我们平时在浏览器上看到的网页。例如：百度


<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body></body>
</html>

上面是html最初创建出来的样子。内容写在body标签里，css:样式用来装饰你的内容。
例如：

和下面这张图片其实内容是一模一样的，关键就是css样式怎么运用。
所以知道重点了吧！

二、清楚要重点学什么

虽然html中的标签有好多个，里面是属性更多，几百个？没仔细看过，但是掌握最常用的几个标签就可以了。反而是css在刚学的时候经常会搞不清楚这几个问题：

元素定位
元素的宽度和高度
position

当然还可能遇到其他问题。但是最主要的是：不要焦虑，不要太急躁，因为很多人包括我自己学这个的时候（因为我是看视频学习的）经常就会开到2倍速，一天刷下来，刷了好多集！感觉好有成就感。但其实这是伪努力！
可能当时听懂了，但是第二天你可能就又要回去重新看一遍。就是浪费时间。

说回来网页制作这块，我认为重点学习的话是css和javaScript，html的元素常用的会用后，拿过来知道几个结构我觉得差不多了，css才是能让你的网页焕然一新的工具。另外为什么说javascript也是重点？因为学到最后每个人做出来的网页其实都差不了多少，这个时候就看你的javascript玩的6不6了。

之后就是vue，学到这里都已经有了模板这个东西可以用了（jquery）我没说，主要是我觉得学好javascript就行了，因为jquery其实就是简化了javascript的语言，可能10行代码能缩个3,4行吧！看个人吧！初学阶段还是多敲一敲的好。

2.学习的资源

我学习的课是在慕课网上的，然后现在他的课已经下架了还是怎么的？看不了的，但是我这里刚刚好有下载下来的视频，如果有想要的同学可以私信我一下，我看到的话一定会回复的。但是我这个课呢只建议学习html和css内容，他还有javascript和jquery，但是我觉得不是很好。可以去找其他的视频来学习。javascript的话，我推荐尚硅谷的超哥！我觉得挺好的。除此之外，还有一些从网上找的一下练手的项目我也有一点，如果想要的话也可以私信我。

总结

总结这里还是说一下态度问题吧，尽量不要2倍速，视频是代码跟着敲一敲，搞不懂的问题，多问问比你厉害的人。最后就是坚持！加油!

引用一句话哈：“混一天和努力一天看不出任何差别，三天看不到任何变化，七天也看不到任何距离，但是一个月后会看到话题不同，三个月后你会看到气场不同，半年后会看到距离不同，一年后会看到人生道路不同”

快速入门HTML和CSS相关推荐

快速入门html、css和javascript
基本标签(a.p.img.li.table.div.span).表单标签.iframe.frameset.样式 1:Html (Hypertext Markup Language) 超文本标记语言 2 ...
前端学习之CSS快速入门-2021-09-20~22
CSS快速入门什么是CSS 如何学习 csst是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) 美化网页(文字,阴影,超链接,列表,渐变-) 盒子模型浮动定位网页动画(特效效果) ...
Java EE 快速入门
因需要开始开发web.从Java零基础开始,边学边做项目,现将十来天的学习过程和总结,分享给想入门的Java EE的朋友,内容不涉及编程细节. 链接是我的学习笔记. 下面将对每个阶段设计的一些基本概念 ...
HTML/CSS快速入门
Web概念 JavaWeb 使用java语言开发基于互联网的项目软件架构 C/S架构:Client/Server 客户端/服务器用户本地有一个客户端程序,在远程有一个服务端程序如QQ,英雄联盟. ...
前端三大技术 HTML、CSS、JavaScript 快速入门手册
听到前端技术,不少朋友一定会感到有些陌生.但其实,前端,你每天都在接触. 你正在使用的APP,你正在浏览的网页,这些你能看到的界面,都属于前端. 而前端最重要的三大技术,HTML,CSS,JavaSc ...
10 分钟，带你快速入门前端三大技术（HTML、CSS、JavaScript)
听到前端技术,不少朋友一定会感到有些陌生.但其实,前端,你每天都在接触. 你正在使用的APP,你正在浏览的网页,这些你能看到的界面,都属于前端. 而前端最重要的三大技术,HTML,CSS,JavaSc ...
Html与CSS快速入门01-基础概念
Web前端技术一直是自己的薄弱环节,经常为了调节一个简单的样式花费大量的时间.最近趁着在做前端部分的开发,果断把这部分知识成体系的恶补一下.内容相对都比较简单,很类似工具手册的学习,但目标是熟练掌握. ...
CSS超基础，快速入门
title: CSS date: 2022-11-20 12:12:57 categories: 前端 tags: CSS 个人博客www.huangrd.top, CSS 1.CSS介绍 1.1什么 ...
html+css+js+快速入门
html 1.a标签  <a name="top">顶部</a> <!--target:表示窗口在哪里打 ...

快速入门HTML和CSS