这是 在百度前端技术学院学习的第一天 共六十六天 课程目标 做好预备奔跑的姿势 开始爱上前端 大概知道什么是Web,什么是HTML,CSS,JavaScript,如果您之前就知道,不妨可以做一些深入阅读...万维网是信息时代发展的核心,也是数十亿人在互联网上进行交互的主要工具。网页主要是文本文件格式化和超文本标记语言(HTML)。...什么是HTML 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。...什么是JavaScript JavaScript,一种高级编程语言,通过解释执行,是一门动态类型,面向对象(基于原型)的解释型语言。...在愈发热门的前端上,Html5 + CSS3 + JavaScript的应用不断使用在游戏、桌面和移动应用程序。
在这里,我争取用最根本的语言向大家分别说明HTML, CSS, XML, JS到底是什么,有什么用。然后我们再来看把他们组合起来是什么,有什么用。...第一部分 1、 HTML超文本标记语言 (Hyper Text Markup Language) ,是用来描述网页的一种标记语言。...HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超链接”点。超文本(Hypertext)是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。...使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。...其中的内容可以修改和删除,同时也可以创建新的元素。HTML DOM独立于平台和编程语言。它可被任何编程语言诸如Java、Javascript和VBScript所使用。
前端开发人员应掌握以下核心网络技术(考虑按此顺序学习): 统一资源定位器(又名URL) 超文本传输协议(又称HTTP) 超文本标记语言(又名HTML) 层叠样式表(CSS又名) JavaScript编程语言...对于所有网络相关规范的完整列表,看看platform.html5.org。 1 超文本标记语言(HTML又名) 超文本标记语言,通常被称为HTML,是用来制作网页的标准标记语言。...) 层叠样式表(CSS)是用于描述写的标记语言文档的外观和格式的样式表语言。...随着HTML和JavaScript,CSS是使用的大多数网站创建视觉魅力的网页,Web应用程序的用户界面,并为许多移动应用程序用户界面的基础技术。...虽然最初从JavaScript脚本语言派生,JSON是一个独立于语言的数据格式。代码分析和生成JSON数据是在很多编程语言一应俱全。JSON格式最初是由道格拉斯·克罗克福德规定。
考核内容: 前端开发大小写问题 题发散度: ★ 试题难度: ★ 看看大家的选择 解题: JavaScript严格区分大小写 如果弄错了大小写,程序将报错或者运行不正常。...即使不小写在浏览器编译时也会自动把大写标签转换成小写标签 XHTML可扩展超文本标记语言 (英语:eXtensible Hyper Text Markup Language,XHTML) 是一种标记语言...,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格 XHTML是大小写敏感的,XHTML与html是不一样的。...标准的XHTML标签应该使用小写。 XHTM与HTML最主要的不同: XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。...所以BCD都是对的 再看A选择 由于HTML文件在浏览器解析时,会把标签大写自动转为小写,标签中的属性也是一样;所以CSS样式表大小写都可以正常解析。 参考: 答案: A. CSS样式表为小写
W3c简介: W3c即万维网联盟,创建于1994年,是Web技术领域最权威和影响力的国际中立性技术标准机构。到目前为止,W3C已经发布了200多项影响深远的web技术标准和技术指南。...对应的标准也分为三部分: 结构标准语言主要包括可扩展标记语言(XML)和可扩展超文本标记语言(XHTML); 表现标准语言主要包括CSS; 行为标准语言(文档对象模型(DOM), ECMAScript...优点:仅仅用于存储数据,易于在任何应用程序中读/写数据,这使XML很快成为数据交换的唯一公共语言。 链接:https://baike.baidu.com/item/可扩展标记语言/2885849?...,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。...DOCTYPE 即文档类型标记,是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。
Doctype 作用,HTML5 为什么只需要写 doctype 是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档。只有一种 SGML: 标准通用标记语言,是现时常用的超文本格式的最高层次标准 2....渲染引擎主要负责取得网页的内容、整理讯息、计算网页的显示方式等,JS 引擎则是解析 Javascript 语言,执行 javascript 语言来实现网页的动态效果。...绘图 地理定位:Geolocation 拖放 API:drag web worker:是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能 web storage: localStorage...由于@import 是 CSS2.1 提出的所以老的浏览器不支持,而 link 标签无此问题 当使用 javascript 控制 dom 去改变样式的时候,只能使用 link 标签,因为@import
当搞明白了,我到底要做什么的时候,就要开始设计了。设计是很繁琐的,记得以前做机房收费系统,设计几乎是改了又改,细化了又细化,这里也是一样。 ...这个时候,在我的网页原型上做一些可用性测试,防止以后出现大面积的失误。在这个步骤的最后,我基本上就知道了我的web应用是如何组织到一起的了,前台页面有什么,各个页面是怎么跳转的等等。 ...那么,上述内容一到七中提到的那些英文单词就是我们开发过程中学到的东西,让我们一起来大概地看一看,在上述开发过程到底学到了什么: 1、Html HTML 超文本标记语言 (Hyper Text Markup...不是一种编程语言,而是一种标记语言(markup language) ,HTML 使用一套标记标签(markup tag) 来描述网页 。 ...但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。 HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
3、前端主要技术:HTML、CSS、JavaScript 这三个是前端开发中最基本也是最必须的三个技能。...前端的开发中,在页面的布局时, HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单,但这里面需要掌握的东西绝对不会少。...(1)HTML 指的是超文本标记语言 (Hyper Text Markup Language),这个也是我们网页最常用普通的语言了,经历了多个版本的发展,已经发展到5.0版了,得力于W3C建立的标准和规范...我目前是在职前端开发,如果你现在也想学习前端开发技术, 在入门学习前端的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题, 你都可以申请加入我的前端学习交流裙:前面:603 中间:985...里面聚集了一些正在自学前端的初学者, 裙文件里面也有我做前端技术这段时间整理的一些前端学习手册,前端面试题, 前端开发工具,PDF文档书籍教程,需要的话都可以自行来获取下载。
它也将响应用户交互; Visibility:与 opacity 唯一不同的是它不会响应任何用户交互。...十六、xhtml和html的区别 XHTML:可扩展超文本标记语言,XHTML元素必须被正确地嵌套,XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档中元素必须被嵌套于 根元素中。...HTML:超文本标记语言,在HTML中允许一些不规范的写法,HTML对于各大浏览器兼容性较差,现在web前端开发的静态网页,一般都是html4.0。...十七、前端页面有哪三层构成,分别是什么,作用是什么? 结构层:html ;作用:由 HTML 或 XHTML之类的标记语言负责创建。...这是 Javascript 语言和 DOM主宰的领域。 最后喜欢的同学点个收藏+关注、转发哦!后续还会有
前端开发的基础语法,由HTML+CSS+JavaScript组成,这是前端开发最基本的3个语言。...web前端开发学习基础知识介绍 1网页布局基础:HTML+CSS HTML就是超文本标记语言,组成网页内容的最基本语言。...因为只是HTML的话,只能用Table做布局才能勉强做出个成型的网页来。但是从Web2.0时代开始,都是盒子模型布局法了,也就是用DIV+CSS来实现布局了。 CSS就是层叠样式表。...JavaScript现在可以说是互联网时代使用率最高的脚本语言了,在网页中,所有的数据渲染,特效的交互都需要利用JavaScript,来影响浏览器的显示。...JavaScript不只是开发网页特效和渲染数据的重要内容,在学习前端开发的后期,大量使用算法和框架的时候,对JavaScript基础的考验也是很多的。
表示:css。行为:Javascript。 web准备总结: 结构标准:相当于人的身体。html就是用来制作网页的。 表现标准:相当于人的衣服。css就是对网页进行美化的。 行为标准:相当于人的动作。...html全称HyperText Markup Language,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。...超文本:音频,视频,图片称为超文本。 标记 : 作用:HTML是负责描述文档语义的语言。...注意:HTML语言不是一个编程语言(有编译过程),而是一个标记语言(没有编译过程),HTML页面直接由浏览器解析执行。 HTML是负责描述文档语义的语言 html中,除了语义,其他什么都没有。...html是一个纯本文文件(就是用txt文件改名而成),用一些标签来描述文字的语义,这些标签在浏览器里面是看不到的,所以称为“超文本”,所以就是“超文本标记语言”了。
Web前端开发技术(因为技术的更新,又称为H5开发工程师)主要包括三个元素:HTML,CSS和JavaScript,DOM,BOM,Ajax等。 ...HTML(全称为Hyper Text Markup Language,即超文本标记语言)是一门简单的标记语言; CSS(全称为Cascading Style Sheets,即层叠样式表)则是无类型的样式修饰语言...Ajax(AJAX = Asynchronous JavaScript and XML,即异步的JavaScript和XML),AJAX不是新的编程语言,而是一中使用现有标准的新方法。...(我上次买的一件上衣上面印有H5,同时衣服上有粉刷工的白石灰滴落似的 造型) 前端工程师的工作是什么? ...标准的内容包括使用语言的规划,开发中使用的导则和解释引擎的行为等等。)
HTML & CSS 到底是什么?有什么用?HTML 和 CSS 是两门语言。语言是什么呢?语言是沟通的工具人与人之间沟通的语言:自然语言人与计算机之间沟通的语言:计算机语言。...可以理解为,人通过计算机语言与计算机进行“沟通”,并通过一些指令或者任务,让计算机完成人想要计算机完成的事情。HTML: Hyper Text Markup Language 超文本标记语言。...可以简单的理解为:定义网页中的东西长什么样子目前,可以广义的理解为:HTML + CSS + JavaScript = 网页。即 HTML,CSS,JavaScript是开发网页的三大基础语言。...什么是HTMLHTML是W3C组织定义的语言标准:HTML是用于描述页面结构的语言。HTML:Hyper Text Markup Language,超文本标记语言。...它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。这种语言吸收了很多在电邮中已有的纯文本标记的特性。
browser插件后用的)我习惯把快捷键放在笔记最前面,每次新学的快捷键容易忘记,每次能最快找到一、HTML概念1、概念(1)HTML是一种超文本的标记语言(2)区别于C语言、JAVA、Javascript...是编程语言2、超文本标记语言(1)超文本:链接、音频、视频(HTML好比报纸,而超文本的作用就是做一些报纸做不到的操作)(2)标记:用标签对内容进行标记3、标签 ①单标签:...它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。...它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。...它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
请描述 HTML、CSS、DOM、JavaScript分别表示的含义 ① HTML HTML,英文全称 Hyper Text Markup Language,翻译过来就是**①超文本②标记语言**,这是一种用于创建网页的标准标记语言...超文本:超文本就是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本 标记语言: 标记语言由标签构成的语言,例如 html,xml等,都是标签语言。...例如下面我就使用了 标签来处理了部分文字。...每一个浏览器都有JavaScript的解析引擎 脚本语言:不需要编译,直接就可以被浏览器解析执行了 为什么 JavaScript 和 Java一点关系都没有却还带有“Java”?...JavaScript 的特点: 解释性执行 JavaScript是一种解释性脚本语言语言,但在使用前,不需要先编译,而是在程序运行过程中被逐行地解释。
当render tree中的一些元素需要更新属性,而这些属性只是影响元素的外观,风格,而不会影响布局的,比如background-color。则就叫称为重绘。...BFC,块级格式化上下文,一个创建了新的BFC的盒子是独立布局的,盒子里面的子元素的样式不会影响到外面的元素。...html:超文本标记语言 (Hyper Text Markup Language) xhtml:xhtml中的 x 是 EXtensible 的表示,XHTML 指可扩展超文本标记语言(EXtensible...HyperText Markup Language),是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格更纯净。...使用JavaScript和DOM实现局部刷新 四十二、CSS中 em 与 rem 指的是什么?有什么区别?
看一下维基百科上的定义: HTML:超文本标记语言(HyperText Markup Language)是一种用于创建网页的标准标记语言。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。...HTML描述了一个网站的结构语义,是一种标记语言而非编程语言。我们可以用HTML显示文字、图片、按钮、表单等。...JavaScript:JavaScript(通常缩写为JS)是一种编程语言。它可以直接在浏览器上运行,并且有很多为专门为网页提供的功能。当然JS也可以作为后端运行。...JavaScript和Java没有什么关系。起这个名字主要是为了蹭一下Java的热度。 例子 看一个HTML、CSS、JavaScript一起工作的例子。...--引用css--> 我的第一个标题</h1
今天我们先来一起看下前端基础,主要包含HTML(超文本标记语言),CSS(层叠样式表),JavaScript。 首先,前端知识有什么疑惑,可以到w3School中查看,链接。...1.超文本标记语言–HTML HTML是英文Hyper Text Markup Language的缩写,中文译为“超文本标记语言”,其主要作用是通过HTML标记对网页中的文本、图片、声音等内容进行描述...HTML是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。...2.层叠样式表–CSS CSS 是 Cascading Style Sheet 的缩写,译作“层叠样式表单”,是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。...3.JavaScript基础 这部分主要分为两部分来介绍,首先介绍文档对象模型(DOM),然后简单的介绍下JS的语法,最后演示下JS的使用。
一、 SGML 、 HTML 、XML 和 XHTML 的区别?SGML 是标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言,是所有电子文档标记语言的起源。...HTML 是超文本标记语言,主要是用于规定怎么显示网页。...XHTML 也是现在基本上所有网页都在用的标记语言,他其实和 HTML 没什么本质的区别,标签都一样,用法也都一样,就是比 HTML 更严格,比如标签必须都用小写,标签都必须有闭合标签等。...在解析网页时,浏览器将使用这些规则检查页面的有效性并且采取相应的措施。DTD 是对 HTML 文档的声明,还会影响浏览器的渲染模式(工作模式)。三. meta viewport 是做什么的?怎么写?...H5是HTML5的简称,就是“HTML”的第5个版本,也就是第5个版本的超文本标记语言。六、 页面导入样式时,使用 link 和 @import 有什么区别?
这些内容来自服务器中,但浏览器从服务器拿到这些内容之后,应该怎么展示给用户,这就是前端的职责。所以,最早的时候前端工作者本质上做的是告诉浏览器怎么展示数据。 为什么我们要关心浏览器的版本?...而每个浏览器他们的对页面语言(HTML)的理解能力不同,因此如果想要一个产品的页面在不同浏览器上可以展示同样的效果,前端工程师就必须要为每个浏览器做兼容处理。...HTML 中文名称是超文本标记语言 (Hyper Text Markup Language),值得注意的是HTML 不是一种编程语言,而是一种**标记语言。...Javascript跟HTML和CSS不同,它是正正经经的编程语言。这意味着他可以通过逻辑操作页面上的内容。让页面“活起来”。...生成Render树 DOM树记录这页面节点的空间位置,结合css树,生成一课render树,详细记录着各个节点的形状,位置等信息。render树会把一些不可见的节点,忽略。
领取专属 10元无门槛券
手把手带您无忧上云