GG资源网

自己看了下前端的视频,感觉好懵,CSS和HTML是什么?看到视频还是不懂,你们是怎么学的?

Html和css都是前端必须掌握的技术知识,也是很多编程入门课程。

既然是入门必学,从我理解开始,它们学起来相对简单,容易上手。

既然必须掌握,那么它们的重要性不言而喻,尤其对前端童鞋们来说。

我一个搞后端的,我当时就是从html学起,学完后紧接着就是css。

Html是超文本标记语言,它有一系列的html标签或者说指令。通过这些指令将一些文字,图片,视频,超链接啊等资源进行整合通过浏览器渲染出来。

Html更像是盖房子的骨架。像什么钢筋水泥,混凝土,砖头等可以理解为它的标签。

其实我觉得当初发明这种语言的应该是类比人来说的吧。

Html的结构有head title script style body footer等组成。

下面是它的大致结构。

<!DOCTYPE html><html lang=\\\"en\\\"><head> <meta charset=\\\"UTF-8\\\"> <title>Title</title>

</head>

<body>

</body>

</html>

这些基本上就是一个空壳子,就跟房子的骨架一样。我们大多都是往它的body里面添加内容,浏览器上看到的文本,图片,视频大多数都是body的东西。标题和网页的图标是在浏览器的选项卡那能看到。

而css就是用来给房子装修,或者说我们人化妆穿衣打扮。目的就一个,让html更好看一些。吸引用户的眼球。但是它只能让html穿上衣服,就跟画画上色一样,都是静态的。

如果让美美的外衣动起来,画出的内容更加炫酷。就用到了JavaScript,也就是js。

切不可把js和Java混淆了。

css,js都是为html服务的。前者使它文静的美,后者让它动感的炫!

说了这么多,到底怎么学?

看视频看不懂?

对于初学者来说,看视频肯定学不会或者说学不好的。

为什么?

因为这些html和css标签都让你看的眼花缭乱。这些js方法都够你头大的。

那么问题出在哪呢?

那就是学习方法!

学技术,绝不是纯粹的靠看视频就能学会的。它更重要的在于六个字:多练,多练,多练!

只有看视频的同时,多拿笔或者多动手敲,才有效果。

而且这个效果非常明显!

我可以告诉你的是,这些看似很多的标签,一个都不用刻意的去死记硬背!

而且背是没什么用的,因为今天可能这个版本有这个标签,可能明天就废弃了。技术更新迭代的很快,只有掌握了核心的思想,就可以以不变应万变!

我当初学习就这样,自己动手跟着视频一个字母一个字母敲。

敲得多了,自然就记住了。慢慢的去尝试做一些网页,结合实际的项目,日积月累。各种布局,各种页面样式,各种交互,看的多了练的多了。基本功练扎实了,以后回过头你就发现,哇好简单。

看到一个好的网站,你脑海中就能立马展现出可能别人是怎么布局的,怎么配色的,哪些动画用可能用到了哪些方法。甚至你能一眼看出他前端用到了什么框架。

OK,说到这里我想你一定知道怎么去学,怎么有效的学,怎么学的更快更扎实了吧。

#####

作为一名前端开发工程师,刚开始学习的时候跟你一样也是比较懵逼的,对于各个名称也是比较不理解和忘记怎么用的情况常有出现。其实理一理两者并没有那么难,我给你的分析如下:

1.HTML(全称Hyper Text Markup Language超文本标记语言)其实吧字面意思就很容易理解,他是一种文本语言,就是文本文本。他就是我们平常在写文档的时候的那种最基础的文本的意思。同时他里面根据W3C的规范推出了许多的标签,这些标签的意思和特性就是在编写的时候能用到的,比如什么段落啊、文章啊这些标签都比较简单。

2.CSS(全称Cascading Style Sheets层叠样式表)功能其实如名字所呈现,他是用来标记样式的一种东西,样式样式就相当于人穿的衣服,文本也需要穿衣服,让文本看起来不孤单,比较有特色。这样两者其实是相辅相成的,各有各的功能,在学习的时候没有那么难

3.其实css和html的学习主要是在记忆各个标签和怎么给他们设置样式上面,进阶一点就是把html的元素怎么摆放的css写法而已,慢慢理解你一定能搞清楚的

#####

别看我是后端,我照样给你讲个明明白白!

HTML,即超文本标记语言(HyperText Markup Language),是一种用于创建网页的标准标记语言。

这个定义看起来还是太抽象,HTML说白了就是标签的组合:一堆标签组合到一起就构成了一个页面。

来看一个简单的 HTML 文件:

然后它在页面上展示的效果是这样的:

你想在你的页面里展示什么,就引用什么标签就可以了,比如想展示图片就用<img>标签,展示文本框就用<input>标签,展示按钮就用<button>标签,展示一个超链接就用<a>标签,就是这么简单!

我只负责展示,你要的东西我给你展示出来就行了,至于你页面丑不丑那就不是我一个人能搞定的了。想要页面好看,那必须请CSS来助阵。

CSS,即层叠样式表(Cascading Style Sheets),说白了就是给HTML标签加样式的,让展示的内容更加丰富多彩。两者好比砖头和涂层的关系。

给一个 CSS 的简单例子:

这里规定了<body>,<h1>,<p>标签的样式,可以控制它们展现的颜色,字体,大小等等。

学完 HTML,CSS,就可以画出静态的页面来了,这个时候可以称得上美工了。

实际上,要想让页面动起来和后台进行交互,还要进一步去学习JS。HTML,CSS,JS 三剑客缺一不可:

HTML,CSS 这哥俩相对简单,JS 是前端学习的重头戏,有一定的难度,学完JS才能算前端入门,才可以称得上前端开发工程师。现在好多前端选手大谈React,Vue 等各种前端框架,对底层的 JS 却不去下功夫,我认为这一点是不可取的。

以上是我个人对前端学习的一些看法,希望对你有所帮助吧。

#####

CSS称之为样式表,HTML为标记语言。是前端web开发必须掌握的知识之二,再就是JavaScript是前端Web开发也必须掌握的编程语言。

我先用一个网站【千图网】的源码分析来了解CSS、HTML、JavaScript各自的作用

上图是千图网首页的布局,我先通过Google Chrome来调试看看这个网站的首页(点击鼠标右键选择查看就可以看到如下图所示)

左边显示的是HTML的主要内容,右边显示的是CSS的内容

CSS是什么呢?其作用又是什么?

打开昵图网首页,我们可以看到整体布局非常美观。那如果没有CSS会怎么样呢?我们可以查看这个首页的的源码,可以看到是有引用css样式表文件。

我现在将css引用给删掉

我们再来看下首页的效果

通过以上操作,你应该就能明白css的作用是什么了吧?

css的主要作用就是用于网页的排版布局和美化,能够让我们开发出来的网页更好看

HTML是什么?其作用是什么?

一个网页是有很多个部件组成的,有文字显示、有输入栏、有列表、有图片、有视频、有跳转到新的页面的链接。我还是用上面网站的首页结合检查功能来说明。

上图中红色框标出来了,各种类型的部件。

上图中左侧显示了部分的Html的内容。更多的html的内容,可以到

https://www.w3school.com.cn/index.html

进行了解。非常详细

HTML标记语言的作用就是告诉浏览器,在加载的时候显示的是什么控件,再结合css就能够显示出非常漂亮美观的静态页面了。那如果要做一些动态的页面和数据交互,就需要用到JavaScript,你在这里没有提到这个问题,我就不做具体的说明了。可以自行查阅相关文档及说明!

为什么看了视频还是看不懂?要如何学习?

对于初学者来说,其实我是不在建议直接看视频来学习。个人的的建议是前期购买专业的web前端开发书或者通过我上面讲到的w3school网站进行学习,将相关的基础识知点完全掌握,并跟着书上或者网站上的代码进行实际的敲打一篇或者多篇。一直到脑子里有印象和概念,看到一个网页,能够知道这个网页的布局是什么样子的,用到了哪些部件,这个部件对应的html标签是什么?可能用到了什么样的css样式?

只有做了这一步后,你再看视频教程。更多的是建议看一些项目实战的视频,采取第一次将视频看完,然后实际编写一次。如果遇到有不记得的地方,回看视频的,对照视频进行编写巩固。通过这样子的方式 不断的加深记忆以及理解html和css的作用。

多敲代码、多敲代码、多敲代码。编译运行查看实际效果,反复的这个过程中,我相信你现在提到的这个问题,最终就不是问题了。

如你自己本身自学能力不足,还有一个建议就是去专门的IT教育机构进行系统的专业的学习。

如果你选择IT教育机构培训,一定要注意的就是机构的选择,这里面也有比较多的坑。

我不是专门的web前端开发,但由于平时的工作原因,有时也需要自己写了些web页面。可以关注我私信沟通交流!

#####

html是超文本标记语言,英文为Hyper Text Markup Language。

首先要明白两个含义:

1、html不是编程语言,是标记语言,是描述网页的语言。Java、Php、C、Python等是编程语言。

2、html使用标签描述网页中图片、音乐、视频、超链接等。如<img>、<audio>、<video>、<a>等。

由此引申出html5,html5包含5个方面,分别是HTML、CSS、JavaScript、HTML5、CSS3、API。

讲到html和css,就需要讲到W3C,那么什么是W3C。

W3C是万维网联盟,World Wide Web Consortium,是Web技术领域最权威和具影响力的国际中立性技术标准机构。

是W3C定义了结构化标准语言(XHTML 、XML)、表现标准语言(CSS)和行为标准(DOM、ECMAScript)。

html、css是前端技术领域基础部分,后面的阶段是学习css3+html5,java+jquery,ajax,以及一些常用框架如Ext,EasyUI,J-UI, anjular.js,requireJS,Backbone.js,node.js等,如果想学的精通一些,可以另外再多学习写插件。

前端代码编辑器一般会用到HBuilder、sublime、Dreamweaver,另外还要会熟练使用Photoshop处理图片,以及了解ie、chrome、Firefox等浏览器内核,要懂得如何处理pc端和手机端页面的适配。

自己看了下前端的视频,感觉好懵,CSS和HTML是什么?看到视频还是不懂,你们是怎么学的?
#####

既然是入门必学,从我理解开始,它们学起来相对简单,容易上手。

既然必须掌握,那么它们的重要性不言而喻,尤其对前端童鞋们来说。

我一个搞后端的,我当时就是从html学起,学完后紧接着就是css。

Html是超文本标记语言,它有一系列的html标签或者说指令。通过这些指令将一些文字,图片,视频,超链接啊等资源进行整合通过浏览器渲染出来。

#####

可以跟随我的视频进行学习,入门超级快,非常容易上手。!!!

#####

你可以理解成网页就是一个白纸,HTML就是画画的线,你自己想怎么花就怎么写,css就是水彩笔,用来上色,让页面更好看。当然我这样解释的不权威,不过初期可以这样试着理解一下,祝你早日成为优秀的前端工程师[赞]

#####

说得简单点,html就是一间刚起好的屋子,css就是装修,谁也不想住在没有装修的屋子吧?

说的实践一点,你可以做个实验,就是你随便把一个网页的html全部复制下来,比如百度首页吧,然后把里面的css文件链接,style标签,和内联样式全部去掉,你就会看到一个完全烂掉的页面。而这个页面就是缺少css,只有html。当你把css放回去,就会还原一个完整的百度首页。

html和css的关系就是,html是必须的,不能缺少,是页面元素,比如图片,输入框等,这些就是html。css是必须有html才能起作用,是美化html的,如果想让输入框漂亮一点,例如想加个阴影,改字体颜色等,就需要css了。所以html是必须的,没html的话css没啥用处。

#####

您好,举个简单的例子。就比如画画,html就像是铅笔,他可以把要画的东西外貌画出来。css就像是彩笔,各种颜色来美化你画的画。html+css就能制作一个非常漂亮的网页

由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » 自己看了下前端的视频,感觉好懵,CSS和HTML是什么?看到视频还是不懂,你们是怎么学的?

发表回复

CAPTCHAis initialing...