Scribd
Upload
8 views10 pages

Consent

HTML, or HyperText Markup Language, is essential for creating web pages, consisting of a specific structure with doctype, HTML, head, and body elements. It utilizes tags and attributes to define content, including headings, paragraphs, links, images, lists, tables, and forms, while semantic elements enhance accessibility and SEO. Mastering HTML is crucial for web development, with resources like W3Schools, MDN Web Docs, and Codecademy available for further learning.

Uploaded by

Amninder Singh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
8 views10 pages

Consent

HTML, or HyperText Markup Language, is essential for creating web pages, consisting of a specific structure with doctype, HTML, head, and body elements. It utilizes tags and attributes to define content, including headings, paragraphs, links, images, lists, tables, and forms, while semantic elements enhance accessibility and SEO. Mastering HTML is crucial for web development, with resources like W3Schools, MDN Web Docs, and Codecademy available for further learning.

Uploaded by

Amninder Singh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

HTML

Fundamentals
HTML, or HyperText Markup Language, forms the foundation of web
pages. It's a language that browsers understand and use to display the
content you see on websites.

by Amninder Singh
HTML Structure and Syntax
Every HTML document follows a specific structure. It starts with a
doctype declaration and includes the HTML, head, and body elements.

DOCTYPE Declaration HTML Element


Specifies the HTML version Encapsulates the entire
used, like HTML5. document.

Head Element Body Element


Contains meta information like Contains the visible content of
title and links to external files. the web page.
HTML Tags and Elements
Tags are the building blocks of HTML. They represent different elements,
each with its own specific purpose and functionality.

1 Opening Tag 2 Closing Tag


Marks the beginning of an Marks the end of an
element. element.

3 Attributes 4 Content
Provide additional The text or data contained
information about an within an element.
element, like its ID or class.
HTML Headings and Paragraphs
Headings and paragraphs are essential for structuring content and improving readability.

Headings Paragraphs

Use h1 to h6 tags for different levels of importance. h1 is the Use the p tag to create paragraphs. They automatically add
most important, h6 the least. spacing and newlines for better readability.

1. h1
2. h2

3. h3
4. h4
5. h5
6. h6
HTML Links and Anchors
Links allow users to navigate between different parts of a website or to
external resources.

Anchor Tag
1 The a tag creates links. The href attribute specifies the
destination.

Text Content
2 The text within the anchor tag becomes clickable and
represents the link.

Target Attribute
3 The target attribute controls where the link opens. _blank
opens in a new tab.
HTML Images and Media
HTML provides ways to embed images and other media into web pages, enhancing visual appeal and user engagement.

Image Tag Video Tag Audio Tag


The img tag is used to display images. The video tag is used to embed videos. The audio tag is used to embed audio.
The src attribute specifies the image The src attribute specifies the video The src attribute specifies the audio
source. source. source.
HTML Lists and Tables
Lists and tables are great ways to present information in organized and
visually appealing formats.

Type Description

Unordered List (ul) Uses bullets to display items.

Ordered List (ol) Uses numbers to display items.

Table (table) Creates structured rows and


columns for data.
HTML Forms and Inputs
Forms allow users to submit data to a server, enabling interaction and
dynamic functionality.

1 Form Tag 2 Input Tag


The form tag defines a form The input tag defines
area on a web page. various input fields, like text
boxes, radio buttons, and
checkboxes.

3 Submit Button
The submit button sends the form data to the server.
HTML Semantic Elements
Semantic elements provide meaning and structure to content, improving accessibility and SEO.

Header 1
The header element represents the header of a
web page or a section.
2 Navigation
The nav element represents navigation links within
a web page.
Article 3
The article element represents an independent,
self-contained piece of content, like a blog post.
4 Aside
The aside element represents content that is
tangentially related to the main content of a page,
Footer 5 like a sidebar.
The footer element represents the footer of a web
page or a section.
Conclusion and Resources
HTML is the foundation of web development. Mastering HTML enables
you to create visually appealing and functional web pages. Explore online
resources and documentation to enhance your HTML skills.

W3Schools
A comprehensive online resource for web development tutorials.

MDN Web Docs


The official documentation for web technologies, including HTML.

Codecademy
An interactive learning platform for web development, including HTML
courses.

You might also like