Posts

Showing posts from May, 2019

Variable tag in html

-
The <var> tag is a phrase tag. It defines a variable.  This tag is not deprecated, but it is possible to achieve richer effect with CSS. <!DOCTYPE html> <html> <body> <var>Variable</var> </body> </html> Output: Variable
Post a Comment
Read more

underline In html

-
The <u> tag represents some text that should be stylistically different from normal text, such as misspelled words or proper nouns in Chinese. <!DOCTYPE html> <html> <body> <p>This is a <u>parragraph</u>.</p> </body> </html> Output: This is a  parragraph .
Post a Comment
Read more

code

-
< code > this tag is used to write a part of computer code code in the webpage <!DOCTYPE html> <html> <body> <code>A piece of computer code</code><br> </body> </html> Output: A piece of computer code
Post a Comment
Read more

aside tag in html

-
The < aside > tag defines some content aside from the content it is placed in. The aside content should be related to the surrounding content. <!DOCTYPE html> <html> <body> <aside>   <h4>Epcot Center</h4>   <p>The Epcot Center is a theme park in Disney World, Florida.</p> </aside> <p><strong>Note:</strong> The aside tag is not supported in Internet  Explorer 8 and earlier versions.</p> </body> </html> Output: Epcot Center The Epcot Center is a theme park in Disney World, Florida. Note:  The aside tag is not supported in Internet Explorer 8 and earlier versions.
Post a Comment
Read more

Article in html

-
< article> this tag is used for writing blogs and news posts 'in a web page. <!DOCTYPE html> <html> <body> <article>   <h1>Google Chrome</h1>   <p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p> </article> <p><strong>Note:</strong> The article tag is not supported in Internet Explorer 8 and earlier versions.</p> </body> </html> Output: Google Chrome Google Chrome is a free, open-source web browser developed by Google, released in 2008. Note:  The article tag is not supported in Internet Explorer 8 and earlier versions.
Post a Comment
Read more

comments and breaks in html

-
comments in html comments are not displayed in the browser. In html comments are great debugging tool which are used to find errors. comments are written in between <!-- This is a comment-->. <!DOCTYPE html> <html> <body> <!-- This is a comment --> <p>This is a Technisia.</p> <!-- Comments are not displayed in the browser --> </body> </html> Output: This is a Technisia. break: <br> This tag is used to break the line. <!DOCTYPE html> <html> <body> <p> To break lines<br>in a text,<br>use the br element. </p> </body> </html> Output: To break lines in a text, use the br element.
Post a Comment
Read more

cite and Bi-Directional Override

-
cite: <cite> makes the to italic. <!DOCTYPE html> <html> <body> <p> Its Our Brand <cite>Technisia</cite>  </body> </html> Output: Its Our Brand  Technisia Bi-Directional Override: < bdo> is used to override the text direction.  direction is given dir attribute ltr overrides the text from left to right and rtl overrides the text from right to left. <!DOCTYPE html> <html> <body> <bdo dir="rtl">This line will be written from right to left</bdo> </body> </html> Output: This line will be written from right to left
Post a Comment
Read more

abbreviations and address

-
abbreviations: <abbr> defines abbreviations and acronym. <!DOCTYPE html> <html> <body> <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p> </body> </html> Output: The  WHO  was founded in 1948. If we hover on WHO it shows world health organisation. Address: It is used to write the address in the webpage. <!DOCTYPE html> <html> <body> <p>The HTML address element defines contact information (author/owner) of a document or article.</p> <address> Written by John Doe.<br>  Visit us at:<br> Example.com<br> Box 564, Disneyland<br> USA </address> </body> </html> Output: The HTML address element defines contact information (author/owner) of a document or article. Written by John Doe. Visit us at: Example.com Box 564, Disneyland USA ...
Post a Comment
Read more

Details and summary tag

-
< details > this tag is used for writing the information by using this we can hide the content from the user also. < summary> tag is used to add title to the details. This effect will excit you, if you are beginner. <!DOCTYPE html> <html> <body> <details>   <summary>Technisia</summary>   <p> - html.</p>   <p>css</p> </details> </body> </html> Output: Technisia - html. css
Post a Comment
Read more

Blockquote and quotations

-
<blockquote>  creates a separate section. <!DOCTYPE html> <html> <body> <p>Browsers usually indent blockquote elements.</p> <blockquote> Technisia is a brand </blockquote> </body> </html> Output: Browsers usually indent blockquote elements. Technisia is a brand Quotations:  This gives the text in quotes. <!DOCTYPE html> <html> <body> <p>Browsers usually insert quotation marks around the q element.</p> <p>Our Brand<q>Technisia</q></p> </body> </html> Output: Browsers usually insert quotation marks around the q element. Our Brand Technisia
Post a Comment
Read more

Data tag in html

-
The <data> tag links the given content with a machine-readable translation. It associates the numbers with given names min the data. <!DOCTYPE html> <html> <body> <p>The following example displays product names but also associates each name with a product number:</p> <ul>   <li><data value="21053">Cherry Tomato</data></li>   <li><data value="21054">Beef Tomato</data></li>   <li><data value="21055">Snack Tomato</data></li> </ul> </body> </html> Output: The following example displays product names but also associates each name with a product number:   Cherry Tomato   Beef Tomato   Snack Tomato
Post a Comment
Read more

Header Tag in html

-
The <header> element represents a container for introductory content or a set of navigational links. A <header> element typically contains: one or more heading elements (<h1> - <h6>) logo or icon authorship information You can have several <header> elements in one document.  A <header> tag cannot be placed within a <footer>, <address> or another <header> element. <!DOCTYPE html> <html> <body> <article>   <header>     <h1>Most important heading here</h1>     <h3>Less important heading here</h3>     <p>Some additional information here.</p>   </header>   <p>Lorem Ipsum dolor set amet....</p> </article> </body> </html> Output: Most important heading here Less important heading here Some additional information here. Lorem Ipsum ...
Post a Comment
Read more

data description tag or

-
This is used for writing the description of the data. This tag supports all event attributes. <!DOCTYPE html> <html> <body> <dl>   <dt>Coffee</dt>   <dd>Black hot drink</dd>   <dt>Milk</dt>   <dd>White cold drink</dd> </dl> </body> </html> Output: Coffee Black hot drink Milk White cold drink
Post a Comment
Read more

dfn tag in html

-
The <dfn> tag represents the defining instance of a term in HTML. The defining instance is often the first use of a term in a document. The nearest parent of the <dfn> tag must also contain the definition/explanation for the term inside <dfn>. simple <dfn>: <!DOCTYPE html> <html> <body> <p><dfn>HTML</dfn> is the standard markup language for creating web pages.</p> </body> </html> Output: HTML  is the standard markup language for creating web pages. <dfn> tag abbr as the attribute <!DOCTYPE html> <html> <body> <p><dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn> is the standard markup language for creating web pages.</p> </body> </html> Output: HTML  is the standard markup language for creating web pages.
Post a Comment
Read more

pre tag in html

-
The <pre> tag defines preformatted text. Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks. <!DOCTYPE html> <html> <body> <pre> Text in a pre element is displayed in a fixed-width font, and it preserves both      spaces and line breaks </pre> </body> </html> Output: Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks
Post a Comment
Read more

hr tag in html

-
he <hr> element is used to separate content (or define a change) in an HTML page. <!DOCTYPE html> <html> <body> <h1>HTML</h1> <p>HTML is a language for describing web pages.</p> <hr> <h1>CSS</h1> <p>CSS defines how to display HTML elements.</p> </body> </html> Output: HTML HTML is a language for describing web pages. CSS CSS defines how to display HTML elements.
Post a Comment
Read more

kbd tag or keyboard input tag

-
The < kbd > tag is a phrase tag. It defines keyboard input. This tag is not deprecated, but it is possible to achieve richer effect with CSS. <!DOCTYPE html> <html> <body> <kbd>Keyboard input</kbd><br> </body> </html> Output: Keyboard input
Post a Comment
Read more

Dir tag in html

-
The <dir> tag is used to list directory titles. makes the list elements to look smaller than normal  It is not supported in html5 so use css3 instead. <!DOCTYPE html> <html> <body> <dir>   <li>html</li>   <li>xhtml</li>   <li>css</li> </dir> <p>The dir element is not supported in HTML5. Use CSS instead.</p> </body> </html> Output: html xhtml css The dir element is not supported in HTML5. Use CSS instead.
Post a Comment
Read more

Dialog tag in html

-
The <dialog> tag defines a dialog box or window. The <dialog> element makes it easy to create popup dialogs and modals on a web page. This tag is not supported by internet explorer <!DOCTYPE html> <html> <head> </head> <body> <table>   <tr>     <th>January <dialog open>This is an open dialog window</dialog></th>     <th>February</th>     <th>March</th>   </tr>   <tr>     <td>31</td>     <td>28</td>     <td>31</td>   </tr> </table> </body> </html> Output: January This is an open dialog window February March 31 28 31
Post a Comment
Read more

Main tag in html

-
The <main> tag specifies the main content of a document. The content inside the <main> element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms. There must not be more than one <main> element in a document. The <main> element must NOT be a descendant of an <article>, <aside>, <footer>, <header>, or <nav> element. <!DOCTYPE html> <html> <body> <main>   <h1>Web Browsers</h1>   <p>Google Chrome, Firefox, and Internet Explorer are the most used browsers today.</p>   <article>     <h1>Google Chrome</h1>     <p>Google Chrome is a free, open-source web browser developed by Google, released in 2008.</p>   </article>   <article> ...
Post a Comment
Read more

center tag in html

-
The <center> tag is not supported in HTML5. Use CSS instead. The <center> tag is used to center-align text. <!DOCTYPE html> <html> <body> <p>This is some text.</p> <center>This text will be center-aligned.</center> <p>This is some text.</p> <p>The center element is not supported in HTML5. Use CSS instead.</p> </body> </html> Output: This is some text. This text will be center-aligned. This is some text. The center element is not supported in HTML5. Use CSS instead.
Post a Comment
Read more

dt tag in html

-
The <dt> tag defines a term/name in a description list. The <dt> tag is used in conjunction with <dl> (defines a description list) and <dd> (describes each term/name). <!DOCTYPE html> <html> <body> <dl>   <dt>Coffee</dt>   <dd>Black hot drink</dd>   <dt>Milk</dt>   <dd>White cold drink</dd> </dl> </body> </html> Output: Coffee Black hot drink Milk White cold drink
Post a Comment
Read more

word break tag or wbr tag

-
The <wbr> (Word Break Opportunity) tag specifies where in a text it would be ok to add a line-break. Tip:  When a word is too long, or you are afraid that the browser will break your lines at the wrong place, you can use the <wbr> element to add word break opportunities. <!DOCTYPE html> <html> <body> <p>Try to shrink the browser window, to view how the very long word in  the paragraph below will break:</p> <p>This is a veryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryvery<wbr>longwordthatwillbreakatspecific<wbr>placeswhenthebrowserwindowisresized.</p> <p><b>Note:</b> The wbr element is not supported in Internet Explorer 11 and  earlier versions.</p> </body> </html> Output: Try to shrink the browser window, to view how the very long word in the paragraph below will break: This is a veryveryveryveryveryveryve...
Post a Comment
Read more

Time tag in html

-
The <time> tag defines a human-readable date/time. This element can also be used to encode dates and times in a machine-readable way so that user agents can offer to add birthday reminders or scheduled events to the user's calendar, and search engines can produce smarter search results. <!DOCTYPE html> <html> <body> <p>We open at <time>10:00</time> every morning.</p> <p>I have a date on <time datetime="2008-02-14 20:00">Valentines day</time>.</p> <p><b>Note:</b> The time element does not render as anything special in any of the major browsers.</p> <p><strong>Note:</strong> The time tag is not supported in Internet  Explorer 8 and earlier versions.</p> </body> </html> Output: We open at  10:00  every morning. I have a date on  Valentines day . Note:  The time element does not render as any...
Post a Comment
Read more

meta tag in html

-
Metadata is data (information) about data. The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services. HTML5 introduced a method to let web designers take control over the viewport (the user's visible area of a web page), through the <meta> tag (See "Setting The Viewport" example below).   <meta> tags always go inside the <head> element.  Metadata is always passed as name/value pairs.  The content attribute MUST be defined if the name or the http-equiv attribute is defined. If none of these are defined, the content attribute CANNOT be defined. Setting The Viewport: HTML5 introduced a method...
Post a Comment
Read more

Tables in html

-
The <table> tag defines an HTML table. An HTML table consists of the <table> element and one or more <tr>, <th>, and <td> elements. The <tr> element defines a table row, the <th> element defines a table header, and the <td> element defines a table cell. A more complex HTML table may also include <caption>, <col>, <colgroup>, <thead>, <tfoot>, and <tbody> elements. <!DOCTYPE html> <html> <head> </head> <body> <table>   <tr>     <th>Month</th>     <th>Savings</th>   </tr>   <tr>     <td>January</td>     <td>$100</td>   </tr>   <tr>     <td>February</td>     <td>$80</td>   </tr> </table> </bo...
Post a Comment
Read more

Table row or tr tag

-
The <tr> tag defines a row in an HTML table. A <tr> element contains one or more  <th>  or  <td>  elements. <!DOCTYPE html> <html> <head> </head> <body> <table>   <tr>     <th>Month</th>     <th>Savings</th>   </tr>   <tr>     <td>January</td>     <td>$100</td>   </tr>   <tr>     <td>February</td>     <td>$80</td>   </tr> </table> </body> </html> Output: Month Savings January $100 February $80
Post a Comment
Read more

Table data or td tag

-
The <td> tag defines a standard cell in an HTML table. An HTML table has two kinds of cells: Header cells - contains header information (created with the <th> element) Standard cells - contains data (created with the <td> element) The text in <th> elements are bold and centered by default. The text in <td> elements are regular and left-aligned by default. <!DOCTYPE html> <html> <head> </head> <body> <table>   <tr>     <td>Cell A</td>     <td>Cell B</td>   </tr> </table> </body> </html> Output: Cell A Cell B
Post a Comment
Read more

table body or tbody or table header or theader

-
The <tbody> tag is used to group the body content in an HTML table. The <tbody> element is used in conjunction with the <thead> and <tfoot> elements to specify each part of a table (body, header, footer). Browsers can use these elements to enable scrolling of the table body independently of the header and footer. Also, when printing a large table that spans multiple pages, these elements can enable the table header and footer to be printed at the top and bottom of each page. The <tbody> tag must be used in the following context: As a child of a <table> element, after any <caption>, <colgroup>, and <thead> elements. <!DOCTYPE html> <html> <head> </head> <body> <table>   <thead>     <tr>       <th>Month</th>       <th>Savings</th>     </tr>   </thead...
Post a Comment
Read more

Section tag in html

-
The <section> tag defines sections in a document, such as chapters, headers, footers, or any other sections of the document. <!DOCTYPE html> <html> <body> <section>   <h1>WWF</h1>   <p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p> </section> <section>   <h1>WWF's Panda symbol</h1>   <p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p> </section> <p><strong>Note:</strong> The section tag is not supported in Internet Explorer 8 and earlier versions.</p> </body...
Post a Comment
Read more

Table footer or tfoot

-
The <tfoot> tag is used to group footer content in an HTML table. The <tfoot> element is used in conjunction with the <thead> and  <tbody>  elements to specify each part of a table (footer, header, body). <!DOCTYPE html> <html> <head> </head> <body> <table>   <thead>     <tr>       <th>Month</th>       <th>Savings</th>     </tr>   </thead>   <tbody>     <tr>       <td>January</td>       <td>$100</td>     </tr>     <tr>       <td>February</td>       <td>$80</td>     </tr>   </tbody>   <tfoot>     <tr>       ...
Post a Comment
Read more