java全栈day01-前端Web-HTML&CSS
一、初识Web前端
1.Web
全球广域网,也称为万维网(www World Wide Web),能够通过浏览器访问的网站。
2.(1)网页由那几部分组成
文字、图片、视频、音频、超链接..
(2)我们看到的网页,背后本质是什么
程序员写的前端代码
(3)前端代码如何转换成用户眼中的网页
通过测览器转换成用户看到的网页。
浏览器对代码进行解析渲染的部分,称为浏览器内核.
3.Web标准
Web 标准也称网页标准,由一系列的标准组成,大部分由W3c(World wide web consortium,万维网联盟)负责制定。
4.三个组成部分
HTML:
负责网页的结构(页面元素和内容)。
CSS:
负责网页的表现(页面元素的外观、位置等页面样式,如:色、大小),
JavaScript:
负责网页的行为(交互效果)。
二、HTML&CSS介绍
1.什么是 HTML?
HTML(HyperText Markup Language):超文本标记语言。
◆超文本:超越了文本的限制,比普通文本更强大。除了文字信息,还可以定义图片、音频、视频等内容。
◆ 标记语言:由标签"<标签名>"构成的语言
(1) HTML 标签都是预定义好的。例如:使用<h1>展示标题,使用<img>展示图片,使用<video>展示视频。
(2) HTML代码直接在浏览器中运行,HTML 标签由浏览器解析。
2.什么是CSS?
CSS:(Cascading style sheet):层叠样式表,用于控制页面的样式(表现)。
三、HTML快速入门
1.组成
代码用例:
2.HTML标签特点
html 标签不区分大小写,建议小写;
html 标签的属性值使用单引号/双引号都可以;
html 语法结构松散,但是建议规范书写。
四、VsCode安装
俗话说,工欲善其事,必先利其器。使用记事本书写既不能语法的显示,而且开发程度很低。所以咱们使用VsCode。
VS Code 对前端代码有非常强大的支持,同时也其他编程语言(例如: C++ 、 Java 、 Python 、 PHP 、 Go等)。
VS Code 提供了非常强大的插件库,大大提高了开发效率。
官网: https://code.visualstudio.com。(过程简单,自行下载即可)