前段第44天------前端、前端三剑客、HTML

一、前端

　　定义：前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。

　　前端技术：前端设计：一般可以理解为网站的视觉设计

　　　　　　　前端开发：网站的前台代码实现，包括基本的HTML和CSS以及JavaScript

二、前端三剑客

　　html　　1.超文本标记语言　　“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素

　　　　　　2.负责完成页面的结构

　　　　　　3.组成部分：标签：被尖括号包裹，由字母开头包含合法字符的，可以被浏览器解析的标记。eg:系统标签，自定义标签

指令：被尖括号包裹，由!开头的标记。eg:<!doctype html>

　　　　　　　　　　　　转义字符：被&与;包裹的特殊字母组合或#开头的十进制数。eg:< >  

　　　　　　4.文件后缀：.html .htm

　　css　　1.级联样式表

　　　　　 2.负责页面的风格设计，样式、美观

　　　　　 3.组成部分：选择器：由标签、类、id单独或组合出现

　　　　　　　　　　　作用域：一组大括号包含的区域

　　　　　　　　　　　样式块：满足css连接语法的众多样式

　　　　　 4.文件后缀：.css

　　JavaScript　　1.浏览器脚本语言，可以编写运行在浏览器上的程序

　　　　　　　　 2.负责编写页面特效、调用浏览器的API(BOM)、操作改变页面内容(DOM)，从后端获取数据(Ajax)，渲染页面等

　　　　　　　　 3.组成部分：DOM：文档对象模型(Document Object Model)，是W3C组织推荐的处理可扩展标志语言的标准编程接口。

　　　　　　　　　　　　　　 BOM：浏览器对象模型(Browser Object Model)，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。

　　　　　　　　　　　　　　　ES：ES是一种开放的、国际上广为接受的脚本语言规范(ECMAScript)，正式名称为 ECMA 262 和 ISO/IEC 16262，是宿主环境中脚本语言的国际　　　　　　　　　　　　　　　　　 Web 标准。

　　　　　　　　 4.文件后缀：.js

三、html

　　常用字符：1.无语义标签：<div></div><span></span>

　　　　　　　2.常用语义标签：<hn></hn> 标题<p></p> 段落<pre></pre> 原文本<br /> 换行<hr /> 分割线

　　　　　　　3.文本标签：<i></i> 斜体字<em></em> 斜体字，表示强调<b></b> 粗体字<strong></strong> 粗体字，表示强调(语气更强)<del></del> 删除的文本

　　　　　　　　　　　　 <ins></ins> 插入的文本<sub></sub> 下标字<sup></sup> 上标字

　　　　　　　　　　　　　<ruby>拼音<rt>pinyin</rt></ruby> 中文注音，h5新增

　　　　　　　4.其他标签：<section></section> 块<small></small> 小号字体

　　标签的分类：1.单/双标签：单标签：单标签在自身标签标识结束，主要应用场景为功能性标签

　　　　　　　　　　　　　　双标签：双标签有成对的结束标识，主要应用场景为内容性标签

　　　　　　　　2.行/块标签：行标签：又名内联标签，内联标签自身不具备宽高，通常同行显示

　　　　　　　　　　　　　　块标签：又名块级标签，块标签拥有自身宽高，通常独自占据一行

　　　　　　　　3.单一/组合标签：单一标签：单独出现，表示具体的功能或展示具体的内容

　　　　　　　　　　　　　　　　组合标签：配合使用，才能产生相应的内容与效果