HTML markups
What are HTML markups?
HTML markups, also called HTML tags or HTML components, function as the basis of a web page. HTML (Hypertext Markup Language) is the typical markup language utilized on the World Wide Web to organize and display information. HTML markups are utilized to define web content’s structure, semantics, and presentation.
HTML markups are made up of a series of predefined tags contained in angle brackets (“” and “>”). These tags are embedded in web page content and guide web browsers on how to interpret and display the material.
HTML markups provide structure and meaning to online content, enabling web browsers and assistive technologies to properly comprehend and show it. Developers may design well-structured, accessible, and readily maintained web pages by employing the right HTML markups.
Why is HTML considered a markup language?
HTML is a markup language because it employs markup tags to annotate and define the structure and display of material inside a document. “Markup” refers to adding annotations or tags to text to offer structure and meaning.
Here are some of the reasons why HTML is considered a markup language:
1. Automated Readability
Markup elements in HTML offer a uniform and defined means of arranging text, making it machine-readable. Based on the markup instructions, web browsers, search engines, screen readers, and other applications may parse HTML texts and present them effectively. This machine-readable feature is critical for online content accessibility, indexing, and appropriate rendering across various devices and platforms.
2. Content Annotation
Developers may annotate material by encapsulating it inside particular tags in HTML. These elements, which include headers, paragraphs, lists, links, photos, tables, and more, establish the purpose and meaning of the content. The tags inform web browsers on how to read and display the information.
3. Semantic Analysis
HTML tags are intended to provide semantic meaning by expressing the purpose and function of the contained material. For example, using <h1> for a primary heading and <p> for a paragraph indicates the text’s structure and hierarchy. Semantic markup improves content accessibility, comprehension, and context for human users and assistive technology.
How do you show markup in HTML?
In HTML, code is not shown or produced directly as part of a web page’s material that can be seen. Instead, markup tags describe the content’s layout, meaning, and how it looks. Web devices read the code and show the information in the right way.
Here is an example of how you can utilize HTML entities to display codes on a web page:
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>Show Markup Example</title>
</head>
<body>
<pre>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<a href="https://www.example.com">This is a link</a>
</pre>
</body>
</html>
In the above example, the <pre> element is utilized to preserve the formatting and display the markup as it is without interpreting it. The reserved characters < and > are replaced with their respective HTML entities < and >. Similarly, double quotes ” are represented as ".
When the above code is rendered in a web browser, it will display the following:
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<a href=”https://www.example.com”>This is a link</a>
By utilizing HTML entities, you can show and display markup elements on a web page without having them be understood as a component of the document’s layout or presentation.
What is markup language in HTML5?
In HTML5, a markup language is the rules, code, and tags that are used to organize and show information on the web. HTML5 is the most recent form of HTML (Hypertext Markup Language). It has many new features and parts that can be used to make web pages and apps.
As a coding language, HTML5 has the following important parts:
1. Multimedia Service
HTML5 has built-in support for video content, so apps like Flash are no longer needed. The <video> and <audio> elements make it possible to insert and play music and video content on a web page. This made it easier and faster for HTML pages to include media features.
2. Offline Asset
HTML5 added the Application Cache and Local Storage APIs, which allowed web apps work when the user is not linked to the internet and store data on the user’s device. This made it more effortless to create web apps that could be utilized without an internet connection and enhanced the user experience for individuals with limited or no internet access.
