Introduction to HTML with tags. Each tag in a separate slide.
for css properties check this slide:
https://www.slideshare.net/slideshow/introduction-to-css-and-all-propertiespptx/266990757
A Critique of the Proposed National Education Policy Reform
Introduction to HTML with syntax and tags.pptx
1. @neelotpal.dey
Introduction to HTML
HTML (Hyper Text Markup Language) is the standard markup
language for creating web pages.
It defines the structure and content of a web page using tags.
HTML is the foundation of the World Wide Web.
It allows for embedding multimedia, links, and other interactive
elements.
3. @neelotpal.dey
HTML5 Syntax
Elements are the building blocks of HTML, represented by tags.
Tags are enclosed in angle brackets, e.g., <tag>.
Attributes provide additional information about an element.
Comments are used to add explanatory notes and are ignored by the
browser.
4. @neelotpal.dey
HTML5 Document Structure
<!DOCTYPE html> declares the document type as HTML5.
<html> is the root element that contains the entire web page.
<head> contains metadata and other information not visible on the
page.
<body> contains the visible content of the web page.
6. @neelotpal.dey
id - Unique identifier for an element
class - Used for grouping and styling elements
style - Inline CSS styles for the element
title - Tooltip text displayed when hovering over the element
href - Specifies the URL or location for links and other elements
src - Specifies the source URL for images, scripts, and other media
alt - Alternative text for images and other multimedia
7. @neelotpal.dey
type - Specifies the type of media or content
value - Defines the initial value for input fields
name - Identifies an element for scripting or form submission
target - Specifies where to open a linked document
rel - Defines the relationship between the current document and a linked document
disabled - Disables an input field or form control
checked - Specifies that an input field should be pre-selected
multiple - Allows multiple values to be selected in a drop-down or input field
9. @neelotpal.dey
Opening Tags: <tag>
Marks the beginning of an element.
Usage: <div>, <p>, <h1>, etc.
Closing Tags: </tag>
Marks the end of an element.
Usage: </div>, </p>, </h1>, etc.
Self-Closing Tags: <tag />
Represents elements that don't have any content and are closed immediately.
Usage: <br />, <img />, <input />
10. @neelotpal.dey
Empty Tags: <tag>
Similar to self-closing tags but don't have a closing slash.
Usage: <br>, <hr>, <link>
Container Tags: <tag>...</tag>
Used to wrap content within an element.
Usage: <p>...</p>, <div>...</div>, <ul>...</ul>
64. @neelotpal.dey
<link>
Defines the relationship between the current document and an
external resource
Syntax: <link rel="..." href="..." type="...">