所有学习前端的人对前端三剑客《html+css+JavaScript》都不会陌生。 可以说这是前端的世界。 前端不是无法解决的,前端世界中也不是javascript无法实现的。
关于JavaScript,有一种说法是可以用JavaScript编写的APP应用程序最终使用JavaScript。 JavaScript可以在所有主要平台上运行,也可以在执行主要操作的所有服务器上运行。 现在,在网站上写主要功能时,需要足够的开发人员在JavaScript中写前端。
下面我们就来了解下这三门技术都有什么用?
1. HTML是网络内容的载体。 内容是web作者希望放在页面上供用户浏览的信息,可以包括文字、图像、视频等。2. CSS风格是一种表现。 就像网页上的外套。 例如,改变标题的字体和颜色,或者在标题中包含背景图像和边框。 所有这些用于改变内容外观的东西都称为表达。
3. JavaScript用于实现网页上的特殊效果。 例如,滑动鼠标来显示下拉菜单。 或者,鼠标悬停的表的背景颜色发生变化。 还有焦点新闻(新闻照片)的轮换。 可以看到,有动画的和有交互组件的通常都是在JavaScript中实现的。
什么是HTML?
HTML是超文本标记语言(Hyper Text Markup Language ) HTML不是编程语言,而是标记语言(markup language )标记语言是标记标签)
HTML标签
HTML标签是括在尖括号中的关键字,例如html通常,HTML标记是成对显示的。 标记对中的第一个标记是开始标记,第二个标记是结束标记
标签和标签之间可以嵌套,但优先级必须匹配。 例如,如果div中嵌套有p,则/p必须位于/div之前。
HTML基本结构
个HTML文件具有自己的固定结构,如下所示:html
head./head
body./body
/html代码说明:
1. html/html称为根标记,所有网页标记都位于html/html中。
2 .头部标记用于定义文档的头部,是所有头部元素的容器。 头部元素包括标签,如title、script、style、link和meta。 关于头部标签,稍后详细说明。
3.body和/body标记之间的内容是h1、p、a、img等网页的主要内容,此处标记的内容显示在浏览器中。
在head中设置网页标题和字符集编码
头戴
title这里是标题/title
meta charset='utf-8'/
/head
什么是CSS (层叠样式表)?
CSS :全名层叠样式表也称为层叠样式表是一组控制页面外观样式的样式设置规则
为什么使用CSS?
在创建网页时实现内容和样式的分离,便于团队开发样式重用,减少代码量,便于准确控制网站维护页面的样式,美化页面外观style type='text/css '样式/style
CSS的作用
JavaScript (livescript )说明脚本语言,是基于动态、弱类型和原型继承的语言,内置支持类型该解释器称为JavaScript引擎,是浏览器的一部分,广泛用于客户端脚本语言。 最初用于HTML (标准通用标记语言下的APP应用程序)页面,用于向HTML页面添加动态功能。