Content ITV PRO
This is Itvedant Content department
HTML Foundations: From Web Basics to Page Content
Getting Started With HTML
Learning Outcome(Slide2)
6
Basics of branding and messaging
5
Target audience and segmentation
4
Different marketing channels
3
Creating value for customers
2
Understanding customer needs
1
What marketing means ?
Choose cool, soft colors instead of vibrant colors
Max 6 Points for Summary & Min 4
Topic Name-Recall(Slide3)
Imagine you want to build a house.....
To build a proper house, you need:
Similarly, while creating a webpage:
HTML provides the structure of the webpage
Different HTML tags act like different parts of the building
Without structure, a webpage cannot be displayed properly in the browser.
Let's Discover What You Will Achieve Today !
Creating First HTML File
Let's Discover What You Will Achieve Today !
Understanding Basic HTML Structure
Creating First HTML File
Let's Discover What You Will Achieve Today !
Understanding Important HTML Tags
Understanding Basic HTML Structure
Creating First HTML File
Let's Discover What You Will Achieve Today !
Understanding Important HTML Tags
Understanding Basic HTML Structure
Creating First HTML File
Writing First HTML Program
Creating Project Folder
What is a Project Folder?
A Project Folder is a directory used to store all files related to a website or web application.
It helps developers organize files, manage HTML/CSS/JS/images, and keep the project structure clean and understandable.
Steps to Create Project Folder
Open your
system.
Create a new folder on Desktop
Give folder name: HTMLProject
Creating First HTML File
An HTML file contains webpage structure and content written using HTML tags.
What is an HTML File?
Saved using the .html extension
Can contain text, images, links, and buttons
Understanding Basic HTML Structure
Every HTML document follows a standard structure that :
What is HTML Structure?
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>Organizes webpage content properly
Helps browsers display pages correctly
Makes code easy to read and manage
Creates the foundation of every webpage
<!DOCTYPE html>
Defined at the beginning of the html page
Core Concepts (Slide 6)
Core Concepts (Slide 7)
Core Concepts (.....Slide N-3)
Summary
5
Build strong branding
4
Use different marketing channels
3
Target the right audience
2
Create and communicate value
1
Understand customer needs
Choose cool, soft colors instead of vibrant colors
Max 5 Points for Summary & Min 2
Quiz
Which platform is mainly used for professional networking and B2B marketing ?
A. Facebook
B. Instagram
C. LinkedIn
D. Snapchat
Quiz-Answer
Which platform is mainly used for professional networking and B2B marketing ?
A. Facebook
B. Instagram
C. LinkedIn
D. Snapchat
Web design : HTML Foundations: From Web Basics to Page Content
By Content ITV
