1.1 HTML HTML 是超文本标记语言（Hyper Text Markup Language），一种纯文本类型的语言，用来设计网页的标记语言，用该语言编写的文件以 .html 或者 .htm 为后缀...，由浏览器解释执行，在 HTML 的页面上可以嵌套脚本语言编写程序段，如 JavaScript。...HTML 工作原理：HTML 是部署在服务器上的文本文件，根据 HTTP 协议浏览器发出请求给服务器，服务器做出响应给浏览器返回一个 HTML，浏览器解释执行 HTML，从而显示内容。...1.3 JavaScript javaScript 是嵌入在 HTML 中在浏览器中的脚本语言，具有与 java 和 C 语言类似的语言，一种网页的编程技术，用来向 HTML 页面添加交互行为，直接嵌入...3.2 安装 Vue.js Node.js 安装成功后，可以安装 Vue.js 了。 国内直接使用 npm 的官方镜像是非常慢的，通常使用淘宝 NPM 镜像。
分别是结构（HTML）、表现（CSS）和行为（JS） 结构类似人的身体， 表现类似人的着装， 行为类似人的行为动作 理想状态下，他们三层都是独立的， 放到不同的文件里面 1.2.1 HTML HTML 指的是超文本标记语言...HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) 1.2.1.1 超文本的含义 超越文本限制：可以加入图片、声音、动画、...但实际上后两者是 ECMAScript 语言的实现和扩展 DOM：文档对象模型（DocumentObject Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言的标准编程接口。...favicon.ico 用于作为缩略的网站标志，它显示位于浏览器的地址栏或者在标签上，用于显示网站的 logo。 index.html 首页入口文件，可以添加一些 meta 信息或统计代码。 加载功能，即用户点击之前就完成了页面的加载，保证阅读流畅性 支持滑动翻页，每个页面内容单独成页 使用滚动侦测特效，即滑动页面的同时，大量文字或图片会自动加载出来，造成一种动态美感 4.2
前端基本内容概述 HTML HTML(超文本标记语言)是一种用于创建网页的标准标记语言. CSS CSS(层叠样式表)是一种用来为结构化文档添加样式的计算机语言....AJAX的优点: 在不重新加载整个页面的情况下, 可以与服务器交换数据，并更新部分网页内容. jQuery jQuery是一套跨浏览器的JavaScript库, 简化HTML与JavaScript之间的操作...RequireJS RequireJS: 一个JavaScript模块加载器. 好处: 使用RequireJS加载模块化脚本将提高代码的加载速度和质量....AMD AMD(Asynchromous Module Definition): RequireJS在推广过程中对模块定义的规范化产出，它是一个在浏览器端模块化开发的规范....Vue Vue(Vue.js): 一个用于创建用户界面的开源JavaScript框架，也是一个创建单页面应用的Web应用框架.
什么是 HTML HTML，全称HyperText Markup Language，即超文本标记语言，是一种用于创建网页的标准标记语言。...电子文档形式：现时超文本普遍以电子文档方式存在，如我们日常浏览的网页就是超文本的一种表现形式。 格式与应用 超文本的格式有很多，其中最常见的是超文本标记语言（HTML）及富文本格式（RTF）。...平台无关性：标记语言定义的文档结构可以在不同的操作系统和浏览器上保持一致，从而实现跨平台的兼容性。 原理与应用 原理：标记语言将文本分成小块，并通过各种标记将这些块组合成文档。...标记语言的种类 HTML：超文本标记语言，用于创建网页和Web应用程序。 XML：可扩展标记语言，用于数据存储和传输。它是HTML的扩展，具有更强的自定义能力和更严格的语法规则。...注释可以跨越多行，只需确保注释的开始和结束标记正确无误。 注释不会增加页面的加载时间，因为它们不会被浏览器解析或显示。 示例结构 一个基本的HTML文档结构如下所示： <!
核心技术点 网页组成 排版标签 多媒体标签及属性 综合案例一 - 个人简介 综合案例二 - Vue 简介 02-标签语法 HTML 超文本标记语言——HyperText Markup...超文本：链接 标记：标签，带尖括号的文本 标签结构 标签要成对出现，中间包裹内容 里面放英文字母（标签名） 结束标签比开始标签多 / 标签分类：双标签和单标签 需要加粗的文字显示。 在 VS Code 中，添加 / 删除注释的快捷键：Ctrl + / 语言深深吸引，开启了自己的前端生涯 。...另一方面，在与相关工具和支持库一起使用时 [2] ，Vue.js 也能驱动复杂的单页应用。
核心技术点 网页组成 排版标签 多媒体标签及属性 综合案例一 - 个人简介 综合案例二 - Vue 简介 02-标签语法 HTML 超文本标记语言——HyperText Markup Language...超文本：链接 标记：标签，带尖括号的文本 标签结构 标签要成对出现，中间包裹内容 里面放英文字母（标签名） 结束标签比开始标签多 / 标签分类：双标签和单标签 需要加粗的文字显示。 在 VS Code 中，添加 / 删除注释的快捷键：Ctrl + / 语言深深吸引，开启了自己的前端生涯 。...另一方面，在与相关工具和支持库一起使用时 [2] ，Vue.js 也能驱动复杂的单页应用。
以下是一些关键的演变里程碑： HTML：最初，HTML（HyperText Markup Language）被设计为一种简单的标记语言，用于创建和显示网页内容。...响应式设计：确保网页在不同尺寸的屏幕和设备上都能提供良好的用户体验。 性能优化：通过各种技术手段提升网页加载速度和运行效率。 可访问性：确保网页内容对所有用户，包括残障用户，都是可访问的。...它是一种标记语言，通过一系列的标签来定义网页的结构和内容。HTML标签告诉浏览器如何展示网页元素，如段落、标题、列表、链接和图片等。 HTML的全称为超文本标记语言，是一种标记语言。...层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。...它允许开发者在JavaScript代码中写类似HTML的标记，然后编译成JavaScript对象。组件化开发是React的核心，每个组件管理自己的状态，通过props传递数据。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)，这个也是我们网页最常用普通的语言了，经历了多个版本的发展，已经发展到5.0版了，得力于W3C建立的标准和规范，...使用 Vue.js 编写出来的界面效果本身就是响应式的，这使网页在各种设备上都能显示出非常好看的效果。 相比传统的页面通过超链接实现页面的切换和跳转，Vue 使用路由不会刷新页面。...指定载入一个脚本时，就给了这段脚本 的作者，完全控制web页面的权力 defer属性，可用来延迟加载脚本 标记，当浏览器Javascript...其接收一个可选参数console.count(label)，label表示指定标签，该标签会在调用次数之前显示。...如果一个页面有多个地方需要使用到计算器，则可以为方法传入一个可选参数label来指定标签，该标签会在执行时间之前显示。
image.png 1、HTML HTML，超文本标记语言（英文：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。...CSS样式表定义如何显示 HTML 元素，类似 HTML 中的字体标签和颜色属性所起的作用那样。样式保存在外部的 .css 文件中。...HTML5是HTML最新的修订版本，其设计目的是为了在移动设备上支持多媒体。 CSS3 是最新的 CSS 标准。 其次，需要学习Bootstrap和jQuery。...在学习这三大主流框架之前，需要先了解一下Node.js，因为学习这三个框架都会用到它。 6、Node.js Node.js 就是运行在服务端的 JavaScript。...7、Vue.js Vue.js是一套构建用户界面的渐进式框架。 它只关注视图层， 采用自底向上增量开发的设计。其目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
超文本标记语言（英语：HyperText Markup Language ，简称：HTML ）是一种用于创建网页的标准标记语言。...超文本 超越普通文本的特性，不仅是文字，还可以有图片、图形、表格、动画、音频、视频、链接、程序等非文本信息。 标记语言 将上述超文本的信息组合起来进行展示（包含结构和数据）的一种语言。...HTML 基础结构 html 标签：根节点标签 head 标签：头部标签，主要存放网站的基本描述信息 body 标签：正文标签，主要存放网页显示的内容 ...标签由两个尖括号包含起来的关键字，例如 标签一般都是成对的出现，开始标签和结束标签，例如 也有一些标签是单标签，例如 浏览器渲染的时候不会单纯的显示该标签
，它不是一种编程语言，是一种描述性的标记语言，用于描述超文本内容的显示方式。...超文本：音频，视频，图片称为超文本。 标记 ： 作用：HTML是负责描述文档语义的语言。...html是一个纯本文文件（就是用txt文件改名而成），用一些标签来描述文字的语义，这些标签在浏览器里面是看不到的，所以称为“超文本”，所以就是“超文本标记语言”了。...不会显示在页面上。 body部分：我们所写的代码必须放在此标签內。 1、编写HTML的规范 (1）所有标记元素都要正确的嵌套，不能交叉嵌套。...Transitional：表示“普通的”，这种模式就是没有一些别的规范。 Frameset：表示“框架”，在框架的页面使用。 头标签（head） head标签都放在头部分之间。
网页三大元素 HTML：网页的基本结构 CSS：网页的展示效果 JS：网页的功能与行为 HTML 简介 HTML(HyperText MarkupLanguage 超文本标记语言),用于构建网页 超文本...：文本中包含指向其他文本的链接 标记语言：将文本以及文本相关的其他信息结合 发展历时 伯纳斯-李在1989年提出了基于互联网的超文本系统 1993年IETF(互联网工程任务组)发布首个HTML提案，由此...HTML语言第一版诞生 在经历过几个草案之后HTML 2.0于1995年发布，包括了基于表单的文件上传、表格、国际化等功能 1994年W3C成立，随后接管了HTML的标准化工作，并在1997年发布了HTML...script> 可执行脚本 属性 defer：立即下载，延迟执行，表示脚本可以等到 dom 被完全解析和显示之后在执行...图像无法加载时(网络错误、内容被屏蔽或链接过期时)，浏览器会在⻚面上显示alt属性中的文本 decoding 解码方式：异步、同步 loading 懒加载 元素通过包含零或多个 <source
写在前面：推荐初学者在w3school上学习 ❤w3school快捷通道❤ ————————————————————————— Web标准构成的三部分： 结构 ：HTML 表现 ：CSS 行为：...JS W3C：万维网联盟 网页技术三层分离： 结构标准语言：HTML（超文本标记语言）,XHTML（可扩展标记语言）， 负责描述页面的语义。...表现标准语言CSS（层叠样式表）：负责描述页面的样式。 行为标准：主要包括对象模型 如DOM（文档对象模型）、JavaScript（标准脚本语言）等，负责描述页面的动态效果。...html 超文本标记语言 HTML文档 = 网页 web浏览器的作用是读取HTML文档。 <!...3.name 属性用于对提交到服务器后的表单数据进行标识 4. value 为input元素设定值（默认值） 输入框的值 选项的值 按钮上的文字 5.checked 在页面加载时应该被预先选定的单选和复选选项
PC端开发，还支持移动端开发还支持微应用开发,从而替换了部分传统的移动端开发技术 1.2 HTML概念 HTML:Hyper Text Markup Language，超文本标记语言。...【超文本】：网页本身是一个文本文件，而超文本指的是这种文件中既可以包含文本信息，又可以包含图片，音频，视频和链接等非文字的信息。 【标记语言】：标记，也叫做标签。...也就是说HTML这门语言是由标签组成的。...之前大多数视频使用flash插件实现的，但flash插件加载速度较慢，在H5之后专门提供了一个视频的标签; 9.超链接标签(a) 用法1：超链接:主要用于将多个页面关联到一起，使用超链接可以直接访问另一个页面...; 通过base标签统一设置页面超链接的显示目标 用法2：用于锚记页面中的某个位置或其他页面中的某个位置 10.列表标签 (
XML，可扩展标记语言。粗略地看一眼定义：XML是一套定义语义标记的规则，这些标记将文档分成很多部件并对这些部件加以标识。...他也是元标记语言，即定义了用于定义其它与特定领域有关的、语义的、结构化的标记语言的句法语言。 好了，你可能已经懵了。...每个领域的文档都能够看做一种语言（它是XML产生的）。“可扩展”就是你能够自定义这些标记，这些标记官方能够没有。 HTML，超文本标记语言。...“超文本”非常明显就是HTML页面中能够包括图片、链接等非文字元素。HTML也是一种标准，它利用标记符号标识文本文件（网页），告诉浏览器怎样显示当中的内容。...2、转换：为了更好地适应client浏览器的浏览，能够在server端进行XML->HTML的转换，但普通静态控件不支持这样的转换，能够选择支持XMLDOM的ASP或PHPserver进行。
Hyper Text Markup Language 什么是超文本标记？ 用标记表示比普通文本牛X一点的文本 e.g. ?...在2004年，由Opera、Mozilla基金会和苹果这些浏览器厂商组成。 WHATWG成立的原因是W3C意图放弃HTML，而力图发展XML（可扩展标记记语言下的一个子集）技术。...到目前为止，W3C已发布了200多项影响深远的Web技术标准及实施指南， 如广为业界采用的超文本标记语言（标准通用标记语言下的一个应用）、可扩展标记语言（标准通用标记语言下的一个子集）以及帮助残障人士有效获得...和之前宣布的规划一样，W3C计划在2014年完成HTML5标准。...多媒体 学习目标 掌握网页多媒体的意义 对Video标签和Audio标签熟练使用 了解字幕标签 SVG SVG * Scalable Vector Graphics 可缩放矢量图形 基于可扩展标记语言
01 H5的概念 H5是指第5代HTML，也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到的网页，多数都是由HTML写成的。...“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。...浏览器通过解码HTML，就可以把网页内容显示出来，它也构成了互联网兴起的基础。...H5，其实并不是一项技术，而是一项标准，其中所包含的技术主要有页面素材预加载技术，音乐加载播放技术，可以滑动的页面，可以涂抹擦除，有动态的文字和图片，可以填表报名，可以支持分享自定义的文案和图片等一系列技术
html是用来描述网页的一种语言。 (1) HTML 指的是超文本标记语言(Hyper Text Markup Language)。 ...(2) HTML 不是一种编程语言，而是一种标记语言(markup language)，标记语言是一套标记标签(markup tag)(包括:HTML XML XHTML)。 ...超文本 标记 语言 超文本： (1) 普通文本不能实现的，超文本可以实现，能实现普通文本不能实现的功能，表达能力优于普通文本如声音、图形等。 ...注意：所有标记语言，标签中的英文单词没有以数字开头的。比如。...--注册是普通按钮上的默认值(名字)--> submit 内置功能，点击会按照action地址提交 reset 重置，点击会清空之前填写的内容
2.2 HTML HTML即超文本标记语言的英文缩写，其英文全称是Hypertext Markup Language。...它是用来创建超文本的语言，用HTML创建超文本文档称为HTML文档，它能独立于各种操作系统平台。...由于“HTML标签”的便捷性和实用性，HTML语言也就被广大用户和使用者认可，并被当做万维网信息的表示语言。 使用HTML语言描述的文件需要通过Web浏览器显示效果。...上图使用Python代码简单写的一个登录网页及浏览器显示结果。 事实上，HTML文档的源码包含大量的“”和“”，我们称之为标记（Tag）。...（）之间，以便与普通文本明确区分开。
（2）区别于C语言、JAVA、Javascript是编程语言2、超文本标记语言（1）超文本：链接、音频、视频（HTML好比报纸，而超文本的作用就是做一些报纸做不到的操作）（2）标记：用标签对内容进行标记...HTML是一种建立网页文件的语言，通过标记式的指令(Tag)，将影像、声音、图片、文字动画、影视等内容显示出来。...事实上，每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。...在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。超文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。...因而，超文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
