学习前端的前置知识(认识前端三大件)


认识HTML、CSS和JavaScript

HTML简介

  • 英文:Hyper Text Markup Language
  • 中文:超文本标记语言(超文本指超链接)

如何使用HTML来创建网页

首先,我们从写下想出现在页面上的单词开始。然后,我们向单词中添加标记或元素,以便浏览器知道什么是标题,段落的开始和结束,等等。

在此基础上,我们再加上可以使用的创建网页的标签,它们分为以下部分:文本、列表、链接、图像、表格、表单、视频音频和flash,以及杂项元素

而这些标签元素可能并不令人兴奋,但它们是每个网页的基础。将来关于CSS的学习将展示如何让页面看起来更有趣。

CSS简介

  • 英文:Cascading Style Sheets
  • 中文:层叠样式表

我们可以通过CSS来控制web网页的样式和布局。在HTML文件里加一个超级链接, 引入外部的CSS文档,便于管理整个网站的网页风格, 让网页的文字内容与版面设计分开

CSS包括许多规则和属性,这些属性通常可以分为两类:

  1. 展示(Presentation): 如何控制文本的颜色,想要使用的字体和这些字体的大小,如何向页面(或页面的某些部分)添加背景颜色,以及如何添加背景图像
  2. 布局(Layout): 控制不同元素在屏幕上的位置

JavaScript简介

  • 简称 JS
  • 一种具有函数优先的轻量级,解释型或即时编译型的编程语言

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

JavaScript的主要功能

  • 嵌入动态文本于HTML页面。
  • 对浏览器事件做出响应。
  • 读写HTML元素。
  • 在数据被提交到服务器之前验证数据。
  • 检测访客的浏览器信息。控制cookies,包括创建和修改等。
  • 基于Node.js技术进行服务器端编程。

JavaScript是前端开发工程师最重要的“看家语言”,JS功底的好坏,决定了职业高度,学习需要下苦工。

总结

只要前期(HTML,CSS,JavaScript)“马步扎稳”,后期(Vue.js / React.js)“武功招式”随便学。

HTML学习笔记(一)

猜你喜欢

转载自blog.csdn.net/weixin_51250927/article/details/123121670