前段第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.单一/组合标签：单一标签：单独出现，表示具体的功能或展示具体的内容

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

转载于:https://www.cnblogs.com/zhouyi0316/p/9676507.html

前段第44天------前端、前端三剑客、HTML相关推荐

Web前端开发三剑客是做什么的？
大家都熟知,Web前端开发三剑客就是HTML.CSS.JavaScript.通过三种技术的融合产生了各式各样的网站.那Web前端开发三剑客分别是做什么的呢?主要在网站开发中主要完成哪些动作? Web前 ...
前端网页三剑客------JavaScript基础
前端网页三剑客------JavaScript基础一.基础语法 1.引入方式行内JS:在标签内部编写JS代码,配合事件使用.<input type="button" val ...
前端网页三剑客------CSS基础
前端网页三剑客------CSS基础一.三种引入CSS的方式 1.行内样式:在指定标签元素内部添加style属性,配置css效果,多个效果之间有分号隔开.缺点: 代码可重用性比较低,可维护性比较低 ...
前端网页三剑客------HTML基础
前端网页三剑客------HTML基础一.HTML基础语法基本语法包含:标签和属性 1. 文件的后缀 .html .htm 2. 标签由尖括号包围的关键词 <html> <hea ...
html是前段还是后端,什么是前端？前端与后端的区别？
什么叫前端开发?关键依据本人对前端开发的了解,梳理了一些变成前端开发所必须掌握的基本知识,期望可以协助一些刚进坑的小伙伴们. 一.初识前端前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户 ...
前端前端开发工程师_我们庞大的工程师团队会使用此前端开发指南
前端前端开发工程师 by Yangshun Tay 阳顺泰我们庞大的工程师团队会使用此前端开发指南 (Our large team of engineers use this front end d ...
前端前端开发工程师_如何消除您对成为前端工程师的担忧
前端前端开发工程师 by Yazan Aabed 通过Yazan Aabed 如何消除您对成为前端工程师的担忧 (How to eliminate your fears about being a f ...
前端 - 前端三剑客绘制一幅《圣诞节快乐》交互祝福效果
一.前言 2022年圣诞节到来啦,很高兴这次我们又能一起度过~ 这个想法也是之前一直想制作一个有交互性的圣诞快乐祝福网页,一直没有时间去实现,正好趁着这次活动来满足下自己的小小的愿望哈~ 利用前端三剑 ...
html5web前段页面,HTML5+CSS3 Web前端开发
HTML5+CSS3 Web前端开发编辑锁定讨论上传视频 <HTML5+CSS3 Web前端开发>是2018年5月清华大学出版社出版的图书,作者是唐四薪.ISBN为97873024 ...

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

前段第44天------前端、前端三剑客、HTML相关推荐

最新文章

热门文章