Html and its tags

HTML Introduction

HTML is the standard markup language for creating Web pages.

What is HTML?

• HTML stands for Hyper Text Markup Language
• HTML is the standard markup language for creating Web pages
• HTML describes the structure of a Web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the content
• HTML elements label pieces of content such as «this is a heading», «this is a paragraph», «this is a link», etc.

A Simple HTML Document

Example

My First Heading

My first paragraph.

Example Explained

• The declaration defines that this document is an HTML5 document
• The element is the root element of an HTML page
• The element contains meta information about the HTML page
• The element specifies a title for the HTML page (which is shown in the browser’s title bar or in the page’s tab)
• The element defines the document’s body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
• The element defines a large heading
• The

  element defines a paragraph

What is an HTML Element?

An HTML element is defined by a start tag, some content, and an end tag:

The HTML element is everything from the start tag to the end tag:

Note: Some HTML elements have no content (like the
element). These elements are called empty elements. Empty elements do not have an end tag!

Web Browsers

The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.

A browser does not display the HTML tags, but uses them to determine how to display the document:

HTML Page Structure

Below is a visualization of an HTML page structure:

This is a heading

This is another paragraph.

Note: The content inside the section will be displayed in a browser. The content inside the element will be shown in the browser’s title bar or in the page’s tab.

HTML History

Since the early days of the World Wide Web, there have been many versions of HTML:

Year	Version
1989	Tim Berners-Lee invented www
1991	Tim Berners-Lee invented HTML
1993	Dave Raggett drafted HTML+
1995	HTML Working Group defined HTML 2.0
1997	W3C Recommendation: HTML 3.2
1999	W3C Recommendation: HTML 4.01
2000	W3C Recommendation: XHTML 1.0
2008	WHATWG HTML5 First Public Draft
2012	WHATWG HTML5 Living Standard
2014	W3C Recommendation: HTML5
2016	W3C Candidate Recommendation: HTML 5.1
2017	W3C Recommendation: HTML5.1 2nd Edition
2017	W3C Recommendation: HTML5.2

This tutorial follows the latest HTML5 standard.

Источник

The Best Guide to HTML Tags

Anytime you go on the internet, you are interacting with HTML code and related tags. HTML is primarily used to develop web pages and web applications that run on web browsers like Chrome, Firefox, and Internet Explorer. HTML tags are keywords present on a web page that define how your web browser must format and display the contents.

Learn From The Best Mentors in the Industry!

What Is HTML?

HTML, which stands for Hypertext Markup Language, is the language used to describe structured documents and the language used to create web pages on the internet.

You can use any text editor to write the HTML code, such as Notepad (PC) or TextEdit (Mac). For our demonstration, we will use a sublime text editor, which you can download at https://www.sublimetext.com/3.

Save the file with the .html extension, and open it using a web browser of your choice.

What Is an HTML Tag?

HTML tags are the keywords on a web page that define how your web browser must format and display your web page.

Almost all tags contain two parts, an opening, and a closing tag. For example, is the opening tag and is the closing tag. Note that the closing tag has the same text as the opening tag, but has an additional forward-slash ( / ) character.

There are a total of 100 HTML tags. We will divide them into categories and discuss the important ones in this article.

Basic HTML Tags

Head Tag

The head tag contains all the elements describing the document.

Title Tag

The title tag specifies the HTML page title, which is shown in the browser’s title bar.

Body Tag

The body tag is where you insert your web page’s content.

Paragraph Tag

A paragraph tag

is used to define a paragraph on a web page.

Heading Tag

The HTML heading tag is used to define the heading of the HTML document. The tag defines the most important tag, and defines the least.

Let’s practice using these tags and create a web page with them:

Formatting Tags

Emphasis tag

The HTML tag is used to emphasize the particular text in a paragraph.

Bold Tag

The tag is used to make the text bold.

Italic Tag

The tag is used to make the text italic.

Underline Tag

The tag is used to set the text underline.

Link Tag

Learn 15+ In-Demand Tools and Skills!

List Tag

Image Tag

The tag is used to embed an image in an HTML document. You need to specify the source of the image inside the tag.

The center tag will center your content.

The Table Tag

The style () tag is used to add methods to the content by typing the code in the HTML file itself.

Next Steps

This article on HTML tags offered a brief insight into different types of HTML tags and their functionalities. To learn more about web development in its entirety, certification is highly recommended to jumpstart your coding career. Further, Simplilearn’s Full Stack Java Developer will help you master web development. The course covers a wide array of relevant topics, including front-end, middleware, and back-end Java web developer technologies. You will learn to build an end-to-end application, test and deploy code, store data using MongoDB, and much more.

If you have any questions or feedback regarding the HTML tags article, let us know in the comments section. Our experts will get back to you as soon as possible.

Find our Full Stack Developer — MEAN Stack Online Bootcamp in top cities:

Name	Date	Place
Full Stack Developer — MEAN Stack	Cohort starts on 9th Aug 2023, Weekend batch	Your City	View Details
Full Stack Developer — MEAN Stack	Cohort starts on 27th Sep 2023, Weekend batch	Your City	View Details

About the Author

Taha Sufiyan

Taha is a Research Analyst at Simplilearn. He is passionate about building great user interfaces and keeps himself updated on the world of Artificial Intelligence. Taha is also interested in gaming and photography.

Recommended Programs

Full Stack Web Developer — MEAN Stack

Источник