登录  /  注册

web前端的三大技术是什么

青灯夜游
发布: 2022-08-24 17:50:27
原创
7940人浏览过

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

web前端的三大技术是什么

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

web前端的三大技术

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

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

1.png

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>标签中。</script>
  • 属性:
    • type:默认值text/javascript可以不写,不写也是这个值。
      标签中。
  • 属性:
    • type:默认值text/javascript可以不写,不写也是这个值。
    • src:当需要引入一个外部的js文件时,使用该属性指向文件的地址。

(学习视频分享:web前端入门

以上就是web前端的三大技术是什么的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号