Marquee-HTML5 advance tags

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="background-color: white; border: 0px; color: #333333; font-family: "Open Sans", arial, x-locale-body, sans-serif; margin: 0px; padding: 0px;"> <div class="overheadIndicator obsolete obsoleteHeader" style="background: rgb(255, 231, 232); border-bottom-style: initial; border-color: rgb(230, 100, 101); border-image: initial; border-left-style: solid; border-right-style: initial; border-top-style: initial; border-width: 0px 0px 0px 5px; box-sizing: border-box; clear: none; font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif; font-size: 1.125rem; margin: 0px 0px 20px; max-width: 42rem; overflow: hidden; padding: 10px 10px 10px 30px;"> <div style="border: 0px; box-sizing: border-box; max-width: 42rem; padding: 0px;"> <span style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;">Obsolete</span><br />This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.</div> </div> </div> <div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: "Open Sans", arial, x-locale-body, sans-serif; margin-bottom: 24px; max-width: 42rem; padding: 0px;"> The HTML <code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;"><marquee></code> element is used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes.</div> <div class="warning" style="background: rgb(255, 231, 232); border-bottom-style: initial; border-color: rgb(230, 100, 101); border-image: initial; border-left-style: solid; border-right-style: initial; border-top-style: initial; border-width: 0px 0px 0px 5px; box-sizing: border-box; clear: none; color: #333333; font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif; font-size: 1.125rem; margin: 0px 0px 20px; max-width: 42rem; overflow: hidden; padding: 10px 10px 10px 30px;"> <div style="border: 0px; box-sizing: border-box; max-width: 42rem; padding: 0px;"> The <code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-size: 1rem; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;"><marquee></code> element is <span style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;">obsolete</span> and must not be used. While some browsers still support it, it's not required.</div> </div> <h2 id="Attributes" style="background-color: white; border: 0px; color: #333333; font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif; font-size: 2.5rem; line-height: 1.2; margin: 103px 0px 20px; padding: 0px; position: relative;"> Attributes</h2> <dl style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: "Open Sans", arial, x-locale-body, sans-serif; margin: 0px 0px 20px; max-width: 42rem; padding: 0px;"> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-behavior" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">behavior</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Sets how the text is scrolled within the marquee. Possible values are <code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">scroll</code>, <code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">slide</code>and <code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">alternate</code>. If no value is specified, the default value is <code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">scroll</code>.</dd> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-bgcolor" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">bgcolor</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Sets the background color through color name or hexadecimal value.</dd> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-direction" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">direction</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Sets the direction of the scrolling within the marquee. Possible values are <code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">left</code>, <code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">right</code>, <code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">up</code> and <code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">down</code>. If no value is specified, the default value is <code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">left</code>.</dd> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-height" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">height</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Sets the height in pixels or percentage value.</dd> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-hspace" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">hspace</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Sets the horizontal margin</dd> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-loop" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">loop</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Sets the number of times the marquee will scroll. If no value is specified, the default value is −1, which means the marquee will scroll continuously.</dd> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-scrollamount" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">scrollamount</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Sets the amount of scrolling at each interval in pixels. The default value is 6.</dd> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-scrolldelay" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">scrolldelay</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Sets the interval between each scroll movement in milliseconds. The default value is 85. Note that any value smaller than 60 is ignored and the value 60 is used instead, unless<code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">truespeed </code>is specified.</dd> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-truespeed" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">truespeed</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">By default,<code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;"> scrolldelay </code>values lower than 60 are ignored. If<code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;"> truespeed </code>is present, those values are not ignored.</dd> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-vspace" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">vspace</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Sets the vertical margin in pixels or percentage value.</dd> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-width" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">width</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Sets the width in pixels or percentage value.</dd></dl> <h2 id="Event_handlers" name="Event_handlers" style="background-color: white; border: 0px; color: #333333; font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif; font-size: 2.5rem; line-height: 1.2; margin: 103px 0px 20px; padding: 0px; position: relative;"> Event handlers</h2> <dl style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: "Open Sans", arial, x-locale-body, sans-serif; margin: 0px 0px 20px; max-width: 42rem; padding: 0px;"> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-onbounce" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">onbounce</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Fires when the marquee has reached the end of its scroll position. It can only fire when the behavior attribute is set to <code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">alternate</code>.</dd> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-onfinish" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">onfinish</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Fires when the marquee has finished the amount of scrolling that is set by the loop attribute. It can only fire when the loop attribute is set to some number that is greater than 0.</dd> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><strong id="attr-onstart" style="border: 0px; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">onstart</code></strong></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Fires when the marquee starts scrolling.</dd></dl> <h2 id="Methods" name="Methods" style="background-color: white; border: 0px; color: #333333; font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif; font-size: 2.5rem; line-height: 1.2; margin: 103px 0px 20px; padding: 0px; position: relative;"> Methods</h2> <dl style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: "Open Sans", arial, x-locale-body, sans-serif; margin: 0px 0px 20px; max-width: 42rem; padding: 0px;"> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">start()</code></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Starts scrolling of the marquee.</dd> <dt style="border: 0px; font-weight: 700; margin: 0px; padding: 0px;"><code style="background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; border: 0px; font-family: consolas, "Liberation Mono", courier, monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px 2px; word-wrap: break-word;">stop()</code></dt> <dd style="border: 0px; margin: 0px 0px 24px; padding: 0px 0px 0px 20px;">Stops scrolling of the marquee.</dd></dl> <h2 id="Examples" style="background-color: white; border: 0px; color: #333333; font-family: x-locale-heading-primary, zillaslab, Palatino, "Palatino Linotype", x-locale-heading-secondary, serif; font-size: 2.5rem; line-height: 1.2; margin: 103px 0px 20px; padding: 0px; position: relative;"> Examples</h2> <pre class="brush: html line-numbers language-html" style="background: rgb(238, 238, 238); border-bottom: 0px solid rgb(63, 135, 166); border-image: initial; border-left-color: rgb(63, 135, 166); border-left-style: solid; border-left-width: 5px !important; border-right-color: rgb(63, 135, 166); border-right-style: solid; border-right-width: 0px !important; border-top: 0px solid rgb(63, 135, 166); box-sizing: border-box; color: #333333; counter-reset: linenumber 0; direction: ltr !important; font-family: consolas, monaco, "Andale Mono", monospace; hyphens: none; line-height: 1.5; margin-bottom: 20px; max-width: 100%; overflow: auto; padding: 15px 15px 15px 3.8em; position: relative; tab-size: 4; text-shadow: none; width: 1038.75px; word-break: normal; word-wrap: normal;"><code class=" language-html" style="background-color: transparent; border-radius: 2px; border: 0px; direction: ltr; font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-weight: inherit; hyphens: none; line-height: 1.5; margin: 0px; padding: 0px; position: relative; tab-size: 4; text-shadow: none; word-break: normal; word-spacing: normal; word-wrap: normal;"><span class="token tag" style="border: 0px; color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="border: 0px; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"><</span>marquee</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">></span></span>This text will scroll from right to left<span class="token tag" style="border: 0px; color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="border: 0px; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"></</span>marquee</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">></span></span> <span class="token tag" style="border: 0px; color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="border: 0px; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"><</span>marquee</span> <span class="token attr-name" style="border: 0px; color: #669900; margin: 0px; padding: 0px;">direction</span><span class="token attr-value" style="border: 0px; color: #0077aa; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>up<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">></span></span>This text will scroll from bottom to top<span class="token tag" style="border: 0px; color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="border: 0px; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"></</span>marquee</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">></span></span> <span class="token tag" style="border: 0px; color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="border: 0px; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"><</span>marquee</span> <span class="token attr-name" style="border: 0px; color: #669900; margin: 0px; padding: 0px;">direction</span><span class="token attr-value" style="border: 0px; color: #0077aa; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>down<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span> <span class="token attr-name" style="border: 0px; color: #669900; margin: 0px; padding: 0px;">width</span><span class="token attr-value" style="border: 0px; color: #0077aa; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>250<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span> <span class="token attr-name" style="border: 0px; color: #669900; margin: 0px; padding: 0px;">height</span><span class="token attr-value" style="border: 0px; color: #0077aa; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>200<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span> <span class="token attr-name" style="border: 0px; color: #669900; margin: 0px; padding: 0px;">behavior</span><span class="token attr-value" style="border: 0px; color: #0077aa; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>alternate<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span class="token style-attr language-css" style="border: 0px; margin: 0px; padding: 0px;"><span class="token attr-name" style="border: 0px; color: #669900; margin: 0px; padding: 0px;"> <span class="token attr-name" style="border: 0px; margin: 0px; padding: 0px;">style</span></span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">="</span><span class="token attr-value" style="border: 0px; color: #0077aa; margin: 0px; padding: 0px;"><span class="token property" style="border: 0px; color: #990055; margin: 0px; padding: 0px;">border</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">:</span>solid</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">></span></span> <span class="token tag" style="border: 0px; color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="border: 0px; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"><</span>marquee</span> <span class="token attr-name" style="border: 0px; color: #669900; margin: 0px; padding: 0px;">behavior</span><span class="token attr-value" style="border: 0px; color: #0077aa; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>alternate<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">></span></span> This text will bounce <span class="token tag" style="border: 0px; color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="border: 0px; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"></</span>marquee</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">></span></span> <span class="token tag" style="border: 0px; color: #990055; margin: 0px; padding: 0px;"><span class="token tag" style="border: 0px; margin: 0px; padding: 0px;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"></</span>marquee</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">></span></span><span class="line-numbers-rows" style="border-bottom-color: initial; border-bottom-style: initial; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: rgb(153, 153, 153); border-right-style: solid; border-top-color: initial; border-top-style: initial; border-width: 0px 1px 0px 0px; display: block; font-size: 16px; left: -3.8em; letter-spacing: -1px; margin: 0px; padding: 0px; pointer-events: none; position: absolute; top: 0px; user-select: none; width: 3em;"><span style="border: 0px; counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="border: 0px; counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="border: 0px; counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="border: 0px; counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="border: 0px; counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="border: 0px; counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="border: 0px; counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="border: 0px; counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span><span style="border: 0px; counter-increment: linenumber 1; display: block; margin: 0px; padding: 0px; pointer-events: none;"></span></span></code></pre> <div style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: "Open Sans", arial, x-locale-body, sans-serif; margin-bottom: 24px; max-width: 42rem; padding: 0px;"> <iframe class="live-sample-frame sample-code-frame" frameborder="0" height="450" id="frame_Examples" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/marquee$samples/Examples?revision=1348080" style="border-color: rgb(63, 135, 166); border-style: solid; border-width: 1px 1px 1px 5px; margin: 0px; max-width: calc((100% - 40px) - 6px); padding: 20px; width: calc((100% - 40px) - 6px);" width="600"></iframe>   </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUR8numoqvKQNDMCYWwGqG7RMdLJPNOfcDZ8gaG6bhy54O6YVpqMkcy6bDrejfLYXwz0cXtqZItonJNnU5LExHTVZehErwTiBWya4XGKYPxsorcWKuwRT1JAil22kGjB3CqVTH3Bh_mSv6/s1600/download.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="150" data-original-width="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUR8numoqvKQNDMCYWwGqG7RMdLJPNOfcDZ8gaG6bhy54O6YVpqMkcy6bDrejfLYXwz0cXtqZItonJNnU5LExHTVZehErwTiBWya4XGKYPxsorcWKuwRT1JAil22kGjB3CqVTH3Bh_mSv6/s1600/download.png" /></a></div> </div>

HTML Marquee-HTML5 advance tags

Obsolete This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any ...

Read more »

Introduction to Tags

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- sheralif_middle-tengah1_AdSense37_1x1_as --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3772241082744909" data-ad-slot="2334434709" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <h2 id="building-blocks" style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Avenir Next", sans-serif; font-size: 3.7rem; line-height: 1.1; margin-bottom: 23px; margin-top: 60px; text-align: center;"> <strong style="box-sizing: border-box;">Basic Building Blocks of HTML</strong></h2> <hr style="background-color: white; border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-style: solid; border-image: initial; border-left: 0px; border-right: 0px; border-top-color: rgba(0, 0, 0, 0.12); border-top-style: solid; box-sizing: content-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; height: 0px; margin-bottom: 20px; margin-top: 20px;" /> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">Once you’ve decided on the HTML editor you want to use, the next step is to understand the building blocks of HTML. If you want to code in HTML, it is essential to understand these building blocks. They include tags, attributes and elements. We take a basic look at them below:</span></div> <h3 id="html-tags" style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Avenir Next", sans-serif; font-size: 3rem; line-height: 1.1; margin-bottom: 23px; margin-top: 60px;"> Introduction to Tags</h3> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- sheralif_middle-tengah1_AdSense37_1x1_as --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3772241082744909" data-ad-slot="2334434709" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">Once you’re into HTML, the very first thing you need to understand is tags. In essence, tags separate normal text from HTML code.</span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">So in essence, when it comes to HTML, tags make the difference between whether your document is displayed as ordinary text or “transformed text” — which is basically a code of text that appears to display a series of things (could be hyperlinks, images, media, or other formatting) based on what it is instructed to display based on tags.</span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">Let’s take a look at the word “He is a boy” as a basic example:</span></div> <ul style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px; margin-top: 23px;"> <li style="box-sizing: border-box; margin-bottom: 7px;"><span style="box-sizing: border-box;">In ordinary text format you get: He is a boy.</span></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><span style="box-sizing: border-box;">In bold text format you get: </span><b style="box-sizing: border-box;">He is a boy</b><span style="box-sizing: border-box;">.</span></li> </ul> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">However, to achieve what we have in the bold format you have to use the <b> tag.</span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-36sshBcDOVKWv7LCGcBs1LYDPVWqc-myI_dKr4-PkyCnI9q0jb__C0Uey4qwQJO6VmyXeB15P3967Vd_6pqVhKa-wirAs8x-iJ90quErhRCR7WhTLx8DErnYITcKhWrUHqsauFPGi_Je/s1600/making-text-bold-in-html-640x143.png" imageanchor="1" style="font-family: "Times New Roman"; font-size: medium; margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="143" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-36sshBcDOVKWv7LCGcBs1LYDPVWqc-myI_dKr4-PkyCnI9q0jb__C0Uey4qwQJO6VmyXeB15P3967Vd_6pqVhKa-wirAs8x-iJ90quErhRCR7WhTLx8DErnYITcKhWrUHqsauFPGi_Je/s1600/making-text-bold-in-html-640x143.png" /></a></span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> </div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">So in raw HTML we have something like <b>He is a boy</b> which the browser then translates to this: </span><b style="box-sizing: border-box;">He is a boy</b><span style="box-sizing: border-box;">.</span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">However, the very same “He is a boy” could come out italicized.</span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">This is achieved using the <i> tag.</span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4XJnme-MHYt_T1uNifnuZEQaJ78tIVB8W0KtlyDsOR0XKDXlTfvaMSfn8KXjuvGvKrPDQuqi_mU8Oc-OGUKv_qwMw5yMi-Sgj4uYS3R7ppbiF-tYOST43iP6LQ4Mq1K7uHlpfrBsw7m_P/s1600/making-text-italicized-in-html-640x141.png" imageanchor="1" style="font-family: "Times New Roman"; font-size: medium; margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="141" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4XJnme-MHYt_T1uNifnuZEQaJ78tIVB8W0KtlyDsOR0XKDXlTfvaMSfn8KXjuvGvKrPDQuqi_mU8Oc-OGUKv_qwMw5yMi-Sgj4uYS3R7ppbiF-tYOST43iP6LQ4Mq1K7uHlpfrBsw7m_P/s1600/making-text-italicized-in-html-640x141.png" /></a></span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> </div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">So we have: <i>He is a boy</i> which then comes out as </span><i style="box-sizing: border-box;">He is a boy</i><span style="box-sizing: border-box;">.</span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">It could also come out hyperlinked. This is achieved using the <href> tag.</span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZPnl9MFOs_Y6NW0JVWcT65xtTZ-o7wQChl0f85zk-yQIYBUUwfVDN3Q639M3EezzYtYJ1depiIFl4NFRAEJ0v3pX8Lysw6x6O5XoBqv2hD3Acbe0yvL4k4e9FQZaMQ3U_rN7rLndn-pmx/s1600/making-text-hyperlinked-in-html-640x103.png" imageanchor="1" style="font-family: "Times New Roman"; font-size: medium; margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="103" data-original-width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZPnl9MFOs_Y6NW0JVWcT65xtTZ-o7wQChl0f85zk-yQIYBUUwfVDN3Q639M3EezzYtYJ1depiIFl4NFRAEJ0v3pX8Lysw6x6O5XoBqv2hD3Acbe0yvL4k4e9FQZaMQ3U_rN7rLndn-pmx/s1600/making-text-hyperlinked-in-html-640x103.png" /></a></span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> </div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- sheralif_middle-tengah1_AdSense37_1x1_as --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3772241082744909" data-ad-slot="2334434709" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">In raw HTML we have: <a href=”https://sheralif.blogspot.com/”>He is a boy</a> which then comes out as </span><a href="https://sheralif.blogspot.com/" style="background-color: transparent; box-sizing: border-box; color: #ea6045;"><span style="box-sizing: border-box;">He is a boy</span></a><span style="box-sizing: border-box;">.</span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">There are a few things you should understand about tags, though:</span></div> <ul style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px; margin-top: 23px;"> <li style="box-sizing: border-box; margin-bottom: 7px;"><span style="box-sizing: border-box;">Tags are practically the building block of HTML — you can’t do HTML without tags; if stuck on what tag to use, be sure to check out </span><span style="box-sizing: border-box;">our HTML periodic table</span><span style="box-sizing: border-box;">.</span></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><span style="box-sizing: border-box;">Almost every open tag must be closed. However, there are exceptions. An example of a tag that does not have to be closed is an empty tag, such as the line break: <br>.</span></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><span style="box-sizing: border-box;">Tags are contained in a less than (“<”) and greater than (“>”) angle bracket. Closing tags contain a trailing slash that becomes before the name of the tag being closed, though: Example of an open tag: <b>. Example of a closed tag </b>.</span></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><span style="box-sizing: border-box;">Every HTML file begins with the opening tag <html> and ends with the closing tag </html>. Of course, the very first line of the HTML file should declare the type of document so that the browser know what HTML flavor you use. This is why you see HTML pages start with “<!DOCTYPE html>” before the HTML code begins.</span></li> </ul> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">Based on the above, most HTML files basically look like this before content is added:</span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie0LvMFrp9anfZFFyJOuuCVkXeLbt0ykG6oIAwnHGXc4HShydWSqeXtjmGSmqLErI57NrKf90H3dhGE70gfyRTKfAIbUhpDujqkiIUIC95Y6Pl-ScjBQtTE0nBgZLAovNAYNYxZy9VODnv/s1600/HTML-.png" imageanchor="1" style="font-family: "Times New Roman"; font-size: medium; margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="218" data-original-width="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie0LvMFrp9anfZFFyJOuuCVkXeLbt0ykG6oIAwnHGXc4HShydWSqeXtjmGSmqLErI57NrKf90H3dhGE70gfyRTKfAIbUhpDujqkiIUIC95Y6Pl-ScjBQtTE0nBgZLAovNAYNYxZy9VODnv/s1600/HTML-.png" /></a></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;"></span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> </div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">The section that follows the <head> tag usually contains information about the document such as its title, meta tags and where to locate its CSS file — most content that is not visible directly on the browser page. The section between “<body> and </body>” (which we represented with “MAIN CONTENT”) is where the main content of the HTML file, that the viewer will see in the browser, will be included. This includes everything from the first paragraph to hyperlinks to formatting to multimedia and all else.</span></div>

HTML Introduction to Tags

Basic Building Blocks of HTML Once you’ve decided on the HTML editor you want to use, the next step is to understand the building bl...

Read more »

HTML Editor

<h3 id="html-editor" style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Avenir Next", sans-serif; font-size: 3rem; line-height: 1.1; margin-bottom: 23px; margin-top: 60px;"> Choosing Your HTML Editor</h3> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheofySRQWn1bO57bFsqZd8aPngx0SwZKESxLxzRTRYgk0PbmrkmeMSzdm32FAh9hQ_HFK-xfy7-YPS6x4yIJs7I2hp0rZxUr0_5nvzdvWQDNClyVLjVMKOWf8ghbqaZoLz1XGI_ryzlHhl/s1600/HTML-ICONS-36-640x640.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="640" data-original-width="640" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheofySRQWn1bO57bFsqZd8aPngx0SwZKESxLxzRTRYgk0PbmrkmeMSzdm32FAh9hQ_HFK-xfy7-YPS6x4yIJs7I2hp0rZxUr0_5nvzdvWQDNClyVLjVMKOWf8ghbqaZoLz1XGI_ryzlHhl/s320/HTML-ICONS-36-640x640.png" width="320" /></a></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">If you will be creating web pages in HTML, you will need an HTML editor. There are several benefits to using an HTML editor.</span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">A good HTML editor will keep your code clean and organized. It will also detect when you open a new tag and automatically close it to avoid you having buggy code and as a result reducing how much typing you have to do. Most HTML editors today also allow you to preview your web page to see how it will look in a web browser using their WYSIWYG feature.</span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">There are many free and paid HTML editors, and below are some of the top options you can choose from:</span></div> <ul style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px; margin-top: 23px;"> <li style="box-sizing: border-box; margin-bottom: 7px;"><a href="http://www.htmlkit.com/" rel="noopener" style="background-color: transparent; box-sizing: border-box; color: #ea6045;" target="_blank"><span style="box-sizing: border-box;">HTML-Kit</span></a></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><a href="http://www.coffeecup.com/" rel="noopener" style="background-color: transparent; box-sizing: border-box; color: #ea6045;" target="_blank"><span style="box-sizing: border-box;">CoffeeCup</span></a></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><a href="http://kompozer.net/" rel="noopener" style="background-color: transparent; box-sizing: border-box; color: #ea6045;" target="_blank"><span style="box-sizing: border-box;">KompoZer</span></a></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><a href="https://www.activestate.com/komodo-ide/downloads/edit" rel="noopener" style="background-color: transparent; box-sizing: border-box; color: #ea6045;" target="_blank"><span style="box-sizing: border-box;">Komodo Edit</span></a></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><a href="https://notepad-plus-plus.org/" rel="noopener" style="background-color: transparent; box-sizing: border-box; color: #ea6045;" target="_blank"><span style="box-sizing: border-box;">Notepad++</span></a></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><a href="http://bluefish.openoffice.nl/index.html" rel="noopener" style="background-color: transparent; box-sizing: border-box; color: #ea6045;" target="_blank"><span style="box-sizing: border-box;">Bluefish</span></a></li> </ul>

HTML HTML Editor

Choosing Your HTML Editor If you will be creating web pages in HTML, you will need an HTML editor. There are several benefits to using ...

Read more »

HTML Versions

<h3 id="html-versions" style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Avenir Next", sans-serif; font-size: 3rem; line-height: 1.1; margin-bottom: 23px; margin-top: 60px;"> <strong style="box-sizing: border-box;">HTML Versions</strong></h3> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQKIomaOdMDRm_-wfXymgHvyIjSy_yrkNkuIwzQdekk6bbua6sCKonA0Pbv7FQ-rZ6Q931bXDksPUqBZid_bSQzAdyoUDbrMEn_uJEgEjtwa34lp65bL1J5jmdLeo7IFRQbhyphenhyphengsCVDM8nc/s1600/2016811916.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="563" data-original-width="1024" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQKIomaOdMDRm_-wfXymgHvyIjSy_yrkNkuIwzQdekk6bbua6sCKonA0Pbv7FQ-rZ6Q931bXDksPUqBZid_bSQzAdyoUDbrMEn_uJEgEjtwa34lp65bL1J5jmdLeo7IFRQbhyphenhyphengsCVDM8nc/s1600/2016811916.jpg" /></a></div> <div> <strong style="box-sizing: border-box;"><br /></strong></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">First, a quick rundown of all the HTML versions since HTML was invented.</span></div> <ul style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px; margin-top: 23px;"> <li style="box-sizing: border-box; margin-bottom: 7px;"><b style="box-sizing: border-box;">HTML 1.0</b><span style="box-sizing: border-box;">: This was the barebones version of HTML and the very first release of the language.</span></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><b style="box-sizing: border-box;">HTML 2.0</b><span style="box-sizing: border-box;">: This version was introduced in 1995 and it gradually evolved to allow extra capabilities including: form-based file upload, tables, client-side image maps and internationalization.</span></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><b style="box-sizing: border-box;">HTML 3.2</b><span style="box-sizing: border-box;">: In an attempt to ensure development of standards for the World Wide Web, the World Wide Web Consortium (W3C) was founded by Tim Berners-Lee in 1994. By 1997, they published HTML 3.2.</span></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><b style="box-sizing: border-box;">HTML 4.0</b><span style="box-sizing: border-box;">: Later in 1997, the W3C released HTML 4.0 — a version that adopted many browser-specific element types and attributes.</span></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><span style="box-sizing: border-box;">HTML 4.0 will later be reissued with minor edits in 1998.</span></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><b style="box-sizing: border-box;">HTML 4.01</b><span style="box-sizing: border-box;">: In December 1999, HTML 4.01 was released.</span></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><b style="box-sizing: border-box;">XHTML</b><span style="box-sizing: border-box;">: The specifications for this was introduced in 2000 and it was recommended to be used as the joint-standard with HTML 4.01. It incorporated XML to ensure code is properly written and to ensure interoperability between programming languages.</span></li> <li style="box-sizing: border-box; margin-bottom: 7px;"><b style="box-sizing: border-box;">HTML5</b><span style="box-sizing: border-box;">: The W3C published HTML5 as a recommendation in October 2014 and will later release HTML 5.1 in November 2016.</span></li> </ul>

HTML HTML Versions

HTML Versions First, a quick rundown of all the HTML versions since HTML was invented. HTML 1.0 : This was the barebones version ...

Read more »

HTML Tutorial (for Beginners) Learn HTML, step-by-step

<h1 class="page-title entry-title" style="background-color: #efefef; box-sizing: border-box; color: #333333; font-family: "Avenir Next", sans-serif; font-size: 5rem; line-height: 1.1; margin: 0px; text-align: center; text-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px;"> HTML Tutorial (for Beginners)</h1> <h3 id="what-is-html" style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Avenir Next", sans-serif; font-size: 3rem; line-height: 1.1; margin-bottom: 23px; margin-top: 60px;"> <strong style="box-sizing: border-box;"></strong></h3> <h3 class="page-sub-title" style="background-color: #efefef; box-sizing: border-box; color: #3f5666; font-family: "Avenir Next", sans-serif; font-size: 3rem; line-height: 1.1; margin-bottom: 0px; margin-top: 10px; text-align: center;"> Learn HTML, step-by-step</h3> <h3 id="what-is-html" style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Avenir Next", sans-serif; font-size: 3rem; line-height: 1.1; margin-bottom: 23px; margin-top: 60px;"> <strong style="box-sizing: border-box;">What is HTML?</strong></h3> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzSE-aNZ4O5veeoYj1Dw9BC13MavHpR1fJ2CbCb9J3PInlq2zdYbYzPXGj7uLfSuZsYWJ8wm7FWv4cYj81FV3oET2ycoT0MyWUakf4L5a_7_IM0zfIjK-bOg85tNq9JCd8eMa30HwiSE4h/s1600/sherali.blogspot.com.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="640" data-original-width="640" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzSE-aNZ4O5veeoYj1Dw9BC13MavHpR1fJ2CbCb9J3PInlq2zdYbYzPXGj7uLfSuZsYWJ8wm7FWv4cYj81FV3oET2ycoT0MyWUakf4L5a_7_IM0zfIjK-bOg85tNq9JCd8eMa30HwiSE4h/s320/sherali.blogspot.com.png" width="320" /></a></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">HTML, an acronym for HyperText Markup Language, is a computer language for creating websites and web applications. Consisting mainly of a series of codes usually written in a text file and then saved as html, code written in the HTML language translates into a beautiful, well-formatted text or a combination of text and media when viewed through a browser.</span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">HTML was first developed by British physicist Tim Berners-Lee in 1990, and it has gone through so many evolutions since then that the most recent version can achieve far more than was imagined possible when the language was first invented.</span></div> <div style="background-color: white; box-sizing: border-box; color: #3a3838; font-family: "Merriweather Sans", sans-serif; font-size: 18px; margin-bottom: 23px;"> <span style="box-sizing: border-box;">In this tutorial, we will be going through the basics of the HTML language and all you need to know to get started with HTML as a beginner.</span></div>

HTML HTML Tutorial (for Beginners) Learn HTML, step-by-step

HTML Tutorial (for Beginners) Learn HTML, step-by-step What is HTML? HTML, an acronym for HyperText Markup Language, is a compute...

Read more »

HTML5 Tags 2017 updated

<h3 style="border-bottom: 2px solid rgb(239, 240, 241); color: #75a54b; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 5px 5px 0px; padding: 0px 0px 1px 3px; text-align: center;"> HTML5 Tags</h3> <div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiYqzJUQw8nZGhTdyGL_iSbB7uCbTHJZpjRS7z4Cv3sWGXvVTYPCoMJLzM7sEuKFJ86Go_Jn08uTCdCYbH0VF8bqE4Ett43AhulY-OaUfYTP53_I0R-hL0j4gQS_R731IHfSmUXoYDO4Pf/s1600/newtags.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="341" data-original-width="453" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiYqzJUQw8nZGhTdyGL_iSbB7uCbTHJZpjRS7z4Cv3sWGXvVTYPCoMJLzM7sEuKFJ86Go_Jn08uTCdCYbH0VF8bqE4Ett43AhulY-OaUfYTP53_I0R-hL0j4gQS_R731IHfSmUXoYDO4Pf/s320/newtags.jpg" width="320" /></a></div> <br /></div> <div style="font-family: Verdana, sans-serif; font-size: 12px; line-height: inherit; margin: 5px; padding: 3px 5px;"> In this page all HTML5 tags that include newer html5 tags, previous version tags that are still usefull (always will be), and previous version some tags remove that are no more longer uses. Following all HTML5 Tags alphabetically listed with references, examples.</div> <div style="font-family: Verdana, sans-serif; font-size: 12px; line-height: inherit; margin: 5px; padding: 3px 5px; text-align: center;"> <b><br /></b> <b><br /></b> <b><br /></b> <b><br /></b> <b><br /></b> <b><br /></b> <b><br /></b> <b><br /></b> <b><br /></b> <b>Tag List | Tag with Description</b></div> <h4 style="border-bottom: 2px solid rgb(239, 240, 241); clear: both; color: #f9864d; font-family: Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 1px; margin: 5px 10px;"> HTML5 Tags with Description</h4> <div style="font-family: Verdana, sans-serif; font-size: 12px; line-height: inherit; margin: 5px; padding: 3px 5px;"> <span style="color: green; font-weight: bold;">NEW</span> - New tag introduce in HTML5<br /> <span style="color: red; font-weight: bold;">REMOVE</span> - Not Support in HTML5<br /> <span style="color: green; font-weight: bold;">NEW</span> / <span style="color: red; font-weight: bold;">REMOVE</span> - New tag introduce in HTML5, But now not Support in HTML5</div> <table align="center" border="0" id="tagref" style="border-collapse: collapse; border: 1px solid rgb(195, 195, 195); color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; width: 96%px;"><tbody> <tr><th style="background-color: #cbd7ab; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;" width="17%">Tag</th><th style="background-color: #cbd7ab; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;" width="61%">Description</th><th style="background-color: #cbd7ab; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; text-align: center; vertical-align: top;" width="18%">In HTML5?</th></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><!--...--></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Describe a comment text in the source code</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><!doctype></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Defines a document type</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><a></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specific a anchor (Hyperlink)<br /> Use for link in internal/external web documents.</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><abbr></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Describes an abbreviation (acronyms)</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><acronym></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Describes an acronyms</td><td class="red" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: red; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">REMOVE</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><address></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Describes an address information</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><applet></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Embedding an applet in HTML document</td><td class="red" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: red; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">REMOVE</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><area></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Defines an area in an image map</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><article></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Defines an article</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><aside></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Describes contain set(or write) on aside place in page contain</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><audio></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specific audio content</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><b></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specific text weight bold</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><base></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a base URL for all the links with in a web page</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><basefont></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Describes a default font color, size, face in a document</td><td class="red" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: red; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">REMOVE</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><bb></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define browser command, that command invoke as per client action</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: top;"><span style="color: #009900;">NEW</span>/ <span style="color: red;">REMOVE</span></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><bdo></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specific direction of text display</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><big></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Defines a big text</td><td class="red" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: red; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">REMOVE</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><blockquote></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specifies a long quotation</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><body></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Defines a main section(body) part in HTML document</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><br></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specific a single line break</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><button></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specifies a press/push button</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><canvas></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specifies the display graphics on HTML web documment</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><caption></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a table caption</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><center></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specifies a text is display in center align</td><td class="red" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: red; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">REMOVE</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><cite></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specifies a text citation</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><code></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specifies computer code text</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><col></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specifies a each column within a <colgroup> element in table</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><colgroup></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Defines a group of one or more columns inside table</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><command></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a command button, invoke as per user action</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><datagrid></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a represent data in datagrid either list wise or tree wise</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><datalist></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a list of pre-defined options surrounding <input> tag</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><dd></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Defines a definition description in a definition list</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><del></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specific text deleted in web document</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><details></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a additional details hide or show as per user action</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><dfn></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a definition team</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><dialog></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a chat conversation between one or more person</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: top;"><span style="color: #009900;">NEW</span>/ <span style="color: red;">REMOVE</span></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><dir></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a directory list</td><td class="red" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: red; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">REMOVE</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><div></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a division part</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><dl></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a definition list</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><dt></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a definition team</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><em></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a text is emphasize format</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><embed></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a embedding external application using a relative plug-in</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><eventsource></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a generate an event to remote server</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><fieldset></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a set of border (group of form elements border)</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><figcaption></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a caption for a figure tag media contain</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><figure></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a group of media contain and figure caption</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><font></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a font size, font face and color for text</td><td class="red" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: red; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">REMOVE</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><footer></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a footer section of web document</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><form></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a form for input data from user</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><frame></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a frame that open URL source for seprate contain frame</td><td class="red" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: red; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">REMOVE</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><frameset></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a split the browser window in several individual frames</td><td class="red" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: red; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">REMOVE</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><h1> to <h6></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a Headings level 1 to 6 size</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><head></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a heading information section for document</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><header></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a header for section or document</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><hgroup></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a group of headings tags</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><hr></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a horizontal rule (horizontal line)</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><html></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a document is a HTML markup language</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><i></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a italic format text</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><iframe></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a inline frame</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><img></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a individual image open in document</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><input></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a get information in selected input</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><ins></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a pre-inserted text into document</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><isindex></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a single line input to search an online index</td><td class="red" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: red; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">REMOVE</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><kbd></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a keyboard text</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><keygen></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define to generate a secure key pair of selected field in HTML form</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><label></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a specific label value</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><legend></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a specific heading of HTML form around border</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><li></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a list item either order list or unorder list</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><link></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a external source document link to document</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><map></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a image map to client side</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><mark></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a text is mark to a highlighted in document</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><menu></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a menu list</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><meta></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Optimize ranking of web page in search engine</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><meter></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a measured value</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><nav></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a navigation link</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><noframes></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a browser does not support a frame at that time <noframes> tag message will be display</td><td class="red" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: red; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">REMOVE</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><noscript></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a browser does not support a script at that time <noscript> tag message will be display</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><object></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define an embedded multimedia object</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><ol></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a list in ordered wise</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><optgroup></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define the options group</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><option></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a multiple option item list</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><output></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a calculation result of performed by a script</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><p></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a paragraph</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><param></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a parameter for an object</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><pre></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a predefined text</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><progress></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a progress task of any kind (Eg.download or upload file)</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><q></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a short quotation</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><rp></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a specific message when chinese character (ruby typography) does not support browser at that time message will be display</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><rt></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a specific message when chinese character (ruby typography) does not support browser at that time message will be display</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><ruby></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a chinese character (ruby typography)</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><s></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a middle horizontal line in text</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><samp></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a sample output from a computer program code</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><script></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a client side script</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><section></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a section in document</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><select></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a list of selectable options that are select one or more option</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><small></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a small text</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><source></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a media sources from URL</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><span></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Use to applying attributes in seprated section in document</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><strike></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a middle strick line over text</td><td class="red" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: red; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">REMOVE</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><strong></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a strong text</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><style></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a style sheet definition</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><sub></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a subscript text</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><sup></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a superscript text</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><table></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a table</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><tbody></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a table body</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><td></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a table data(cell)</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><textarea></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a multiline text input</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><tfoot></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a table footer</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><th></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a table header cell</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><thead></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a group of table header elements</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><time></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a specific time, date</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><title></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a document title</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><tr></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a table row</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><track></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Specifies a subtitles, descriptions, chapters, metadata, captions that surrounding to <video> or <audio> tag</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><tt></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a teletype text</td><td class="red" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: red; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">REMOVE</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><u></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a underline text</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><ul></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a unordered wise list</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><var></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a variable text</td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"></td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><video></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a video like movie clip, video clip attach in document</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> <tr><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;"><b><wbr></b></td><td style="background-color: white; border: 1px solid rgb(195, 195, 195); font-size: 12px; padding: 3px; vertical-align: top;">Define a Word Break. <wbr> tag specifies to break the word when line break</td><td class="green" style="background-color: white; border: 1px solid rgb(195, 195, 195); color: green; font-size: 12px; font-weight: bold; padding: 3px; text-align: center; vertical-align: middle;">NEW</td></tr> </tbody></table>

HTML HTML5 Tags 2017 updated

HTML5 Tags In this page all HTML5 tags that include newer html5 tags, previous version tags that are still usefull (always will be), ...

Read more »