CREATED BY :-KAMLESH(14-CSE-
2211)
HTMLHTML

HTML-Hyper TexT Markup LanguageHTML-Hyper TexT Markup Language
Table of contents
➢Introduction of html
•How to web work?
•What is a web page?
•My first html page(simple code)
•Headings and paragraphs
•Basics tags
IntroductionIntroduction
➢HTML-Hyper Text Markup Language
➢HTML documents describe web pages
➢HTML tags are keywords surrounded by angle
brackets like <html>
➢HTML tags normally come in pairs like<b>and </b>
➢The first tag in a pair is the start tag (opening
tags),the second tag is the end tag(closing tag)
➢An HTML file must have an .htm or .html file
extension
➢HTML file can be created with text editors:
•Notepad,Notepad++,PSpad
How the web works?How the web works?
 WWW use classical client/server architecture
• HTTP is text-based request response protocol
What is a web page?What is a web page?
Web page are text files containing HTML
HTML-Hyper Markup Language
•A notation for describing
•Document structure(semantic markup)
•formatting(presentation markup)
•Looks(looked?)like:
•A microsoft word document
The markup tags provide information about the
page content structure
Simple codeSimple code
● <html>
● <head>O/P:
● <title>page</title>
● </head>
● <body><font color=pink>
● <h1><b>My first page</b></h1>
● <h6>My first page</h6>
● </font></body>
● </html>
O/P:
My First page
My First page
● <html>........</html> describes the web page
● <body>........</body> is the visible page content
HTML tagsHTML tags<HTML tags are made up of<HTML tags are made up of elementselements,which are described by attributes with,which are described by attributes with
variablevariable valuesvalues>>
Html

Html

  • 1.
  • 2.
    HTMLHTML  HTML-Hyper TexT MarkupLanguageHTML-Hyper TexT Markup Language Table of contents ➢Introduction of html •How to web work? •What is a web page? •My first html page(simple code) •Headings and paragraphs •Basics tags
  • 3.
    IntroductionIntroduction ➢HTML-Hyper Text MarkupLanguage ➢HTML documents describe web pages ➢HTML tags are keywords surrounded by angle brackets like <html> ➢HTML tags normally come in pairs like<b>and </b> ➢The first tag in a pair is the start tag (opening tags),the second tag is the end tag(closing tag) ➢An HTML file must have an .htm or .html file extension ➢HTML file can be created with text editors: •Notepad,Notepad++,PSpad
  • 4.
    How the webworks?How the web works?  WWW use classical client/server architecture • HTTP is text-based request response protocol
  • 5.
    What is aweb page?What is a web page? Web page are text files containing HTML HTML-Hyper Markup Language •A notation for describing •Document structure(semantic markup) •formatting(presentation markup) •Looks(looked?)like: •A microsoft word document The markup tags provide information about the page content structure
  • 6.
    Simple codeSimple code ●<html> ● <head>O/P: ● <title>page</title> ● </head> ● <body><font color=pink> ● <h1><b>My first page</b></h1> ● <h6>My first page</h6> ● </font></body> ● </html> O/P: My First page My First page ● <html>........</html> describes the web page ● <body>........</body> is the visible page content
  • 7.
    HTML tagsHTML tags<HTMLtags are made up of<HTML tags are made up of elementselements,which are described by attributes with,which are described by attributes with variablevariable valuesvalues>>