Scribd
Upload
2 views

Basics of Web Design Using Html, CSS

Presentation

Uploaded by

rohitkaran1818
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

Basics of Web Design Using Html, CSS

Presentation

Uploaded by

rohitkaran1818
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

NAME -SANDIPAN KARAN

ROLL NO - 27542724004
REGISTRATION NO - 242751010012( 2024-25 )
SUBJECT - BASICS OF WEB DESIGN USING HTML, CSS, JAVA SCR
SUBJECT CODE - BCAC202
TOPIC - HTML BASIC TAGS: OVERVIEW OF BASIC HTML TAGS, SUCH
AS HEADINGS, PARAGRAPHS, IMAGES, AND LINKS.
COLLEGE – OM DAYAL GROUP OF INSTUTION
DEPARTMENT – B.C.A.
Introduction to HTML
This presentation will introduce you to HTML. You'll learn
about its role in web development. We'll explore basic to
advanced aspects of HTML.
Understanding HTML Structure
Basic Tags Document Structure

HTML uses tags, enclosed in angle brackets, to A standard HTML document is structured with
define elements within a web page. These tags three essential tags: <html>, which is the root
typically come in pairs, marking the beginning and element, <head> for metadata, and <body> for the
end of an element's content. visible content.
Diving into HTML
Headings
1 Six Levels of 2 Importance of
Headings <h1>
HTML provides six <h1> defines the most
heading levels: <h1> to important heading.
<h6>. Use it for page titles.

3 Semantic Structure
Use headings to create a clear document outline.
Exploring HTML
Paragraphs and Text
Formatting
<p> Tag
The <p> tag defines a paragraph.

Text Formatting
Use <b> for bold, <i> for italic, and <u> for
underline.
Working with HTML
Lists
Unordered Lists Ordered Lists
Use <ul> and <li> tags for Use <ol> and <li> tags for
bulleted lists. numbered lists.

Nested Lists
Lists can be nested to create sub-items.
Mastering HTML Links
and Navigation
1 <a> Tag
The <a> tag creates hyperlinks.

2 HREF Attribute
The HREF attribute specifies the link's
destination.

3 Navigation
Links are essential for website navigation.
Embedding Images and
Media

<img> Tag <video> Tag <audio> Tag


The <img> tag Embed videos Embed audio files
embeds images. using the <video> using the <audio>
tag. tag.
Summary and Next Steps in HTML Learning
Practice
1 Practice writing HTML code regularly.

Projects
2
Work on personal projects.

Resources
3
Use online resources for guidance.

This presentation covered HTML basics. Continue learning to build robust websites. Explore advanced topics like
CSS and JavaScript.

You might also like