HTML (Hyper Text Markup Language)

Heading & Paragraphs

Assignment no 01
HTML
The Hyper Text Markup Language or HTML is the standard markup
language for documents designed to be displayed in a web
browser. It defines the meaning
HTML element
An HTML element is a type of HTML (Hyper Text Markup
Language) document component, one of several types of HTML
nodes (there are also text nodes, comment
HTML5
Language 5) is a markup language used for structuring and
presenting content on the World Wide Web. It is the fifth and final
major HTML version that is a World.
Learn HTML Using Notepad or TextEdit
Web pages can be created and modified by using professional
HTML editors.

However, for learning HTML we recommend a simple text editor

like Notepad (PC) or TextEdit (Mac).

We believe that using a simple text editor is a good way to learn

HTML.

Follow the steps below to create your first web page with Notepad
or TextEdit.

Career Boosting Learning Academy

 HTML (Hyper Text Markup Language)
Heading & Paragraphs Formatting
Assignment no 02

What is HTML?
The Hyper Text Markup Language or HTML is the standard markup
language for documents designed in a web browser. It is often assisted by
technologies such as Cascading Style Sheets and scripting languages
such as JavaScript

Why do we use HTML?

HTML used to tell your web browser what each part of website .So, using
HTML, you can define headers, paragraphs, links, images, and more, so
your browser knows how to structure the web page you’re looking at.

What is the main features of HTML

User Friendly & Simple.
Semantic Structure.
SEO – Search Engine Optimization.
Local Storage & Indexed DB – Client API & service Workers.

What is the tags of bold?

Html bold tag is represented by <b> [Link] bold tag is used to
display the written text in bold format

How do you Italicize text?

The <i> tag defines a part of text in an alternate voice or mood. The
content inside is typically displayed in italic.
Mark Element
Mark tag or element is used to high light any text only in yellow color.

How to superscript and subscript in HTML?

H2O
H2O

Career Boosting Learning Academy

 HTML (Hyper Text Markup Language)
Poem Solution
Assignment no 03

POEM

Career Boosting Learning Academy

 HTML (Hyper Text Markup Language)
Quotations
Assignment no 04

Blockquote tag
A Great Motivational Quote :

At the end of the day, you are solely responsible for your
success and your failure. And the sooner you realize that,
you accept that, and integrate that into your work ethic, you
will start being successful. As long as you blame others for
the reason you aren't where you want to be, you will
always be a failure.

Erin Cummings

Q tag
Read this Amazing Quote

“The great thing in this world is not so much where we are,

but in what direction we are going?? Oliver Wendall
Holmes Jr.”

Abbreviation tag
1) HTTP 2) CPU 3) HTML 4)WWW
5)USB

bdo tag
 This is with left to right directionality: A beautiful Flower
 This is with right to left directionality: A beautiful Flower

Career Boosting Learning Academy

 HTML (Hyper Text Markup Language)
Computer Code & Comments

Assignment no 05

Kbd tag (Keyboard Input)

ctrl + s = save document
ctrl + o = Open...
ctrl + n = New
ctrl + r = Re load from Disk
ctrl + f = find
NOTE:
<samp> <code> <kbd> and <var> show your text is
monospace font.

Career Boosting Learning Academy

 HTML (Hyper Text Markup Language)
Assignment no 06

 How to Embed an image on HTML?

 Tell About responsiveness
 Picture Element
 HTML Image Map
 Marquee

Career Boosting Learning Academy

 HTML (Hyper Text Markup Language)
Simple Table
Assignment no 07
Students Mark Sheet
Name Maths Science English Physics

Ali 45 89 56 25

Hassan 29 87 21 36

Hamza 84 45 65 78

Huzaifa 54 78 65 85

Waleed 45 25 65 85

Akbar 23 56 45 62

Mujeeb 25 45 85 65

Career Boosting Learning Academy

 HTML (Hyper Text Markup Language)
Simple Table
Assignment no 8
Employee Details
Employee First 'Name Last 'Name Department Location

01 Basit Ali Finance Karachi

02 Aman Ullah Marketing Lahore

03 Wasif Khan IT Peshawar

04 Huzaifa Asad Finance Islamabad

05 Ammar Haider Marketing Hyderabad

06 Bilal Hassan IT Karachi

07 Arbaz Ali Finance Karachi

Career Boosting Learning Academy

HTML (Hyper Text Markup Language)
Rowspan & Colspan
Assignment no 9

Career Boosting Learning Academy

 HTML (Hyper Text Markup Language)
Rowspan & Colspan
Assignment no 10

Seminar

Day
Schedule
Topic

Begin End

Introduction to Web
Monday 8:00 am 5:00 pm Development

Introduction to HTML

8:00 am 11:00 am

Tuesday 11:00 am 2:00 pm Introduction to CSS

2:00 pm 5:00 pm Introduction to Graphic

Design

Wednesday 8:00 am 12:00 pm Introduction to Adobe

Photoshop

Career Boosting Learning Academy

 Rowspan & Colspan
Assignment no 11

Career Boosting Learning Academy

 HTML (Hyper Text Markup Language)
Computer Primary Component
Assignment no 12
Order List

1. Input Device
a. Direct Input
i. Scanner
b. Indirect Input
i. Keyboard
ii. Mouse

2. Output Device
a. Monitor
i. CRT Monitor
ii. LCD Monitor
b. Speaker
3. Processing Devices
a. ALU
i. Athematic Unit
ii. Logic Unit
[Link]
4. Storage Device
a. Primary Storage
i. RAM
i. SRAM
ii. DRAM

Career Boosting Learning Academy

 HTML (Hyper Text Markup Language)
Learning Web Development
Assignment no 13

Unordered list
 Background skills
▪ Unix Commands
▪ Vim text Editor
● HTML
▪ Minimal Page
▪ Headings
▪ Tags
▪ Lists
o Unordered List
o Ordered List
o Definition
o Nested

▪ Links
o Absolute
o Relative
▪ Images
● Css
▪ Anatomy
▪ Basic Selectors

o Element
o Class
o ID
o Group
▪ The Dom
▪ Advanced Selector
▪ Box Model

Career Boosting Learning Academy

 HTML (Hyper Text Markup Language)
Description list

Assignment no 14
Browsers
Firefox:
Mozilla Firefox is a free open-source browser whose
development is
by the Mozilla Corporation.

Chrome:
Google Chrome is a web browser that's free to download
from the internet. Created by the company that created the
Google search engine, it's been designed to be both simple
to use and fast.
Internet Explore:
A web browser is a software program that gives you access
to the internet. It displays websites on your screen and
allows you to interact with them by entering texts and
clicking on links
Safari:
In the Safari app , you can browse the web, view websites,
preview website links, translate webpages, and add the
Safari app back to your Home Screen if it gets removed.
Opera:
Opera makes switching web browsers easy, on any
operating system for desktop or mobile. We help you import
the data you want from your old browser so you can
continue browsing the internet without missing a beat

Career Boosting Learning Academy

 HTML (Hyper Text Markup Language)
Assignment no 15

 About Blocks & Inline Element

 Give a small theory class on colors

Career Boosting Learning Academy

HTML (Hyper Text Markup Language)
Form
Assignment no 16

Career Boosting Learning Academy

HTML (Hyper Text Markup Language)
Assignment no 17

Career Boosting Learning Academy

HTML (Hyper Text Markup Language)
Form Using optgroup and data list

Assignment no 18

Career Boosting Learning Academy

HTML (Hyper Text Markup Language)
Assignment no 19

MAKE A FORM WITH USING ALL ATTRIBUTES AND

ELEMENT OF FORM
(Without using goolge)

Career Boosting Learning Academy

 HTML (Hyper Text Markup Language)

Tell About Video, Audio, Plug-ins, Youtube (IFRAME)

HTML (Hyper Text Markup Language)

LINK
Assignment no 20

Home Page
(6 headings with bold, italic, underline, superscript,
subscript tag+ Poem)
About Page
Images with using all attributes of marquee
Also using picture tag
Service Page
All list
Resource Page
Table using Rowspan & Colspan
Contact Page
Form using all attributes
Media Page
Insert an audio and video
iframe

Career Boosting Learning Academy