Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <h2>Image</h2>
<img alt="Arches" height="600" width="600"
src="data:image/jpeg;base64,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" />

<h2>Audio</h2>
<audio controls> 
<source      src="https://github.com/webprogramming260/.github/blob/main/profile/html/media/htmlAudio.mp3?raw=true"/>
</audio>

<h2>Video</h2>
<video controls width="600"> 
  <source src="https://www.youtube.com/watch?v=aybr_9MzKXI" />
</video>

<h2>Canvas</h2>
<canvas id="canvasDemo" width="600" height="200" style="border: 1px solid #000000"></canvas>
<script>
  const ctx = document.getElementById('canvasDemo').getContext('2d');
  ctx.beginPath();
  ctx.arc(280, 100, 50, 0, 2 * Math.PI);
  ctx.fillStyle = 'blue';
  ctx.strokeStyle = 'blue';
  ctx.fill();
  ctx.stroke();
</script>

<h2>JAPAN</h2>
<svg viewBox="0 0 150 100" xmlns="http://www.w3.org/2000/svg" stroke="red" fill="red" style="border: 1px solid #000000">
  <circle cx="75" cy="50" r="25" />
</svg>
              
            
!

CSS

              
                * {
  margin:0; 
  padding:0;
  font-family: Arial;
}

              
            
!

JS

              
                
              
            
!
999px

Console