Scribd
Upload
13 views19 pages

HTML Basics for Web Development

The document provides an introduction to front-end web development, focusing on HTML as the foundational structure of web pages. It covers key concepts such as HTML elements, typography, semantic vs non-semantic elements, and the use of lists, tables, and forms. The presentation concludes by indicating that the next session will cover styling with CSS.

Uploaded by

mijanur sardar
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
13 views19 pages

HTML Basics for Web Development

The document provides an introduction to front-end web development, focusing on HTML as the foundational structure of web pages. It covers key concepts such as HTML elements, typography, semantic vs non-semantic elements, and the use of lists, tables, and forms. The presentation concludes by indicating that the next session will cover styling with CSS.

Uploaded by

mijanur sardar
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

Front End Development

Core Web Development:


HTML for Structure, CSS
for Design
The Language and Ideas that Defined Web
Development

Presented By Adfar Rasheed


Introduction to
Development
Time to code,
create, and craft
the web from
scratch.
Introduction to
HTML
HTML Elements
Structure Starts
Here.
The Building Blocks of Every Webpage.
HTML Typography.
HTML Text Elements: More Than Just Words.
Parent and
Child
Structure.
Parents Hold, Children Fit — The Web’s
Natural Order.
<header>

<nav>

Semantic vs <main>

Non-Semantic <section>

<aside>
Elements
Meaning Matters — Know What Your Tags <article>
Say.

<footer>
<header>
College Wallah

College Wallah
Block vs Inline
Elements
Line by Line or Side by Side — It’s All in the
Tag. College Wallah College Wallah

<footer>
<header>

HTML Lists
From Bullets to Numbers — Structure Your
Content.

<footer>
<header>

HTML Tables
Data, Organized — Row by Row, Cell by Cell.

<footer>
<header>

HTML Forms
Interaction Starts Here — One Field at a
Time.

<footer>
<header>
HTML: Structure
Complete.

In the Next Session


Style It Up with CSS.

<footer>
Thanks
!

You might also like