一.浮动(float)1.文档流:是指盒子按照 html 标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列，先写的先排列,后写的排在后面,每个盒子都占据自己的位置.2.浮动的概念:所谓的浮动就是指元素脱离文档流,漂浮到文档流的上方,不会占据位置。3.浮动的特性:(1).浮动元素有左浮动(float:left)和右浮动(float:right)两种.(2).浮动的元素会向左或向右浮动,碰到父元素边界,浮动元素,未浮动的元素才停下...
第四章 文本1、<p></p>2、<small></small>表示细则一类的旁注，通常包括免责声明、注意事项、法律限制、版权信息等。3、<strong></strong>表示内容的重要性，以粗体显示，一个strong可以嵌套在另一个strong中；<em></em>表示内容的着重点，以斜体显示，一个em可以嵌套在另一个em中。<b></b>用于如文档摘要里的关键词、评论里的产品名、基于文本的交互式软件中指示操作的文字、文章导语等；<i></i>用于如分类名称、技术术语、外语里...
本文档要分析的案例是一个爱消除的网页小游戏，从中可以体会一些Mugeda API的用法和使用Mugeda动画制作网页游戏的方法。（一）游戏规则： 1、开始游戏时，手机出现在最上面一行的任意一格； 2、开始游戏时，彩色石头随机从上往下落，填满所有的方框，相同的三个石头不能相邻的排在一列或者一行； 3、手机从上移动到最下面一行的任意一格，就算胜利，或游戏时间结束，消除的石头数量超过30个也算胜利。（...
HTML标题
标题，用来显示文章重要性的文字，包含了文章的主旨，类似于作文题目。标题（Heading）是通过 <h1> - <h6> 等标签进行定义的，由大到小一次排列，h1为最大。
注意：浏览器会自动地在标题的前后添加空行
索引擎使用标题为您的网页的结构和内容编制索引HTML 水平线<hr/>水平线标签，跟br类似，插入一条横向的线条，可用于区分上下文。HTML 注释
<!-- 这是一个注释-->html注释是有开始括号之后（左边的括号）需要紧跟一个叹号...
今天我们开始我们的第一个Mugeda动画作品，并通过它来看看制作Mugeda动画的一些通用流程。在开始制作之前，请确保你已经拥有一个Mugeda网站的账号。如果还没有，你可以登录
www.mugeda.com
免费注册一个。简单来讲，制作一个Mugeda动画内容，包含有如下几个步骤：1. 添加元素（图片、文字等）到舞台；2. 为添加的元素定义动画；3. 定义和用户的交互行为（例如点击跳转等）；4. 导出或发布内容；在这个例子中，我们制作一个简单的...
在表头中，可以单独定义暗边框色。基本语法<TH Bordercolordark=color_VALUE>语法解释定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。 文件范例：10-38.htm设定表头暗边框的颜色。01 <!-- ------------------------------ -->02 <!-- 文件范例：10-38.htm -->03 <!-- 文件说明：设定表头暗边框颜色 -->04 <!-- ------------------------------ -->05 <HTML>06 <HEAD>07 <TITLE>设定表头暗边框颜色</TITLE>08 </HEAD>0...
在广告主的需求中，有很多情况下需要在动画中添加一些外部链接。这份文档就在Mugeda动画中添加外部链接的方式，做一下梳理。1.通过点击触发的链接就是要用户点击屏幕来触发链接的情况，这是推荐使用的方式。因为存在流量的考虑，不需要任何点击就跳转的操作，在有些移动设备上是不被支持的，所以我们推荐的触发跳转链接的方式是通过点击触发。实现的方式是：在舞台上选中一个物体对象，在动作中选择“链接”，输入框中写入完整的链...
默认情况下，表格的边框为0，我们可以为表格设置边框线。基本语法<TABLE BORDER=VALUE>语法解释通过BORDER属性定义边框线的宽度，单位为像素。文件范例：10-2.htm设定边框线的宽度。01 <!-- ------------------------------ -->02 <!-- 文件范例：10-2.htm -->03 <!-- 文件说明：设定表格的边框宽度 -->04 <!-- ------------------------------ -->05 <HTML>06 <HEAD>07 <TITLE>设定表格的边框宽度</TITLE>08 </HEAD>09 <BODY>10 <...
1，HTML5/jQuery雷达动画图表图表配置十分简单分享一款很特别的HTML5图表，它是利用HTML5和jQuery的雷达动画图表，图表数据在初始化的时候带有一定动画。在线演示源码下载2，HTML5模拟牛顿力学碰撞的小球介绍一款HTML5模拟物理实验，这次模拟的是HTML5牛顿力学实验，高空挂几个小球来回摆动，互相撞击，来模拟力的传动。在线演示源码下载3，HTML5的画布烟花特效场景十分华丽一款基于HTML5 Canvas实现的烟花特效，我们只需在黑色的画...
HTML教程-（HTML5标准）HTML：超文本标记语言（英语：HyperText Markup Language），是一种用于创建网页的标准标记语言。您可以使用HTML来建立自己的WEB站点，HTML运行在浏览器上，由浏览器来解析。对于中文网页需要使用<meta charset="utf-8">声明编码，否则会出现乱码。HTML文档的后缀名.html.htm以上两种缀名没有区别，都可以使用。 原文：https://www.cnblogs.com/ZXJ111/p/11359754.html
上文我们讲到了options的配置和获取数据的方式，本文，我们继续深入options的配置一、html-webpack-plugin插件中的options除了自己定义了一些基本配置外，我们是可以任意的添加自定义的数据webpack.dev.config.js文件: 1var HtmlWebpackPlugin = require(‘html-webpack-plugin‘);2 module.exports = {3 entry : {4 main : ‘./src/js/main.js‘,5 calc : ‘./src/js/calc.js‘6 },7 output : {8//__dir...
表表是十分有用的,用它存储表状的数据更易于阅读.当你想用行列来显示信息时---你猜到了,<table>标签正是你需要的,有许多和表有关的标签,它们都以<table>开始.表就是将一组数据用行列的形式排列,我们用<tr>标签创建一个表行(table
row),<td>标签表示表数据(table date)<!DOCTYPE html><html><head><title>Table Time</title></head><body><table border="1px"><tr><td>One</td></tr><tr><td>Two</td></tr><tr><td>Three</td></tr><...
最近想弄一个网页，把自己学HTML5过程中做的部分DEMO放上去做集合，但是，如果就仅仅做个网页把所有DEMO一个一个排列又觉得太难看了。就想，既然学了canvas，那就来折腾下浏览器，做个小小的开场动画吧。开场动画的效果，想了一会，决定用粒子，因为觉得粒子比较好玩。还记得以前我写的第一篇技术博文，就是讲文字图片粒子化的：文字图片粒子化 ， 那时就仅仅做的是直线运动，顺便加了一点3D效果。运动公式很简单。所以就想这个开场...
还记得我们上文中的index.html文件吗? 那里面的script标签还是写死的index.bundle.js文件，那么怎么把他们变成动态的index.html文件，这个动态生成的index.html文件会动态引入我们打包后生成的js文件呢？，我们可以使用插件html-webpack-plugin，首先安装这个插件npm install html-webpack-plugin --save-dev，好的，接下来就开始用这个插件了官方参考文档：插件通用用法：https://webpack.js.org/configuration/plugins/#pluginsh...
mugeda动画平台还可以用来制作跨屏互动的动画应用，比如在PC端的大屏幕上显示动画的主界面，同时会显示出供手机扫描的二维码，手机扫描后会在手机上显示手机端动画界面。通过手机就可以和PC端的显示界面跨屏互动操作。这种动画应用在类似一些商场搞活动，或者户外宣传等常见可以使用。可以制作一对一玩的跨屏互动应用，也可以制作一对多玩（多个玩家同时玩）的跨屏互动应用。为了更好的理解跨屏互动应用的使用，本文档将通过一个简...
