【HTML基础】第一课、Web前端的概述

2024-04-08 01:30:31

文章目录

一、什么是Web前端开发
二、网站与网页
三、Web前端技术
- 1. Web前端技术的构成有三个，HTML+CSS+JavaScript
- 2. Web前端的技术标准

一、什么是Web前端开发

Web：Web系统也叫www，或者称为万维网，以网站形式呈现，通过浏览器访问，完成一定功能的系统
前端：网页上为用户呈现的部分
开发：编写代码
既然有前端，那必然有一个后端与之对应，那什么是后端呢？
后端：与数据库进行交互，完成数据的存取

二、网站与网页

概念
网站（web site）：互联网上用于展示特定内容的相关网页的集合
网页（web page）：网站中的一页，一个网站中的网页通过 “超链接” 的方式被组织在一起
比如网站是一本书的话，那么网页就是书的纸张，网站的主页( homepage ) 的文件名通常是 index。
网页的元素
网页通常包含：表单，logo，导航栏，文字超链接，banner广告横幅
浏览器
目前的主流浏览器有：Chrome 、Firefox 、IE、Safari、Opera

三、Web前端技术

1. Web前端技术的构成有三个，HTML+CSS+JavaScript

可以简单的理解为：
i. 结构：HTML，描述页面结构
ii. 样式：CSS，美化页面
iii. 行为：JavaScript，与用户交互，提升用户体验

从专业的角度进行解释这三个页面构成：
HTML称为超文本标记语言，是一种标识性语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的 Internet 资源连接为一个逻辑体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明 文字、图片、动画、声音、表格、链接等。
CSS即层叠样式表（Cascading Style Sheets）是一种用来表现HTML等文件样式的计算机语言。CSS不仅可以静态修饰网页，还阔以配合各种脚本语言动态地对网页各元素进行格式化。
JavaScript简称（JS）是一种具有函数优先的轻量级，解释型或即编译型的编程语言。虽然作为开发Web页面的脚本语言，但也被用到了狠多非浏览器环境中。

2. Web前端的技术标准

Web前端的技术标准由 W3C( World Wide Web)万维网联盟指定标准，当前最新的标准为 HTML5、CSS3。

【HTML基础】第二课、HTML基础之HTML概述 传送门

本文结束，感谢阅读，如果有哪些地方有错误，评论区留言欢迎指教。

【HTML基础】第一课、Web前端的概述相关推荐

猿来小课web前端介绍html语言基础学习
HTML是一种超文本标记语言,属于互联网开发技术里面的前端开发技术.同时也是计算机和你所访问的Web站点的沟通语言.当你访问Web服务器所寄存的站点并与其交互时,Web服务器会接收到来自你的浏览器的请 ...
c语言字母八进制表示'/1011',C语言C语言第一课：C语言概述为什么学习C语言怎样学习C语言.DOC...
[摘要]C语言第一课: C语言概述为什么学习C语言怎样学习C语言参考资料 ----------------------------------------------------------- ...
没有基础怎么学习Web前端？相关学习路线又是什么？
没有基础怎么学Web前端?相关学习路线是什么?随着互联网的迅猛发展,互联网项目对用户体验提出了更高的要求,Web前端开发人员成为了重要的研发角色.很多人想要快速加入前端开发这一高薪行列,对于想要学习W ...
没有基础怎么学Web前端？相关学习路线是什么？
没有基础怎么学Web前端?相关学习路线是什么?随着互联网的迅猛发展,互联网项目对用户体验提出了更高的要求,Web前端开发人员成为了重要的研发角色.很多人想要快速加入前端开发这一高薪行列,对于想要学习W ...
java webpack web项目_零基础如何学习web前端，入门教程分享
前端作为互联网时代直接触达用户的窗口,大到我们每天浏览到的网站,小到一次点击按钮的页面,前端无处不在.并且在产品的众多开发环节之中,最能让用户直观感受到的就是前端开发.因而前端行业的广阔发展前景也吸引 ...
零基础如何掌握web前端开发技能
很多零基础学员想要进入到互联网行业都会选择web前端做首选技术语言来学习,但是学习web前端不是那么容易的,想要成为一名合格的web前端工程师,所要掌握的技能一定要会,下面小编就为大家详细的介绍一下零 ...
零基础怎么学习web前端开发
零基础怎么学习web前端开发?web前端在移动互联网行业的运用是非常广泛的,而且web前端开发技术所涵盖的知识有很多,具体要怎么学习,来看看小编下面的详细介绍吧. 零基础怎么学习web前端开发?对零基 ...
计算机应用技术第一课,计算机应用基础(第一课).ppt
计算机应用基础(第一课) 目录上一页下一页退出第 * 张幻灯片目录上一页下一页退出第 * 张幻灯片目录上一页下一页退出第 * 张幻灯片目录上一页下一页 ...
Python基础第一课
全部都重要 github博客传送门博客园传送门 Python基础课如何下载安装Python Python基础第一课 Python基础第二课 Python基础第三课 Python基础第四课没了. ...
计算机应用技术第一课,计算机应用基础(第一课)
<计算机应用基础(第一课)>由会员分享,可在线阅读,更多相关<计算机应用基础(第一课)(22页珍藏版)>请在人人文库网上搜索. 1.教学课件,计算机应用基础,目录,课程说明, ...

最新文章

热门文章