| <div | |
| tabindex="0" | |
| aria-label="Map" | |
| aria-roledescription="map" | |
| role="region" | |
| style="position: absolute; z-index: 0; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; cursor: url('https://maps.gstatic.com/mapfiles/openhand_8_8.cur'), default;" | |
| aria-describedby="B4867826-BAF1-417B-9977-7041E4187786" | |
| > | |
| <div style="z-index: 1; position: absolute; left: 50%; top: 50%; width: 100%; will-change: transform; transform: translate(0px, 0px);"> | |
| <div style="position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;"> |
| <html> | |
| <body> | |
| <div style='position:absolute;top:20px;left:20px;width:100px;height:100px;font-size:0.75em;padding:10px;border-radius:5px;box-shadow:5px 5px 5px rgba(0,0,0,0.3);border:solid 1px white;color:white;background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);-webkit-transform:rotate(0deg);'>Hello World! I'm an html renderer built purely in javascript that renders to a canvas display.</div> | |
| <div id="ele_1"> | |
| <svg id="ele_2" height="600px" width="600px" viewBox="0 0 600 600" class="svg-svg svg-svg"> | |
| <g id="ele_3" transform="matrix(1 0 0 1 200 200)" style="fill-opacity:1; fill:none;" class="svg-g svg-g"> | |
| <g id="ele_4" style="fill: #ffffff; stroke:#000000; stroke-width:0.172" class="svg-g svg-g"> | |
| <path id="ele_5" d="M-122.304 84.285C-122.304 84.285 -122.203 86.179 -123.027 86.16C-123.851 86.141 -140.305 38.066 -160.833 40.309C-160.833 40.309 -143.05 32.956 -122.304 84.285z" class="svg-path svg-path"></path> | |
| title | slug | page-type |
|---|---|---|
HTML elements reference |
Web/HTML/Element |
landing-page |
{{HTMLSidebar("HTML_Elements")}}
This page lists all the {{Glossary("HTML")}} {{Glossary("Element","elements")}}, which are created using {{Glossary("Tag", "tags")}}.
| <link href="https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap" rel="stylesheet"> | |
| <div class="task-manager"> | |
| <div class="left-bar"> | |
| <div class="upper-part"> | |
| <div class="actions"> | |
| <div class="circle"></div> | |
| <div class="circle-2"></div> | |
| </div> | |
| </div> | |
| <div class="left-content"> |
| <style> | |
| /* Make sure that padding behaves as expected */ | |
| * { | |
| box-sizing: border-box | |
| } | |
| /* Container for skill bars */ | |
| .container { |
| <button>Add more line</button> | |
| <div class="box"> | |
| <p>Double Line</p> | |
| <p>Double Line</p> | |
| </div> |
| <div class="module"> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi nesciunt voluptas voluptate provident optio veniam repellendus sunt, ipsa, sequi id voluptates, explicabo mlpa voluptatibus facilis qui. Fugiat id quae suscipit ex adipisci facilis deleniti dignissimos reiciendis, mollitia laudantium impedit non, atque iure molestiae quisquam similique commodi neque <a href="#0">doloremque</a>, dolores labore <a href="#0">maiores</a>!</p> | |
| </div> |
| <div class="container"> | |
| <div class="page-header"> | |
| <h1>JSON to Table</h1> | |
| </div> | |
| <div class="row"> | |
| <div class="col-md-6"> | |
| <div class="form-group"> | |
| <label for="data">Data</label> | |
| <textarea name="data" id="data" rows="20" class="form-control"></textarea> | |
| </div><!-- form-group --> |
| <html> | |
| <head> | |
| <title>Reddit</title> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="#ffffff"> | |
| <meta name="apple-mobile-web-app-title" content="Reddit"> | |
| <link rel="apple-touch-icon-precomposed" href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QBYRXhpZgAATU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAwKADAAQAAAABAAAAwAAAAAD/7QA4UGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAAA4QklNBCUAAAAAABDUHYzZjwCyBOmACZjs+EJ+/8AAEQgAwADAAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2d |
| // Available variables: | |
| // - Machine | |
| // - interpret | |
| // - assign | |
| // - send | |
| // - sendParent | |
| // - spawn | |
| // - raise | |
| // - actions |