Web前端零基础入门HTML5+CSS3基础教程——了解前端
IT行业里各种职业形形色色,令little眼花缭乱。在众多职业里只选择一个实在是困难,在如今的社会形势里,只会一门也可能难于就业,所以little玩起了前端。
目录
前端是什么
前端的核心技术
HTML
CSS
JavaScript
前端入门所用到的工具
VSCode的安装
前端是什么
通俗来讲你现在看到的页面就是前端。
前端是网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。
就好比网页的界面、软件的界面,小程序的界面等等。
跟紧little,让little带你走入前端。
前端的核心技术
HTML、CSS、JavaScript
根据W3C的标准,网页分成了三大部分:
HTML
HTML用于描述页面的结构,是页面的骨架。
HTML(Hyper Text Markup Language)全称为超文本标记语言。超文本指的是超链接,让我们使用超链接从一个页面跳转到另一个页面。
HTML使用标签的形式来识别网页中不同的组成页面。
CSS
CSS用于控制页面中元素的样式,美化页面。
CSS (Cascading Style Sheets) 全称层叠样式表,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
JavaScript
JavaScript用于响应用户操作,负责页面行为,让页面动起来。
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。
前端入门所用到的工具
VSCode与一个浏览器
VSCode的安装
浏览器直接搜索VSCode,进入官方网站,点击Download,进行下载
下载好后,点击打开文件,进行安装:
选择你要存放的路径:
选择以下的选项:
进行下一步操作即可完成安装。
跟紧little,little带你玩前端!!!
Web前端零基础入门HTML5+CSS3基础教程——了解前端相关推荐
- 【尚硅谷】Web前端零基础入门HTML5+CSS3基础教程
[尚硅谷]Web前端零基础入门HTML5+CSS3基础教程 学习视频来源:哔哩哔哩弹幕网(https://www.bilibili.com/video/BV1XJ411X7Ud?spm_id_from ...
- Web前端零基础入门——HTML5
[尚硅谷]Web前端零基础入门HTML5+CSS3基础教程丨初学者从入门到精通 html入门 index1 > <html><head><title>我是谁? ...
- 慕课学习史上最全零基础入门HTML5和CSS笔记
慕课学习史上最全零基础入门HTML5和CSS笔记 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的 ...
- html5该怎么样学习?零基础入门HTML5学习路线
纵观近几年HTML5的发展可以看出,HTML5开发持续上涨,腾讯.微软.谷歌等国际互联网企业都将HTML5的研发与使用放在了重要的地位.目前全球有超过十亿台手机浏览器支持HTML5,而微信小程序的开放 ...
- 《零基础学HTML5+CSS3(全彩版)》读书笔记
2019年1月31日星期四 1点 <零基础学HTML5+CSS3(全彩版)>开始全面学习 前提: 11月20日开始学Python,可能因为太累了,也可能遇到了瓶颈,进入了一个迷茫期,1月6 ...
- 02.Web大前端时代之:HTML5+CSS3入门系列~H5结构元素
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.结构元素 可以理解为语义话标记,比如:以前这么写&l ...
- 04. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 一.input新增类型: 1.tel:输入类型用于应该包 ...
- 01前端入门HTML5 +Css3+电商网页制作:HTML5
01前端入门HTML5 +Css3+电商网页制作 0. 来源 1. 基础认识 1.1 Web 标准构成 1.2 基本语法 2. vscode使用 3. HTML 3.1 注释 3.2 标签 3.2.1 ...
- 02前端入门HTML5 +CSS3+电商网页制作:CSS
02前端入门HTML5 +CSS3+电商网页制作 0 来源 1 CSS基础 1.1 基础认识 1.1.1 css demo 1.1.1 css的层叠性 1.2 CSS引入方式 1.3 选择器 1.4 ...
- html精灵图资源,知识分享:HTML5+CSS3基础之CSS Sprites(CSS精灵)
原标题:知识分享:HTML5+CSS3基础之CSS Sprites(CSS精灵) CSS Sprites介绍 Css sprites 可翻译为css精灵,也有人翻译为css雪碧,因为sprite也有雪 ...
最新文章
- c语言文件 加载内存吗,把文件中的数据加载到内存进行查找C语言实现.docx
- java创建具体时间点_java单例饿汉模式对象创建时间点疑问
- OutOfMemory (OOM)的类型与检测
- 学习笔记9-C语言-传参、类型限定符、递归
- Java基础——深入理解ReentrantLock
- com.android.mms 占cpu,怎么CPU占用这么高啊!
- Git基础教程(三)
- 浅谈C#的语法特性及杂七杂八
- 编程珠玑Column11中插入排序和快排序
- tftp命令linux,tftp命令使用详解
- 硬件原理图 一键开关机电路
- markdown温习笔记
- Python之父愤然退位:再也无法忍受他们鄙视我的意见
- GRU(Gate Recurrent Unit,门控循环单元)结构
- Anaconda安装Jupyter Notebook及使用
- maya 中切换当前渲染器的方法和设置
- 金链盟中国区块链应用大赛正式启动,200万奖金花落谁家?
- MyBatis关联映射例题
- LiquiBase 管理数据库变更实践
- GMQ Wallet现代生活变得更简单、更便捷
热门文章
- 天文相关词汇的英语翻译
- 计算文件MD5值的多种方法
- Android Facebook登陆获取 Key Hashes值
- 工程学导论-第四章-创造力
- 学3D建模需要有美术功底吗?
- 不重装系统的情况下对C盘扩容
- 成功解决ERROR: Command errored out with exit status 1: command: 'f:\program files\python\python36\pyt
- ionic的用法和作用
- 风潮唱片总目录及下载地址-2009年2月9日更新
- android问号icon,CSS3 动态问号图标(使用工具生成)