#3 Intro To HTML
I am a Full stack Developer from India and Tech savvy.
From this article, we are starting our programming journey with HTML. HTML comes under frontend to develop a website we need 3 languages which are HTML, CSS, and Javascript.
What is HTML?
HTML stands for (hypertext markup language) used for designing websites and it is known as the skeleton of a website. HTML is not a programming language because it does not contain any programming logic to develop software.
HTML consists of a series of elements, such as headings, paragraphs, lists, images, and links, that are represented by tags. These tags are used to define the structure of the content, and they are surrounded by angle brackets (e.g. <p>). The content of the web page is placed between the opening and closing tags.
Syntax of an HTML element
An HTML element consists of three parts: a start tag, content, and an end tag.
<p>This is some text in a paragraph.</p>
In this example, <p> is the start tag, This is some text in a paragraph. is the content, and </p> is the end tag. The end tag is identical to the start tag, but with a forward slash (/) added before the tag name.
The start tag is used to define the type of element being created, and it may also contain attributes that provide additional information about the element. For example:
<p class="highlight">This is some text in a paragraph.</p>
In this example, the start tag contains an attribute named class with a value of "highlight". This attribute can be used to specify a CSS class that provides styling information for the element.
The content of the element is the text or other elements that are contained within the element. In this case, it's the text "This is some text in a paragraph."
The end tag is used to indicate the end of the element and its content. The end tag is optional for some HTML elements, but it's generally recommended to use end tags for all elements to ensure that the HTML is well-formed and can be processed correctly by web browsers and other HTML processors.
Let's write a basic HTML code
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
hurray.. it's our first web page
</body>
</html>
Explanation of the code
<!DOCTYPE html>
<!DOCTYPE html>: This line declares the type of document being used as HTML5, which is the latest version of HTML.
<html>
This is the opening tag for the HTML document, and it contains all of the other elements on the page.
<head>
<title>My First Web Page</title>
</head>
The head section of the HTML document contains information about the page that is not displayed to the user, such as the title of the page. The title element in the head section sets the title of the page, which is displayed in the browser's title bar.
<body>
hurray.. it's our first web page
</body>
The body section of the HTML document contains all of the content that is displayed to the user. in the above example, we haven't used any HTML tags we will understand the whole HTML tags concept in the next article.
</html>
This is the closing tag for the HTML document, which indicates the end of the document.
HTML comments
HTML comments are used to add notes to an HTML document that are not displayed in the browser. They are used to document the code, to explain what certain parts of the code do, or to temporarily hide parts of the code without removing them.
HTML comments start with <!-- and end with -->. Everything between these two markers is treated as a comment and ignored by the browser.
Here's an example of an HTML comment:
<!-- This is an HTML comment -->
In this example, the text "This is an HTML comment" is a comment that is not displayed in the browser.
HTML comments can be placed anywhere in an HTML document and can span multiple lines. They are a useful tool for keeping track of changes or for working with others on a project, as they allow you to add explanations and context to your code that can be easily shared and understood by others.
Features of HTML
Structure: HTML provides a structure for creating and organizing content, including headings, paragraphs, lists, links, images, and more.
Hyperlinking: HTML allows you to create links between pages, allowing users to easily navigate your website.
Multimedia: HTML supports a wide range of multimedia content, including images, audio, and video, making it possible to create rich and engaging web pages.
Compatibility: HTML is an open standard and is supported by all major web browsers, making it possible to create content that can be accessed by a large audience.
Styling: HTML can be combined with CSS (Cascading Style Sheets) to provide visual styling and layout information for a web page.
Reference
Getting started with HTML - Learn web development | MDN (mozilla.org)
What is HTML? Definition of Hypertext Markup Language - javatpoint
Outro
I am making this series of content to help other aspiring developers who want to start their career in Web Development. It takes a lot of effort to make the series, If you really like my work Buy me a Coffee and Follow me on Twitter tejaswan1 and Instagram Tech Shark (@techshark_web)
