Web前端的简介
Web前端是计算机科学开发的领域,它主要针对用编码实现和构建可见的东西,也就是用户进行交互的界面,
集中使用在Web应用程序或建设网站中,它还包括移动应用程序的开发,比如小程序,
负责创建这些类型的应用程序和网页的布局或架构的人员是前端开发人员。
Web前端三架马车
W3C 制定了结构(xhtml、xml)和表现(css)的标准,非赢利性的.
ECMA制定了行为(DOM(文档对象模型),ECMAScript)标准.
前端由HTML,CSS,JS组成
其中HTML用来确定网页的骨架和结构,决定要显示那些内容,比如显示一个段落或者是标题,图片视频等.
CSS用来修饰这些这些要显示内容的样式,比如HTML中的段落是在什么位置显示,字体是什么颜色,字体是多大,
使用的是哪一个字体,图片的大小,显示的位置,是平铺还是不平铺等等.
JS是用来实现用户和网站的交互,用来确定css中的内容的动作
下面使用一张图片来形象的展示出HTML,CSS,JS的特性.
流程图如下:
HTML基础部分
首先要学习到的就是前端的三驾马车之一的HTML(超文本标记语言),
英文名是:((Hyper Text Markup Language) ),它是万维网的描述性语言.
- HTML的基本结构
<!DOCTYPE html> //声明这是一个HTML文档
<html> //说明写的是HTML标记语言
<head> //这是文档的头部部分
<meat charset="utf-8"> //声明编码的格式是utf-8
<title>这是一个基本结构</title> //这个是文档的标题,会在标题栏显示
</head>
<body> //这是内容部分,也是文档的主体部分
</body>
</html>
- HTML的基础语法
1.常规标记(也叫双标记,双标签)
标记也叫标签,只是叫法的不同,不用深究
<标签></标签>
比如:
<head></head>
<body></body>
<h1></h1>
常规标签是成对出现的,有结束标签,上述的<head></head>中,</head>就是结束标签,以/为结束符
- 空标记(也叫单标签,单标记)
<标签>
比如:
<hr> //水平分割线
<br> //强制换行
<meat>
单标签和常规标签不同,它不是以成对出现的,它没有结束标签,以/为结束,但/可以省略不写.
注意事项:
1.写在<>中的单词叫做标记,标签也叫做元素
2.空标记没有结束标签,以/来代替