Scribd
Upload
5 views14 pages

HTML Introduction

Uploaded by

dwrtnh
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
5 views14 pages

HTML Introduction

Uploaded by

dwrtnh
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

Web Engineering 1

Lecture 2– HTML Introduction

Kandahar University – Faizullah Hamdard


2023/5/8
CONTENTS
▪ HTML Introduction.
▪ Tags
▪ Kinds of Tags
▪ Elements.
▪ Nested Element.
▪ Html Tips.

Faizullah Hamdard
Musa Hodman 2
HTML (HYPERTEXT MARKUP LANGUAGE)
▪ The most basic building block of the Web.
▪ Defines the meaning and structure of web content.

▪ Hypertext!
• The links that connect web pages to one another.

Faizullah Hamdard
Musa Hodman 3
WHAT IS MARKUP LANGUAGE?
▪ The language which marks up the places in web pages.
• XML
• XHTML
• SGML
• KML

Faizullah Hamdard
Musa Hodman 4
A SIMPLE HTML DOCUMENT

Faizullah Hamdard
Musa Hodman 5
A SIMPLE HTML DOCUMENT EXPLANATION

▪ The <!DOCTYPE html> declaration defines this document to be


HTML5.
▪ The <html> element is the root element of an HTML page.
▪ The <head> element contains meta information about the
document.
▪ The <title> element specifies a title for the document.
▪ The <body> element contains the visible page content.
▪ The <img> element defines an image.

Musa Hodman
Faizullah Hamdard 6
HTML TAGS

▪ HTML tags are simple instructions that tell a web browser how to format
webpage.
▪ The HTML tag is just an opening or closing entity.
▪ The first tag in a pair is the start tag, the second tag is the end tag.
Like: <p></p>, <svg>, <embed>

Musa Hodman
Faizullah Hamdard 7
KINDS OF TAGS:
1: Container tags:
Container tags contain content.
Like: <p>Hamdard</p>.

2: Empty tags:
The tags that do not contain any closing tags.
Like: <br>,<hr>.

Musa Hodman
Faizullah Hamdard 8
HTML ELEMENTS:
▪ An HTML element is defined by a start tag, some content, and an end tag.
▪ <tagname> Write your content here </tagname>.
Like: <h1> My First Heading </h1>.

Musa Hodman
Faizullah Hamdard 9
NESTED HTML ELEMENTS
▪ The elements can contain other elements.
▪ All HTML documents consist of nested HTML elements.

Musa Hodman
Faizullah Hamdard 10
HTML PAGE STRUCTURE

Musa Hodman
Faizullah Hamdard 11
HTML VERSIONS

Musa Hodman
Faizullah Hamdard 12
HTML TIPS:
▪ Use Lowercase Tags.
▪ HTML tags are not case sensitive: <P> means the same as <p>.
▪ The HTML5 standard does not require lowercase tags, but
recommends lowercase in HTML4, and demands lowercase for
stricter document types like XHTML.

Musa Hodman
Faizullah Hamdard 13
THANK YOU
[email protected]

You might also like