HTML NEW TAGS AND COLLECTIVE CHARACTER OBJECTS - Supercoders | Web Development and Design | Tutorial for Java, PHP, HTML, Javascript HTML NEW TAGS AND COLLECTIVE CHARACTER OBJECTS - Supercoders | Web Development and Design | Tutorial for Java, PHP, HTML, Javascript

Breaking

Post Top Ad

Post Top Ad

Tuesday, December 18, 2018

HTML NEW TAGS AND COLLECTIVE CHARACTER OBJECTS

 HTML NEW TAGS

HTML TAGS

HTML tags are the hidden keywords within a web page that define how your web browser must format and display the content.
Most tags must have two parts, an opening and a closing part. For example, <html> is the opening tag and </html>is the closing tag. Note that the closing tag has the same text as the opening tag, but has an additional forward-slash ( / ) character. I tend to interperet this as the "end" or "close" character.
There are some tags that are an exception to this rule, and where a closing tag is not required. The <img> tag for showing images is one example of this.
Each HTML file must have the essential tags for it to be valid, so that web browsers can understand it and display it correctly.
The rest of the HTML file can contain as little or as many tags as you want to display your content.

<header> ... </header>

Defines the header block for a document for individual section.

<footer> ... </footer>

Identifies the footer block for the document (or an individual section).

<main> ... </main>

Describes the main content of a document.

<article> ... </article>

Identifies an article inside a document.

<aside> ... </aside>

Specifies content contained in a document sidebar.

<section> ... </section>

Specifies a section block in the document.

<details>...</details>

Describes additional facts or information that the user can view or hide.

<dialog> ... </dailog>

A dailog box or window.

<figcaption>... </figcaption>

The <figure> element caption that helps describes the figure.

<figure> ... </figure>

An independent content block featuring diagrams photos, illustrations or more.

<mark> ... </mark>

Displays a portion of highlighted text within the page content.

<nav> ...</nav>

Navigation links for the user in a document.

<menuitem>...</menuitem>

The specific menu item that a user can raise from a popup menu.

<meter > ...</meter>

Describes the scalar measurement within a known array .

<progress> ... </progress>

Displays text within browsers that do not support ruby annotations.

<rp> .. </rp>

Displays text within browsers that do not support ruby annotations.

<rt>...</rt>

Displays east asian typography character details.

<ruby>....</ruby>

Describes a ruby annotation for east asian typography .

<summary> ... </summary>

Contains a visible heading for a <detail> element 

<bdi>...</bdi>

Helps you format part of text in a different direction from other text.

<time>...</time>

Idebtifies the time and date.

<wbr>

A line break within the content.



COLLECTIVE CHARACTER OBJECTS


&#34; &quot ; quotation marks-"

&#38; &amp;  Ampersand - &

&#60; &lt; less than sign - <

&#62; &gt; Greater than sign - >

&#160; &nbsp; non-breaking space

&#169; &copy; copyright symbol- © 

&#64; &Uuml; @ symbol - @

&#149; &ouml; small bullet- 

&#153; &ucirc; Trademark symbol - 

No comments:

Post a Comment

Post Top Ad