Download as pptx, pdf, or txt
Download as pptx, pdf, or txt
You are on page 1of 70

HTML

By Saqlain Koser Ansari


HTML is used to make websites.
What is HTML?
HTML (Hypertext Markup Language) is the only markup language for
creating web pages. It provides some titles, headings, paragraphs, lists,
tables, embedded images, etc., to describe the structure of text-based
and multimedia information In HTML documents.
Here is some key information to easily describe HTML:

• HTML (Hypertext Markup Language) is a language


for publishing text-based and multimedia information on the
World Wide Web.
• HTML is a straightforward Computer Coding Language. It
was developed in the 90s. HTML is the basis of a web page,
and the web page is the basis of a website. HTML uses 'tags'
to create web documents.
• HTML is a hypertext markup language, a predetermined set
of markup tags used to design web pages.
HERE IS SOME KEY INFORMATION TO EASILY DESCRIBE HTML:

• HTML is the first language of web designing. CSS is also


used along with HTML to improve web page design further.
JavaScript is used with HTML to make web pages dynamic.
• HTML is relatively easy to learn because every tag is
predefined, so only we need to know the work of tags and
their attributes.
• Web browsers (Chrome, Internet Explorer, Firefox, Safari,
and other web browsers) are software' to read HTML and
display web page design as output.
HERE IS SOME KEY INFORMATION TO EASILY DESCRIBE HTML:

• You can write HTML in any simple editor, such


as Notepad. And other software, such as Adobe
Dreamweaver, Sublime, NetBeans, Notepad ++, etc., are
mainly used for writing and editing HTML.

• ".html" or ".htm" are the two extensions used to write and


save HTML files; we can write HTML code in any text
editor and save it as "filename.html" or "filename.htm".
The use of headings and
subheadings in any
document often reflects a
hierarchy of information.
For example, a document
might start with a large
heading, followed by an
introduction or the most
important information.
C:\Users\saqla\OneDrive\Desktop\text_file.docx
This might be expanded
upon under subheadings
lower down on the page.
When using a word
processor to create a
document, we separate out
the text to give it structure.
Each topic might have a
new paragraph, and each
section can have a heading
to describe what it covers.
On previous page
The HTML code (in blue) is made up of characters that live inside
angled brackets — these are called HTML elements. Elements are
usually made up of two tags: an opening tag and a closing tag. (The
closing tag has an extra forward slash in it.) Each HTML element
tells the browser something about the information that sits between
its opening and closing tags
<title> tags

<body> tags
Practice code
• <!DOCTYPE html>
• <html>

<head>

<title>THIS IS MY WEBSITE</title>
•     <li> This is my unodered list point number 5</li>
</head> </ul>

• <ol>
<body>     <li>This is my odered list point number 1</li>
• <h1>Hello world this is my first website  </h1>     <li>This is my odered list point number 2</li>
    <li>This is my odered list point number 3</li>
• <hr />     <li>This is my odered list point number 4</li>
    <li>This is my odered list point number 5</li>
• <p>this is my <b><br>first paragraph</b> under heading one</p> </ol>
• <dl>
<h2>Hello this is my heading level<sub>2</sub></h2>     <dt>my definition</dt>
    <dd>this my full meaning of definition</dd>
• </dl>
<p>this is my <i>secong paragraph </i> under heading two</p>

<h3>Hello this is my heading level<sup>3</sup></h3> </body>

• </html>
<p>this is my third paragraph under heading 3</p>
• <ul>
•     <li> This is my unodered list point number 1</li>
•     <li> This is my unodered list point number 2</li>
•     <li> This is my unodered list point number 3</li>
•     <li> This is my unodered list point number 4</li>
Block level elements vs Inline level
elements

You might also like