Scribd
Upload
9 views21 pages

HTML Part2

HTML is a markup language used to create web pages. HTML documents contain elements like headings, paragraphs, and images defined by tags. HTML files are saved with an .html extension. Common HTML tags include <b> for bold text and <p> for paragraphs.

Uploaded by

Garedew Balgo
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
9 views21 pages

HTML Part2

HTML is a markup language used to create web pages. HTML documents contain elements like headings, paragraphs, and images defined by tags. HTML files are saved with an .html extension. Common HTML tags include <b> for bold text and <p> for paragraphs.

Uploaded by

Garedew Balgo
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 21

4.3.

HTML Basics
HTML is a markup language that is used to
create webpages.
The current version of HTML is HTML5.
CONT…
•The elements of a webpage such as
headings, tables, paragraphs, images,
and others are defined using the
predefined set of markup tags of HTML.
Cont…
HTML documents can be prepared using
simple text editor software such as Notepad.
There Is also other text editor software such
as Notepad++, Sublime Text, Visual Studio
are known.
Cont…
The documents are saved with a “.html”
extension.
E.g. home.html is a valid file name for
an HTML document or a webpage.
4.3.1 HTML Tags and Elements
HTML tags are a set of predefined names
enclosed in angle brackets.
web browsers are designed to interpret or
render HTML tags.
HTML supports six levels of headings.
HTML tag
• <b> -------------Bold
• <p>--------------Paragraph
• <i>---------------Italic
• <h1-h6>--------------Heading
• <ol>-------------Ordered list
• <ul>-------------unordered list
• <body>---------Body
HTML elements
•HTML elements are components of
an HTML document and normally
have a <start tag> followed by
content and an </end tag> .
•HTML elements are the building
blocks of a webpage.
Cont…
•HTML element is a collection
of start and end tags with the
content inserted in between
them.
Cont…
•Some HTML elements do not have a
closing tag;
•The HTML elements that have no
closing tag is void elements/empty
elements/singleton elements.
Example of void elements

•<br>-----------------------Inserts a new line


•<img>---------------------Inserts an image
•<hr>-----------------------Inserts a horizontal line
4.3.2 Structure of HTML
Documents
What is HTML?
HTML stands for hypertext markup language.
A markup language is a set of markup tags.
•The tags describe HTML document content.
•HTML documents contain HTML tags and text.
•HTML documents are also called web pages.
Cont…
HTML Tags
• HTML markup tags are usually called HTML tags.
• HTML tags are keywords (tag names) surrounded
by angle brackets like <html>
• HTML tags normally come in pairs like <p> and </p>
• The first tag in a pair is the start tag, the second tag is
the end tag
• The end tag is written like the start tag, with a slash
before the tag name
• Start and end tags are also called opening tags and
closing tags
<tag name>content</tag name>
HTML Elements
•In HTML, most elements are written with
a start tag (e.g. <p>) and an end tag (e.g.
</p>), with the content in between:
•<p>This is a paragraph.</p>
Web Browsers
• The purpose of a web browser (such as Google
Chrome, Internet Explorer, Firefox, Safari) is to
read HTML documents and display them as web
pages.
• The browser does not display the HTML tags,
but uses the tags to determine how the content of
the HTML page is to be presented/displayed to the
user:
The <!DOCTYPE> Declaration
• The <!DOCTYPE> declaration helps the browser
to display a web page correctly.
Common Declarations
HTML5
• <!DOCTYPE html>
HTML
<html>
Starting Your Web Page
HTML Code
<h1> This is heading </h1>
<h2> This is heading </h2>
<h3> This is heading </h3>
<h4> This is heading </h4>
<h5> This is heading </h5>
<h6> This is heading </h6>

You might also like