Scribd
Upload
60 views

Comp 6 Ms. Tumasis Soliman, Ma. Cristina B. Ab4Ea

The document defines HTML tags and their formats. It provides examples of common text-level tags like <p>, <strong>, <em>, and other tags like <table>, <img>, <a> that are used to structure and present content on web pages. It also includes deprecated tags and their replacements according to modern HTML5 standards.

Uploaded by

Chuck Soliman
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
60 views

Comp 6 Ms. Tumasis Soliman, Ma. Cristina B. Ab4Ea

The document defines HTML tags and their formats. It provides examples of common text-level tags like <p>, <strong>, <em>, and other tags like <table>, <img>, <a> that are used to structure and present content on web pages. It also includes deprecated tags and their replacements according to modern HTML5 standards.

Uploaded by

Chuck Soliman
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

COMP 6 Ms. Tumasis Soliman, Ma. Cristina B.

AB4EA
<!--> -The comment tag is used to insert comments in the source code. Comments are not displayed in the browsers. Format: <!--This is a comment. Comments are not displayed in the browser--> <p>This is a paragraph.</p> <!DOCTYPE> -The <!DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag. The <!DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in. Format: <!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html> <a> - The <a> tag defines a hyperlink, which is used to link from one page to another. Format: <a href="http://www.w3schools.com">Visit W3Schools.com!</a> <abbr> - The <abbr> tag indicates an abbreviation or an acronym, like "WWW" or "NATO". Format: The <abbr title="World Health Organization">WHO</abbr> was founded in 1948. <acronym> - The <acronym> tag defines an acronym. An acronym can be spoken as if it were a word, example NATO, NASA, ASAP, GUI. Format: Can I get this <acronym title="as soon as possible">ASAP</acronym>?

<address> - The <address> tag defines the contact information for the author/owner of a document or an article. Format: <address> Written by <a href="mailto:[email protected]">Jon Doe</a>.<br> Visit us at:<br> Example.com<br> Box 564, Disneyland<br> USA </address>

<applet> - The <applet> tag is not supported in HTML5. Use the <object> tag instead. The <applet> element is deprecated in HTML 4.01. The <applet> tag defines an embedded applet.

Format:

<applet code="Bubbles.class" width="350" height="350"> Java applet that draws animated bubbles. </applet>

<area> - The <area> tag defines an area inside an image-map (an image-map is an image with clickable areas). The <area> element is always nested inside a <map> tag. Format: <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> </map> <article> - The <article> tag specifies independent, self-contained content. Format: <article> <h1>Internet Explorer 9</h1> <p>Windows Internet Explorer 9 (abbreviated as IE9) was released to the public on March 14, 2011 at 21:00 PDT.....</p> </article>

<aside> - The <aside> tag defines some content aside from the content it is placed in Format: <p>My family and I visited The Epcot center this summer.</p> <aside> <h4>Epcot Center</h4> <p>The Epcot Center is a theme park in Disney World, Florida.</p> </aside> <audio> - The <audio> tag defines sound, such as music or other audio streams. Format: <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio tag. </audio>

<b> - The <b> tag specifies bold text. Format: <p>This is normal text - <b>and this is bold text</b>.</p>

<base> - The <base> tag specifies the base URL/target for all relative URLs in a document. Format: <head> <base href="http://www.w3schools.com/images/" target="_blank"> </head> <body> <img src="stickman.gif" width="24" height="39" alt="Stickman"> <a href="http://www.w3schools.com">W3Schools</a> </body>

<basefont> - The <basefont> tag is not supported in HTML5. Use CSS instead. The <basefont> element is deprecated in HTML 4.01. Format: <head> <basefont color="red" size="5" /> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> <bdi> - bdi stands for Bi-directional Isolation. The <bdi> tag isolates a part of text that might be formatted in a different direction from other text outside it. Format: <ul> <li>User <bdi>hrefs</bdi>: 60 points</li> <li>User <bdi>jdoe</bdi>: 80 points</li> <li>User <bdi>/<bdi>: 90 points</li> </ul>

<bdo> - bdo stands for Bi-Directional Override. The <bdo> tag is used to override the current text direction. Format: <bdo dir="rtl"> This text will go right-to-left. </bdo>

<big> - The <big> tag is not supported in HTML5. Use CSS instead. The <big> tag defines bigger text. Format: <p><big>Bigger text</big></p> <blockquote> - The <blockquote> tag specifies a section that is quoted from another source. Browsers usually indent <blockquote> elements. Format: <blockquote cite="http://www.worldwildlife.org/who/index.html"> For 50 years, WWF has been protecting the future of nature. The worlds leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally. </blockquote>

<body> - The <body> tag defines the document's body. The <body> element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc. Format: <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>

<br> - The <br> tag inserts a single line break. The <br> tag is an empty tag which means that it has no end tag. Format: This text contains<br>a line break. <button> - The <button> tag defines a clickable button. Format: <button type="button">Click Me!</button>

<canvas> - The <canvas> tag is used to draw graphics, on the fly, via scripting (usually JavaScript). The <canvas> tag is only a container for graphics, you must use a script to actually draw the graphics. Format: <canvas id="myCanvas"></canvas> <script type="text/javascript"> var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); ctx.fillStyle='#FF0000'; ctx.fillRect(0,0,80,100); </script>

<caption> - The <caption> tag defines a table caption. The <caption> tag must be inserted immediately after the <table> tag. You can specify only one caption per table. Format: <table border="1"> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>

<center> - The <center> tag is not supported in HTML5. Use CSS instead. The <center> element is deprecated in HTML 4.01. The <center> tag is used to center-align text. Format: <center>This text will be center-aligned.</center>

<cite> - The <cite> tag defines the title of a work (e.g. a book, a song, a movie, a TV show, a painting, a sculpture, etc.). Format: <p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>

<code> - The <em>, <strong>, <dfn>, <code>, <samp>, <kbd>, and <var> tags are all phrase tags. They are not deprecated, but it is possible to achieve richer effect with CSS. Tag <em> <strong> <dfn> <code> <samp> <kbd> <var> Format: Description Renders as emphasized text Defines important text Defines a definition term Defines a piece of computer code Defines sample output from a computer program Defines keyboard input Defines a variable <em>Emphasized text</em> <strong>Strong text</strong> <dfn>Definition term</dfn> <code>A piece of computer code</code> <samp>Sample output from a computer program</samp> <kbd>Keyboard input</kbd> <var>Variable</var>

<col> - The <col> tag specifies column properties for each column within a <colgroup> element. The <col> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row. Format:
<table border="1"> <colgroup> <col span="2" style="background-color:red"> <col style="background-color:yellow"> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> <td>My first HTML</td> <td>$53</td> </tr> </table>

<colgroup> - The <colgroup> tag specifies a group of one or more columns in a table for formatting. The <colgroup> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.

Format:

<table border="1"> <colgroup> <col span="2" style="background-color:red"> <col style="background-color:yellow"> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> <td>My first HTML</td> <td>$53</td> </tr> </table>

<command> - The <command> tag defines a command (a radiobutton, a checkbox, or a command button) that the user can invoke. Format: <menu> <command type="command" label="Save" onclick="save()">Save</command> </menu>

<datalist> - The <datalist> tag specifies a list of pre-defined options for an <input> element. The <datalist> tag is used to provide an "autocomplete" feature on <input> elements. Users will see a drop-down list of pre-defined options as they input data. Format: <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>

<dd> - The <dd> tag is used to describe an item in a definition list. The <dd> tag is used in conjunction with <dl> (defines the definition list) and <dt> (defines the item in the list). Format:
<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>

<del> - The <del> tag defines text that has been deleted from a document.

Format:

<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

<head> - it consist of title, subtitle and other information of the document. Format: <head> and </head>

<h1> - <h6> - size of text form largest to smallest. <hr> - it draws horizontal dividing line across the page. Format: <hr> and </hr>

<i>- it italicize the text. Format: <i> and </i> <p> - an element that marks the beginning of the paragraph. Format: <p> and <pre> - it takes the optional attributr. Format: <pre> and </pre> </p>

<s> - it creates highlighting element. Format: <s> and </s>

<strong> - it creates a stronger emphasis on characters. Format: <storng> and </strong>

<sub> - it creates subscript character. Format: <sub> and </sub>

<sup> - it creates superscript character. Format: <sup> and </sup> <tt> - it create fixed width typewriter font. Format: <tt> and </tt>

<u> - it creates underlined character. Format: <u> and </u> <ul> - also known as unnumbered or bulleted list, it is the most common list tag that uses bullets. Format: <ul> <li> and </li> </ul>

You might also like