Div Section <div>Block element</div> Headings <h1>Page title</h1> <h2>Subheading</h2> <h3>Tertiary heading</h3> <h4>Quaternary heading</h4> Paragraph <p style="text-align: center;">text</p> Image <img src="/demo.jpg" alt="description" height="48" width="100" /> Outbound Links to Our Sponsors Get your online assignment help at Copycrafter's professional writing service. Programming assignment help at ProgrammingGeeks. Read reliable essay writing service reviews on the Omnipapers website and choose a legit company. Get professional writing help at Rapidessay You can easily buy Instagram likes and increase your chance to be in the Explore Page! <a href="https://htmlg.com/" target="_blank" rel="nofollow">Click here</a> Mailto link <a href="mailto:me@ruwix.com?Subject=Hi%20mate" target="_top">Send Mail</a> Inner anchor (jump on page) <a href="#footer">Jump to footnote</a> <br /> <a name="footer"></a>Footnote content Bold text <strong>Bold text</strong> Italic text <em>Italic text</em> Underlined text <span style="text-decoration: underline;">Underlined text</span> Iframe <iframe src="link.html" width="200" height="200"> </iframe> Abbreviation <abbr title="Hypertext Markup Language">HTML</abbr> Comment <!-- HTML Comment --> Horizontal Line <hr /> Line break <br /> Quotation <q>Success is a journey not a destination.</q> <blockquote cite="https://ruwix.com/"> The Rubik's Cube is the World’s best selling puzzle toy. </blockquote> Video <video width="200" height="150" controls> <source src="vid.mp4" type="video/mp4"> <source src="vid.ogg" type="video/ogg"> No video support. </video> Audio <audio controls> <source src="sound.ogg" type="audio/ogg"> <source src="sound.mp3" type="audio/mpeg"> No audio support. </audio> ?↖xAds? ?↖xStructures? Table <table><caption>Phone numbers</caption> <thead> <tr> <th>Name</th> <th colspan="2">Phone</th> </tr> </thead> <tbody> <tr> <td>John</td> <td>577854</td> <td>577855</td> </tr> <tr> <td>Jack</td> <td>577856</td> <td>577857</td> </tr> </tbody> <tfoot> <tr> <td> </td> <td>Personal</td> <td>Office</td> </tr> </tfoot> </table> Unordered list <ul> <li>First</li> <li>Second</li> <li>Third</li> </ul> Definition list <dl> <dt>HTML</dt> <dd>Hypertext Markup Language</dd> <dt>CSS</dt> <dd>Cascading Style Sheets </dd> </dl> Form <form action="/action.php" method="post"> Name: <input name="name" type="text" /> <br /> Age: <input max="99" min="1" name="age" step="1" type="number" value="18" /> <br /> <select name="gender"> <option selected="selected" value="male">Male</option> <option value="female">Female</option> </select><br /> <input checked="checked" name="newsletter" type="radio" value="daily" /> Daily <input name="newsletter" type="radio" value="weekly" /> Weekly<br /> <textarea cols="20" name="comments" rows="5">Comment</textarea><br /> <label><input name="terms" type="checkbox" value="tandc" />Accept terms</label> <br /> <input type="submi
Basic Tags <html> </html> Creates an HTML document <head> </head> Sets off the title & other info that isn't displayed <body> </body> Sets off the visible portion of the document <title> </title> Puts name of the document in the title bar; when bookmarking pages, this is what is bookmarked Body attributes (only used in email newsletters) <body bgcolor=?> Sets background color, using name or hex value <body text=?> Sets text color, using name or hex value <body link=?> Sets color of links, using name or hex value <body vlink=?> Sets color of visited links, using name or hex value <body alink=?> Sets color of active links (while mouse-clicking) Text Tags <pre> </pre> Creates preformatted text <h1> </h1> --> <h6> </h6> Creates headlines -- H1=largest, H6=smallest <b> </b> Creates bold text (should use <strong> instead) <i> </i> Creates italicized text (should use <em> instead) <tt> </tt> Creates typewriter-style text <code> </code> Used to define source code, usually monospace <cite> </cite> Creates a citation, usually processed in italics <address> </address> Creates address section, usually processed in italics <em> </em> Emphasizes a word (usually processed in italics) <strong> </strong> Emphasizes a word (usually processed in bold) <font size=?> </font> Sets size of font - 1 to 7 (should use CSS instead) <font color=?> </font> Sets font color (should use CSS instead) <font face=?> </font> Defines the font used (should use CSS instead) Links <a href="URL">clickable text</a> Creates a hyperlink to a Uniform Resource Locator <a href="mailto:EMAIL_ADDRESS">clickable text</a> Creates a hyperlink to an email address <a name="NAME"> Creates a target location within a document <a href="#NAME">clickable text</a> Creates a link to that target location Formatting <p> </p> Creates a new paragraph <br> AInserts a line break (carriage return) <blockquote> </blockquote> Puts content in a quote - indents text from both sides <div> </div> Used to format block content with CSS <span> </span> Used to format inline content with CSS Lists <ul> </ul> Creates an unordered list <ol start=?> </ol> Creates an ordered list (start=xx, where xx is a counting number) <li> </li> Encompasses each list item <dl> </dl> Creates a definition list <dt> Precedes eachdefintion term <dd> Precedes eachdefintion Graphical elements <hr> Inserts a horizontal rule <hr size=?> Sets size (height) of horizontal rule <hr width=?> Sets width of rule (as a % or absolute pixel length)
