YogenGhodke
1/16/2020 - 8:08 AM

HTML One Liners

Comprehensive List of all HTML attributes - https://www.w3schools.com/tags/ref_attributes.asp

// Head Tags

<basefont color="red" size="5">     // Specifies default font
<link rel="stylesheet" type="text/css" href="theme.css">    // Links to CSS

// Body Tags

<pre> Print text as it is. No need of line breaks and spaces. </pre>
<p> This is a paragraph </p>
<h1>This is heading 1</h1>
<b> This is bold </b>
<sub>This is subscript</sub>
<sup>This is superscript</sup>
<mark>Highlight</mark>
<kbd>Monospace Font</kbd>       
<small> A little bit smaller text </small>
<big>Bigger text</big>
<i> Italic Text </i>
<s> Strikethrough </s>
<u> Underlined Text </u>
<img src="smiley.gif" alt="Hover Text" height="42" width="42">
<a href="https://www.w3schools.com"> This is a Hyperlink </a>
<abbr title="Full Form on Mouse hover"> Short Form displayed </abbr>
<q>Single Line Quote</q>
<center>This text will be center-aligned.</center>
<code>A piece of computer code</code>
<font face="verdana" color="green" size="2">This is some text!</font>
<q>This text appears in quotation marks</q>

// A text with a deleted part and an inserted part.
My favorite color is <del>blue</del> <ins>red</ins>     

//Progress Bar
<progress value="22" max="100"></progress>

<br> A line break.
<hr> A horizontal Line.
<button type="button">Click Me!</button>

<blockquote cite="http://www.worldwildlife.org/who/index.html"> WWF has been protecting the future of nature. </blockquote>

<bdo dir="ltr"> This text will go left-to-right. </bdo>

<header> <p>Some additional information here</p>  </header>
<footer> <p>Posted by: Hege Refsnes</p> </footer>

<object width="400" height="400" data="helloworld.swf"></object>    // Both used for Embedding
<embed src="helloworld.swf">