小白前端学习日记系列

小白前端学习日记（二）HTML基础语法与标签

小白前端学习日记（一）认识前端

小白前端学习日记系列
前言
前端是什么
前端所需要掌握的基本能力
- 结构层——HTML
- 样式层——CSS
- 行为层——JavaScript
结语

前言

作为一个不打算走考研路线的大三学生，为了记录自己的学习历程，把自己学习中的问题与容易遗忘的重点记录下来，同时也是为了敦促自己不要摸鱼，而开始动手写下自己的前端学习日记。

前端是什么

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。

简而言之，用户“能够看到”的部分便是前端。而对设计稿的实现，与后端的交互等等便是前端开发工程师的任务了。

前端所需要掌握的基本能力

HTML、CSS3、JavaScript，这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。接下来我将介绍它们的具体内容。

结构层——HTML

HTML的全称为超文本标记语言（Hyper Text Markup Language），是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

样式层——CSS

CSS全称为级联样式表（Cascading Style Sheet），它是用来进行网页风格设计的。通过设立样式表，可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。

行为层——JavaScript

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。
和JAVA没啥关系。

结语

作为一个刚刚接触前端的小白，我决定从HTML语言开始入手学习。下一篇，我会写一些HTML的基础（现学现卖）。如果有小伙伴们也对前端有兴趣，我们可以一起共勉！！若有写的不到位的地方，还请大佬不吝赐教。

小白前端学习日记（一）认识前端相关推荐

Web前端学习日记1
博客,你好,从今天开始,我就会开始在你这里发表我的Web前端学习日记,请多多指教哦! 今天是从HTML基础学起,虽然说以前有上过类似的课程,但是还是学到了很多,最大的收益就是又掌握了很多快捷键,对于我 ...
【前端学习日记】利用reveal.js把实验报告做成一个简单的幻灯片
一.整体效果把电磁场的实验报告做成网页PPT,原文是这里:<[电磁场实验作业]有限差分法(FDM)求解静电场电位分布_轩辕衍的博客-CSDN博客> 二.核心代码讲解 0.创建页面第一篇 ...
web前端学习路线图，WEB前端开发新手学习路线
前端的的技术一直在变化,更新和变革,现在基本是三驾马车(vue,angualr,react)主导整个前端框架,但是无论对于新人或者有经验的程序员,这些知识在必须掌握,下面给大家一份详细的表单: 我还是 ...
前端学习日记 -- 八月
2019-08-01 1.柯里化与连续箭头函数(闭包):https://blog.csdn.net/allangold/article/details/86667908 ?❤️柯里化应用:https: ...
前端学习日记 -- 五月
2019-05-06 0.match(/app/gi)中的i是忽略大小写. 2019-05-07 0.git工作中遇到: 1)git add错文件,撤回add,需要按文件(夹) 输入git reset ...
【前端学习日记】用reveal.js实现制作网页幻灯片
一.效果展示今天学习reveal.js做了一个简单的网页幻灯片,至于reveal.js是什么,可以去这里看看https://revealjs.com/. 话不多说,上图: 二.重要代码讲解 1.导入 ...
前端学习日记day3——制作新闻页面
1.HTML文档头部相关标记 ①<meta/>定义页面元素信息,可重复出现在<head>头部标记中,是单标记.<meta/>本身不包括任何内容,通过"名称 ...
【前端学习日记】element-UI表格列嵌套输入框无法输入的情况
啊啊啊,各位学习vue中的孩子们,你们一定会遇到的,就是表格里面嵌套表单元素,比如文本框或者数字框,然后你会发现,样式是没问题的,但是输入文本的时候,却不显示,仿佛被强制删除了.然后你点一下其他地方( ...
【前端学习日记】ElementUi+导航菜单+面包屑+Tag标签联动
目录导航菜单的渲染路由跳转联动面包屑标签联动总结思路:导航菜单是负责路由跳转的,面包屑和Tags标签通过读取事件路由跳转的数据进行渲染,这里涉及到组件间通信,使用vuex状态管理器来管理这部 ...

小白前端学习日记（一）认识前端

小白前端学习日记系列

小白前端学习日记（一）认识前端

前言

前端是什么

前端所需要掌握的基本能力

结构层——HTML

样式层——CSS

行为层——JavaScript

结语

小白前端学习日记（一）认识前端相关推荐

最新文章

热门文章