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。(过程简单,自行下载即可)

五、HTML&CSS-常见标签及样式

          1.通过新浪新闻的案例来介绍相关标签

2.样式处理