Skip to content

Added elements_&_tags-html file #58

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
May 11, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 39 additions & 0 deletions docs/html/elements-and-tags-html.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
---
id: elements-and-tags-html
title: Introduction of HTML Tags and Elements
sidebar_label: HTML Tags and Elements
sidebar_position: 2
tags: [html, introduction, web development, markup language, hyper text, web pages, career opportunities, personal growth, web-development, web design, web pages, websites, career opportunities, contribute to the web, stay relevant, express yourself, learn other technologies, have fun, how to use html, steps to start using html, set up your development environment, create your first html document, learn html syntax and structure, explore html elements and-attributes]
description: In this tutorial, you will learn about HTML Elements and HTML Tags and about their differences
---

HTML (Hypertext Markup Language) is the standard markup language used for creating web pages. It consists of various tags and elements that define the structure and content of a web page.

## HTML Tags

HTML tags are the building blocks of an HTML document. They are enclosed in angle brackets (`<>`) and are used to define the structure and formatting of the content. Tags are usually paired with an opening tag and a closing tag, with the content placed between them.

For example, the `<h1>` tag is used to define a heading, and it is written as `<h1>Heading</h1>`. The opening tag `<h1>` indicates the start of the heading, and the closing tag `</h1>` indicates the end of the heading.


Commonly used HTML Tags:-
![Commonly used HTMl Tags](image.png)

## HTML Elements

HTML elements are made up of tags, along with the content placed between them. An element consists of an opening tag, the content, and a closing tag. The content can be text, images, links, or other HTML elements.

For example, in the HTML element `<p> This is a paragraph.</p>`, `<p>` and `</p>` are HTML tags, and the entire string together is considered an HTML element

## Difference between HTML Elements and HTML Tags

| HTML Tags | HTML Elements |
|-----------|--------------|
| HTML Tags are used to hold HTML Elements | HTML Elements hold the content |
| Enclosed in angle brackets (`<>`) | Consist of opening tag, content, and closing tag |
| Used to define structure and formatting | Can contain text, images, links, or other HTML elements |
| Paired with opening and closing tags | Content placed between opening and closing tags |

## Conclusion

In conclusion, HTML consists of various tags and elements that define the structure and content of a web page. HTML tags are the building blocks of an HTML document, used to define the structure and formatting of the content. HTML elements are made up of tags and the content placed between them, which can be text, images, links, or other HTML elements. Understanding the difference between HTML elements and HTML tags is essential for creating well-structured web pages.
Binary file added docs/html/image.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.