DEV Community

Payilagam
Payilagam

Posted on

Introduction to HTML

HTML stands for Hypertext Markup Language. It is used to design web pages. It contains series of elements, tags. It is a well structured language. Latest version of HTML is 5.

What is Markup
Markup refers to the special tag and elements used to structure and describe the content of a webpage.
Eg. <h1> Welcome </h1>
In this example,

are tags, Welcome is content. Combination of tags and content is known as Element.

Features of HTML 5
HTML 5 introduced powerful new feature that makes modern web applications faster, more interactive and more multimedia friendly.

It added semantic tags[TBD], native audio video support, better graphics, offline stroage of API for real time communication.

Semantic Tags:
Semantic elements = elements with a meaning.
A semantic element clearly describes its meaning to both the browser and the developer. HTML5 semantic elements provide meaningful tags that clearly describe their purpose, improving readability, accessibility, and SEO {To Be Discussed} for both humans and browsers.

Semantic Elements

Examples of semantic elements: ,

, and - Clearly defines its content.

abcd

In HTML there are several semantic elements that can be used to define different parts of a web page:

<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>

To Be Discussed --> TBD

Anyother Markup Language:
XML [Extensible Markup Language]

  • Used to store and transoport structured data. XHTML [Extensible HyperText Markup Language]
  • A Stricter [required well form code], XML based version of HTML.

References:
https://www.w3schools.com/html/html5_semantic_elements.asp

Top comments (0)