广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >web前端的三大技术是哪几个
  • 116
分享到

web前端的三大技术是哪几个

2024-04-02 19:04:59 116人浏览 八月长安
摘要

这篇文章主要介绍了web前端的三大技术是哪几个的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇WEB前端的三大技术是哪几个文章都会有所收获,下面我们一起来看看吧。

这篇文章主要介绍了web前端的三大技术是哪几个的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇WEB前端的三大技术是哪几个文章都会有所收获,下面我们一起来看看吧。

web前端三大技术是:1、html(超文本标记语言),是一种用于创建网页的标准标记语言,HTML使用标记标签来描述网页;2、CSS(层叠样式表),可以用来为网页创建样式表,通过样式表可以对网页进行装饰;3、javascript,是一种轻量级的编程语言,用于控制网页的行为、响应用户操作,用于实时更新网页中的内容,让网页更加生动。

web前端的三大技术是哪几个

教程操作环境:windows7系统、Dell G3电脑。

web前端的三大技术

web前端的三大技术是:HTML、CSS、JavaScript

根据 W3C 标准,一个网页主要由三部分组成:结构、表现和行为

web前端的三大技术是哪几个

1、结构层

  • 结构层为页面的骨架,由 HTML 或 XHTML 标记语言创建,用于搭建文档的结构。

  • HTML 用来定义网页的内容,例如标题、正文、图像等;

2、表现层

  • 表示层为页面的样式,由 CSS (层叠样式表)负责创建,用于设置文档的呈现效果。

  • CSS 用来控制网页的外观,例如颜色、字体、背景等;

3、行为层

  • 行为层为页面的行为,由 JavaScript 语言创建,用于实现文档的行为。

  • JavaScript 用来实时更新网页中的内容,例如从服务器获取数据并更新到网页中,修改某些标签的样式或其中的内容等,可以让网页更加生动。

  • JavaScript用于响应用户操作

即JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页,其中:

  • HTML 用来定义网页的内容,例如标题、正文、图像等;

  • CSS 用来控制网页的外观,例如颜色、字体、背景等;

  • JavaScript 用来实时更新网页中的内容,例如从服务器获取数据并更新到网页中,修改某些标签的样式或其中的内容等,可以让网页更加生动。

什么是 HTML?

HTML是超文本标记语言(HyperText Markup Language)是一种用于创建网页的标准标记语言。HTML负责网页三个组成部分中的结构,HTML使用标签的形式来标识网页中的不同组成部分。所谓的超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面。

  • HTML 是用来描述网页的一种语言。

  • HTML 不是一种编程语言,而是一种标记语言 (markup language)

  • 标记语言是一套标记标签 (markup tag)

  • HTML 使用标记标签来描述网页

什么是 CSS

CSS 是指层叠样式表 (Cascading Style Sheets),样式定义如何显示HTML 元素,用于控制web页面的外观。CSS负责网页三个组成部分中的表现,样式通常保存在外部的 .css 文件中。我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。

  • css可以用来为网页创建样式表,通过样式表可以对网页进行装饰。

  • 所谓层叠,可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的。

  • 而css就可以分别为网页的各个层次设置样式。

什么是 JavaScript

JavaScript,一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能。

JavaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JavaScript 是脚本语言

  • JavaScript 是一种轻量级的编程语言,属于解释型语言。

    • JavaScript是一门解释型语言,所谓解释型值语言不需要被编译为机器码在执行,而是直接执行。

    • 由于少了编译这一步骤,所以解释型语言开发起来尤为轻松,但是解释型语言运行较慢也是它的劣势。

    • 不过解释型语言中使用了JIT技术,使得运行速度得以改善。

  • JavaScript 是可插入 HTML 页面的编程代码。

  • JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

  • JavaScript 很容易学习

  • 基于原型的面向对象

JS编写位置

  • 我们目前学习的js全都是客户端的JS,也就是说全都是需要在浏览器中运行的,所以我们我们的JS代码全都需要在网页中编写。

  • 我们的JS代码需要编写到<script>标签中。

  • 属性:

    • type:默认值text/javascript可以不写,不写也是这个值。
      标签中。

  • 属性:

    • type:默认值text/javascript可以不写,不写也是这个值。

    • src:当需要引入一个外部的js文件时,使用该属性指向文件的地址。

关于“web前端的三大技术是哪几个”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“web前端的三大技术是哪几个”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网VUE频道。

--结束END--

本文标题: web前端的三大技术是哪几个

本文链接: https://www.lsjlt.com/news/98639.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • web前端的三大技术是哪几个
    这篇文章主要介绍了web前端的三大技术是哪几个的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇web前端的三大技术是哪几个文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2022-10-19
  • Web前端技术哪个更值得学习
    Web前端开发是当今热门的IT行业之一。随着互联网的发展和普及,越来越多的公司开始注重自身网站的维护和更新,这使得Web前端开发工程师的需求日益增加。然而,随着技术的不断发展,不同的Web前端开发技术也有所不同。在这个日新月异的时代,Web...
    99+
    2023-05-14
  • Web前端的三大结构是什么
    这篇文章主要介绍“Web前端的三大结构是什么”,在日常操作中,相信很多人在Web前端的三大结构是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Web前端的三大结构是什么”的疑惑有所帮助!接下来,请跟着小编...
    99+
    2023-06-04
  • web前端三大主流框架分别是哪些
    web前端三大主流框架分别是:Angular、React和Vue.js。1、Angular是一个由Google开发的前端框架,它是一个完整的框架,包括了数据绑定、组件化、路由、依赖注入等功能;2、React是由Facebook开发的一个Ja...
    99+
    2023-08-15
  • 常用的web前端技术有哪些
    常用的Web前端技术包括:1. HTML:网页结构标记语言,用于定义网页的结构和内容。2. CSS:层叠样式表,用于定义网页的样式和...
    99+
    2023-06-12
    web前端技术 web前端
  • web前端常用的技术框架有哪些
    本篇内容介绍了“web前端常用的技术框架有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1. BootstrapBootstrap 是一...
    99+
    2023-06-27
  • 值得关注的几个WEB技术有哪些呢
    今天就跟大家聊聊有关值得关注的几个WEB技术有哪些呢,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。HTTP2从google的SPDY中借鉴了很多特性...
    99+
    2022-10-19
  • 哪个Web前端是你最想成为的?
    随着互联网的发展,Web前端逐渐成为计算机领域中备受追捧的职业之一。相信很多人都曾听说过Web前端这个岗位,也许你正在学习Web前端,也许你正在考虑是否要选择Web前端作为未来的职业方向。那么,哪个Web前端是你最想成为的呢?一、纯技术型W...
    99+
    2023-05-14
  • Web开发必须掌握的三个技术是什么
    这篇文章主要介绍“Web开发必须掌握的三个技术是什么”,在日常操作中,相信很多人在Web开发必须掌握的三个技术是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Web开发必...
    99+
    2022-10-19
  • 淘宝、京东这些网站的哪个部分用了web前端技术?你能学会吗?
    什么是web前端?web前端可以实现什么样的效果?web前端都要学习哪些技术?下面web前端的小编带你全面认识web前端!当你打开网页,印入眼帘的是一个五彩缤纷的互联网世界;当你在微博上分享甜美的靓照;当你通过电子商务为你的女友订购生日蛋糕...
    99+
    2023-06-03
  • web前端开发工程师的三个阶段需要掌握哪些内容
    随着信息技术不断发展,前端技术的发展也经历了不同的阶段。前端概念随着移动智能手机的普及被正式提出,混合APP开始被广泛开发。近年来,由于前端技术开始实现工程化,一些企业前端开发任务逐渐向后端拓展,逻辑思维能力也逐渐成为前端开发人员必备的能力...
    99+
    2023-06-03
  • 高薪的web前端工程师必会的19个JavaScript简写技巧分别是什么
    高薪的web前端工程师必会的19个JavaScript简写技巧分别是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1.三元操作符当想写...
    99+
    2022-10-19
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作