Answer:
please mark as brainlist
Explanation:
CHAPTER-5
MORE ON HTML
CLASS VIII
EXTRA MCQs
1. In which year HTML was developed?
I. 1985 [ ]
II. 1990 [ ]
III. 1995 [ ]
IV. 2000 [ ]
2. What is the extension of HTML file?
I. .docx [ ]
II. .pptx [ ]
III. .htm []
IV. .txt [ ]
3. Which of the following elements is not an empty element?
I. <br> [ ]
II. <hr> [ ]
III. <title> []
IV. <li> [ ]
4. The default bullet type for most of the web browsers is:
I. Disc []
II. Circle [ ]
III. Square [ ]
IV. Roman letters [ ]
5. Which tag is used to define an element in a list?
I. <li> []
II. <dd> [ ]
III. <dt> [ ]
IV. <ol> [ ]
6. ____________ is not a value for the “Align” attribute of <img> tag.
I. Left [ ]
II. Right [ ]
III. Center []
IV. Top [ ]
7. To insert image in HTML document, use <img> tag with ______ attribute.
I. Href [ ]
II. Src []
III. Border [ ]
IV. Align [ ]
8. GIF supports _________ colours.
I. 300 [ ]
II. 256 []
III. 128 [ ]
IV. 64 [ ]Answer:
Hii Mate ✌
Noob : Someone new to a game , concept or idea
< !DOCTYPE html > < html lang="en" > < head > < title > CUBE < /title > < /head > < body > < div class="container" > < div id="cube" > < div class="front" > ☺️ < /div > < div class="back" > ☺️ < /div > < div class="right" > ☺️ < /div > < div class="left" > ☺️ < /div > < div class="top" > ☺️ < /div > < div class="bottom" > ☺️ < /div > < /div > < /div > < style > body { padding-left: 30%; padding-top: 5%; } .container { width: 200px; height: 200px; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; } #cube { width: 100%; height: 100%; position: absolute; -webkit-transform-style: preserve-3d; -webkit-animation: rotatecube 10s infinite; -moz-transform-style: preserve-3d; -moz-animation: rotatecube 10s infinite; } #cube div { width: 200px; height: 200px; display: block; position: absolute; border: none; line-height: 200px; text-align: center; font-size: 50px; font-weight: bold; } @-webkit-keyframes rotatecube { 0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); } 25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); } 50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); } 75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); } 100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); } } @-moz-keyframes rotatecube { 0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); } 25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); } 50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); } 75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); } 100% { -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); } } .front { background: rgba(255,0,0,.5); } .back { background: rgba(0,255,0,.5); } .right { background: rgba(0,0,255,.5); } .left { background: rgba(0,255,255,.5); } .top { background: rgba(255,0,255,.5); } .bottom { background: rgba(255,255,0,.5); } #cube .front { -webkit-transform: rotateY(0deg ) translateZ( 100px ); -moz-transform: rotateY( 0deg ) translateZ( 100px ); } #cube .back { -webkit-transform: rotateX( 180deg ) translateZ( 100px ); -moz-transform: rotateX( 180deg ) translateZ( 100px ); } #cube .right { -webkit-transform: rotateY( 90deg ) translateZ( 100px ); -moz-transform: rotateY( 90deg ) translateZ( 100px ); } #cube .left { -webkit-transform: rotateY( -90deg ) translateZ( 100px ); -moz-transform: rotateY( -90deg ) translateZ( 100px ); } #cube .top { -webkit-transform: rotateX( 90deg ) translateZ( 100px ); -moz-transform: rotateX( 90deg ) translateZ( 100px ); } #cube .bottom { -webkit-transform: rotateX( -90deg ) translateZ( 100px ); -moz-transform: rotateX( -90deg ) translateZ( 100px ); } < /style > < /body > < /html >
HOPE IT HELPS YOU,
PLEASE THANK AND MARK AS BRAINLIEST.