Scribd
Upload
2 views

HTML Basics

HTML (Hypertext Markup Language) is a markup language that structures documents for the web, developed by W3C, and is essential for creating visually appealing and accessible websites. The document outlines the importance of HTML, its structure, commonly used tags and attributes, as well as the introduction of HTML5, which enhances web capabilities with new elements and multimedia support. Understanding HTML is crucial for web developers to build effective web pages and applications.

Uploaded by

nik27s.sbi
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
2 views

HTML Basics

HTML (Hypertext Markup Language) is a markup language that structures documents for the web, developed by W3C, and is essential for creating visually appealing and accessible websites. The document outlines the importance of HTML, its structure, commonly used tags and attributes, as well as the introduction of HTML5, which enhances web capabilities with new elements and multimedia support. Understanding HTML is crucial for web developers to build effective web pages and applications.

Uploaded by

nik27s.sbi
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 11

An Introduction to HTML

( H y p e r Te x t M a r k u p L a n g u a g e )
INTRODUCTION
 HTML is a markup language that defines the structure of a document or webpage
and provide a standard on how it should be rendered by the web browsers.

 HTML is a standard developed by W3C (World Wide Web Consortium).

 Originally, HTML was developed with the intent of defining the structure of
documents like headings, paragraphs, lists, and so forth to facilitate the sharing of
scientific information between researchers. Now, HTML is being widely used to
format web pages with the help of different tags available in HTML language.
I M P O R TA N C E O F H T M L
 Helps in creating visually appealing websites.

 Accessibility and User experience.

 Search Engine Optimization.

HTML is the backbone of web development, allowing developers to create structured,


visually appealing, and accessible websites. Whether you’re building a simple webpage
or a complex web application, understanding HTML is essential for any web developer.
HTML DOCUMENT STRUCTURE
The structure of an HTML (Hypertext Markup Language) document consists of
several key components like head element, body, title…etc.

 Document Type Declaration (DTD)

 HTML element (<html>)

 Head & Body sections (<head> & <body> tags)


A S A M P L E H T M L PA G E
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>My Webpage</title>

<link rel="stylesheet" href="styles.css">

</head>

<body>

<h1>Welcome to My Webpage</h1>

<p>This is some content.</p>

<a href="https://www.example.com">Visit Example</a>

</body>

</html>
H T M L TA G S
HTML tags are essential building blocks for creating web pages. They define the
structure, content, and behavior of elements within an HTML document.

Below are some of the commonly used HTML tags


 <p>
 <div>
 <h1>, <h2> …..<h6>
 <a>
 <ul>, <ol>
 <img>
 <table>
 <br>
 <form>
AT T R I B U T E S
HTML attributes provide additional information about HTML elements. They
modify the default behavior of an element or enhance functionality for certain element
types.

Below are some of the commonly used HTML attributes


 href (eg: <a href=https://bank.sbi> SBI </a>

 src

 alt

 style

 script
HTML COMMENTS
HTML comments are lines within your HTML code that are not executed or
displayed by the browser. They serve various purposes, such as providing instructions,
explanations, or temporarily disabling certain sections of your HTML code.

 Comments start with <!-- and end with -->.

 The exclamation mark (!) is included at the start of the tag but not at the end.
HTML SEMANTIC ELEMENTS
HTML semantics refer to the practice of using HTML markup to convey the
meaning of information in web pages and applications, rather than just defining their
presentation or appearance. By using semantic HTML, you enhance both human
understanding and machine interpretation of your content.

Semantic elements are HTML tags that clearly describe their meaning to both browsers
and developers.

eg: form, table, article, section, header, footer, nav, main ….etc
HTML5
HTML5 is the fifth and final major version of HTML which was developed to
enhance the capabilities of web pages and applications.

Key features of HTML5 :

 New elements (eg : article, section, header, footer, nav …etc)

 Multimedia support

 Improved forms

 Responsive design

HTML5 enables developers to create richer, more interactive, and accessible web
experiences. It promotes consistency across different devices and browsers.
T H A N K YO U

You might also like