h1, h2, h3
Designing Chaturbate Bios - <h1>
HTML Tag - Heading
<h1>, <h2>, <h3> HTML tags, defines heading text elements
On Chaturbate this HTML element is not used often because, by default, this elements are considered blocks
TAG | HTML MARKUP | DEFINES |
---|---|---|
<h1> |
<h1>Heading Title</h1> |
HTML tags, defines heading text elements |
<h2> |
<h2>Heading Title</h2> |
HTML tags, defines heading text elements |
<h3> |
<h3>Heading Title</h3> |
HTML tags, defines heading text elements |
HTML MARKUP
h1
h2
h3
- can be used in conjunction with inline css and it is not recommended to hold other block elements
HTML Markup Code:
<h1> - <h1>
<h1>Heading Title</h1>
Will render:
Heading Title
<h1 style="font-size:22px;color:#555;text-shadow:0 3px 7px #999;text-transform:uppercase;">Heading Title</h1>
Will render:
Heading Title
Code Snippets
Test markup codes and see how your browser is rendering them. Use button to see how to use the source editor and rendering tool
Markup Code Box
Default button, on click, removes the markup code from light-blue box
Render Box
That's how it looks rendered in browser. Optionally you can Save as PDF
Markup Codes using <h1>
HTML tag
Our suggestion is not to use this HTML tags in your editing process but if you do want to use them, here are a few code snippets which uses <h1> HTML element with inline-css
<h1> / <h2> / <h3> tags and how to style them to look more appealing using inline-CSS
1. Basic html for <h1> / <h2> / <h3> elements with some inline-css
<h1 style="display:block;width:70%;height:auto;background-color:#036;margin:10px auto 12px auto;padding:10px;box-sizing:border-box;font-size:1.7em;text-align:center;color:#f1f1f1;">
This box is using <h1> HTML tag
</h1>
Show:
This box is using <h1> HTML tag
2. Other styling using inline-css
<h1 style="display:block;width:70%;height:auto;margin:10px auto 12px auto;padding:10px;box-sizing:border-box;font-size:1.7em;text-align:left;color:#036;border-left:3px solid #036;">
This box is using <h1> HTML tag
</h1>
Show:
This box is using <h1> HTML tag
3. Other styling using inline-css
<h1 style="display:block;width:70%;height:auto;margin:10px auto 12px auto;padding:10px;box-sizing:border-box;font-size:1.7em;text-align:center;color:#036;border:3px double #036;text-shadow:0 1px 2px #999;">
This box is using <h1> HTML tag
</h1>
Show:
This box is using <h1> HTML tag
Inline-css can be added to:
Editing Tips
Our suggestions for fast editing and viable markup rendering
target="_ "
. All links (on page or external URLs) are set up to open on another page (with a countdown) so there's no need to use target="_ "