Computer Science, asked by anuj9016, 9 months ago

2. HTML supports insertion of
into an electronic document.
a. audio
b. video
c. animation
d. all of these

Answers

Answered by sumitkaushik291
0
the answer is...D.All of these.

&lt;!DOCTYPE html&gt;<br /><br />&lt;html lang="en"&gt;<br /><br />&lt;head&gt;<br /><br />&lt;meta charset="UTF-8"&gt;<br /><br />&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;<br /><br />&lt;title&gt;Arc reacter&lt;/title&gt;<br /><br />&lt;link rel="stylesheet" href="design.css" /&gt;<br /><br />&lt;/head&gt;<br /><br />&lt;body&gt;<br /><br />&lt;div class="fullpage-wrapper"&gt;<br /><br />&lt;div class="reactor-container"&gt;<br /><br />&lt;div class="reactor-container-inner circle abs-center"&gt;&lt;/div&gt;<br /><br />&lt;div class="tunnel circle abs-center"&gt;&lt;/div&gt;<br /><br />&lt;div class="core-wrapper circle abs-center"&gt;&lt;/div&gt;<br /><br />&lt;div class="core-outer circle abs-center"&gt;&lt;/div&gt;<br /><br />&lt;div class="core-inner circle abs-center"&gt;&lt;/div&gt;<br /><br />&lt;div class="coil-container"&gt;<br /><br />&lt;div class="coil coil-1"&gt;&lt;/div&gt;<br /><br />&lt;div class="coil coil-2"&gt;&lt;/div&gt;<br /><br />&lt;div class="coil coil-3"&gt;&lt;/div&gt;<br /><br />&lt;div class="coil coil-4"&gt;&lt;/div&gt;<br /><br />&lt;div class="coil coil-5"&gt;&lt;/div&gt;<br /><br />&lt;div class="coil coil-6"&gt;&lt;/div&gt;<br /><br />&lt;div class="coil coil-7"&gt;&lt;/div&gt;<br /><br />&lt;div class="coil coil-8"&gt;&lt;/div&gt;<br /><br />&lt;/div&gt;<br /><br />&lt;/div&gt;<br /><br />&lt;/div&gt;<br /><br />&lt;style&gt;<br /><br />body { margin: 0; } .fullpage-wrapper { width: 100%; height: 100vh; background: radial-gradient(#353c44, #222931); display: flex; } .reactor-container { width: 300px; height: 300px; margin: auto; border: 1px dashed #888; position: relative; border-radius: 50%; background-color: #384c50; border: 1px solid rgb(18, 20, 20); box-shadow: 0px 0px 32px 8px rgb(18, 20, 20), 0px 0px 4px 1px rgb(18, 20, 20) inset; } .reactor-container-inner { height: 238px; width: 238px; background-color: rgb(22, 26, 27);; box-shadow: 0px 0px 4px 1px #52FEFE; } .circle { border-radius: 50%; } .abs-center { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .core-inner { width: 70px; height: 70px; border: 5px solid #1B4E5F; background-color: #FFFFFF; box-shadow: 0px 0px 7px 5px #52FEFE, 0px 0px 10px 10px #52FEFE inset; } .core-outer { width: 120px; height: 120px; border: 1px solid #52FEFE; background-color: #FFFFFF; box-shadow: 0px 0px 2px 1px #52FEFE, 0px 0px 10px 5px #52FEFE inset; } .core-wrapper { width: 180px; height: 180px; background-color: #073c4b; box-shadow: 0px 0px 5px 4px #52FEFE, 0px 0px 6px 2px #52FEFE inset; } .tunnel { width: 220px; height: 220px; background-color: #FFFFFF; box-shadow: 0px 0px 5px 1px #52FEFE, 0px 0px 5px 4px #52FEFE inset; } .coil-container { position: relative; width: 100%; height: 100%; animation: 3s infinite linear reactor-anim; } .coil { position: absolute; width: 30px; height: 20px; top: calc(50% - 110px); left: calc(50% - 15px); transform-origin: 15px 110px; background-color:#073c4b; box-shadow: 0px 0px 5px #52FEFE inset; } .coil-1 { transform: rotate(0deg); } .coil-2 { transform: rotate(45deg); } .coil-3 { transform: rotate(90deg); } .coil-4 { transform: rotate(135deg); } .coil-5 { transform: rotate(180deg); } .coil-6 { transform: rotate(225deg); } .coil-7 { transform: rotate(270deg); } .coil-8 { transform: rotate(315deg); } @keyframes reactor-anim { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }<br /><br />&lt;/style&gt;<br /><br />&lt;/body&gt;<br /><br />&lt;/html&gt;&lt;!DOCTYPE html&gt;<br /><br />&lt;html lang="en"&gt;<br /><br />&lt;head&gt;<br /><br />&lt;title&gt;Mickey Mouse&lt;/title&gt;<br /><br />&lt;/head&gt;<br /><br />&lt;body&gt;<br /><br />&lt;div class="box"&gt;<br /><br />&lt;div class="mouse mouse-lavender"&gt;&lt;/div&gt;<br /><br />&lt;div class="mouse mouse-mint"&gt;&lt;/div&gt;<br /><br />&lt;div class="mouse mouse-purple"&gt;&lt;/div&gt;<br /><br />&lt;/div&gt;<br /><br />&lt;style&gt;<br /><br />body {<br /><br />animation: background 3s infinite;<br /><br />}<br /><br />.box * {<br /><br />position: absolute;<br /><br />}<br /><br />.box {<br /><br />margin: 0 auto;<br /><br />height: 300px;<br /><br />width: 300px;<br /><br />top: 50%;<br /><br />transform: translateY(50%);<br /><br />}<br /><br />.mouse {<br /><br />height: 100px;<br /><br />width: 100px;<br /><br />border-radius: 50%;<br /><br />}<br /><br />.mouse::before,<br /><br />.mouse::after{<br /><br />content: '';<br /><br />position: absolute;<br /><br />display: block;<br /><br />height: 60px;<br /><br />width: 60px;<br /><br />border-radius: 50%;<br /><br />}<br /><br />.mouse::before {<br /><br />top: -30%;<br /><br />left: -30%;<br /><br />}<br /><br />.mouse::after {<br /><br />top: -30%;<br /><br />right: -30%;<br /><br />}<br /><br />.mouse-lavender {<br /><br />background-color: #9b99ff;<br /><br />top: 50%;<br /><br />left: 0;<br /><br />animation: beat 3s 1s infinite;<br /><br />}<br /><br />.mouse-lavender::before,<br /><br />.mouse-lavender::after {<br /><br />background-color: #9b99ff;<br /><br />}<br /><br />.mouse-mint {<br /><br />background-color: #82fff3;<br /><br />top: 50%;<br /><br />right: 0;<br /><br />animation: beat 3s 2s infinite;<br /><br />}<br /><br />.mouse-mint::before,<br /><br />.mouse-mint::after {<br /><br />background-color: #82fff3;<br /><br />}<br /><br />.mouse-purple {<br /><br />background-color: #e682ff;<br /><br />top: 0%;<br /><br />left: 35%;<br /><br />animation: beat 3s 3s infinite;<br /><br />}<br /><br />.mouse-red::before,<br /><br />.mouse-pink::after {<br /><br />background-color: #e682ff;<br /><br />}<br /><br />@keyframes background2 {<br /><br />0% {<br /><br />background: #c3b8fc;<br /><br />}<br /><br />50% {<br /><br />background: #ccfff6;<br /><br />}<br /><br />100% {<br /><br />background: #feccff;<br /><br />}<br /><br />}<br /><br />@keyframes beat {<br /><br />0% {<br /><br />transform: scale(1);<br /><br />opacity: 1;<br /><br />}<br /><br />50% {<br /><br />transform: scale(.6);<br /><br />opacity: .6;<br /><br />}<br /><br />}<br /><br />&lt;/style&gt;<br /><br />&lt;/body&gt;<br /><br />&lt;/html&gt;
Similar questions