Scribd
Upload
23 views14 pages

Introduction To HTML

if you wanna start web development first you learn HTML so download this html to learn Introduction of HTML.

Uploaded by

sudaisjarar
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
23 views14 pages

Introduction To HTML

if you wanna start web development first you learn HTML so download this html to learn Introduction of HTML.

Uploaded by

sudaisjarar
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/ 14

INTRODUCTION TO HTML

By Zeeshan Hussain (Software Engineer)

zeeshan hussain (software engineer)


INTRODUCTION TO HTML
• HTML stand for Hyper Text Markup Language.
• It was Developed in early 1990s.
• It is a formatting language used to developed web pages.
• It is not a programing language, it is used to define graphic, text,
audio and video in web page.

zeeshan hussain (software engineer)


CREATE AN ENVIRONMENT FOR
DEVELOPMENT
• To create an environment we need a few programs or tools like web
browser, text editor etc.
• In this course we will use VS-Code text editor, but you can try any
other editor like Atom, Bracket, sublime and many more.
• Lets download and install these programs.

zeeshan hussain (software engineer)


CREATE HTML FIRST DOCUMENT
• Step 1: Open Notepad or Any other text editor.

• Step 2: Write HTML in text editor.

zeeshan hussain (software engineer)


• Step 3: Save the HTML file with .html extension i.e ”index.html”.

• Step 4: Open HTML file with Browser (Chrome/Firefox).

zeeshan hussain (software engineer)


TAG AND ATTRIBUTES
• Html commands are known as tags/element.
• The HTML tags are surrounded by the two characters < > called angle
brackets.
• HTML tags are normally come in pairs like <head> and </head>, first
tag called start tag and second tag is called the end tag.
• The text between start and end tags is called element content.
• HTML tags are not case sensitive.
• Some elements may also include some attributes.

zeeshan hussain (software engineer)


• An attribute is the additional information about the element that is
Include inside the start tag. Some attribute are compulsory and some
are optional.
STRUCTURE OF HTML
• The basic structure of an HTML document is as follows:
<HTML>
<HEAD>
Head section
</HEAD>
<BODY>
body section
<BODY>
</HTML>

zeeshan hussain (software engineer)


• In every HTML document, <HTML> and </HTML> tags indicate the
beginning and end of the document.
• These tags inform the browser that the document is an HTML file.
The HTML document can be divided into two sections:
1. Head section
2. Body section

HEAD SECTION
• <HEAD> and </HEAD> tags identify the heading or title of document.
• The text between the title tags appears as title in the browser’s
window
• Its length should not be more than 60 characters.

zeeshan hussain (software engineer)


BODY SECTION
• The body of an HTML document contains the text that displayed on
the web page.
• The body section is enclosed within <BODY> and </BODY> tags.
• It gives a description of the document layout and structure.

<BODY>
#body of HTML
<BODY>

zeeshan hussain (software engineer)


HTML ELEMENTS
• An HTML file is made of elements.
• These elements are responsible for creating web pages and define
content in that webpage.
• An element in HTML usually consist of a start tag <tag name>, close
tag </tag name> and content inserted between them.
• HTML elements look likes <p> </p>, <h1> </h1> etc.

zeeshan hussain (software engineer)


PRACTICE 1.0
• Write HTML code that displays a simple message on the web page.
1. Create folder
2. Create new file with .html extension e.g. index.html.
3. Open folder or index.html file with text editor.
4. Open index.html file with your favorite browser like chrome, Firefox
etc.

zeeshan hussain (software engineer)


ATTRIBUTES
• Some important attributes of <body> tags are follows:
ATTRIBUTES DESCRIPTION
BGCOLOR It specifies the background color of the web page.
BACKGROUND It specifies the background picture of the web page.
TEXT It specifies the color of the text displayed on the web page.

Example:
<body BGCOLOR=“green” TEXT=“blue”>
<body BACKGROUND=“picture.jpg”>

zeeshan hussain (software engineer)


IF ANY QUESTION, YOU CAN
ASK!

zeeshan hussain (software engineer)


THANK YOU!

zeeshan hussain (software engineer)

You might also like