SlideShare a Scribd company logo
HTML Basic Tags
Prepared By: Aditya Roy
Anil Bhatt
Rajkiya Pratibha Vikas Vidyalaya Tyagraj Nagar Lodi road New Delhi:110003Rajkiya Pratibha Vikas Vidyalaya Tyagraj Nagar Lodi road New Delhi:110003
What you need for website
What the following term mean:
Web server: a system on the internet containg one or more web
site
Web site: a collection of one or more web pages
Web pages: single disk file with a single file name
Home pages: first page in website
Think about the followings before working your Web pages.
Think about the sort of information(content) you want to put on
the Web.
Set the goals for the Web site.
Organize your content into main topics.
Come up with a general structure for pages and topics.
What is HTML?
 HTML is a markup language for describing web documents (web pages).
 HTML stands for Hyper Text Markup Language
 A markup language is a set of markup tags
 HTML documents are described by HTML tags
 Each HTML tag describes different document content
HTML Documents
 All HTML documents must start with a type declaration: <!DOCTYPE html>.
 The HTML document itself begins with <html> and ends with </html>.
 The visible part of the HTML document is between <body> and </body>
HTML Editors
Write HTML Using Notepad or TextEdit
HTML can be edited by using professional HTML editors like:
Microsoft WebMatrix
Sublime Text
However, for learning HTML we recommend a text editor like Notepad (PC) or
TextEdit (Mac).
We believe using a simple text editor is a good way to learn HTML.
HTML DOCUMENT FORMAT
HTML Tags
HTML markup tags are usually called HTML tags
Tags are ;
surrounded with angle brackets like this
<B> or <I>.
Most tags come in pairs
exceptions: <P>, <br>, <li> tags …
The first tag turns the action on, and the second turns it off.
 NOTE:NOTE:Some browsers don't support the some tags and some attributes.Some browsers don't support the some tags and some attributes.
HTML Elements
 HTML Elements
 HTML elements are written with a start tag, with an end tag, with
the content in between:
 <tagname>content</tagname>
 The HTML element is everything from the start tag to the end tag:
 <p>My first HTML paragraph.</p>

Basic About HTML Tags
We will study all the header and body tags In other Slide, but for now let's see what is <!doctype…> tag.
The <!DOCTYPE> Declaration
 The <!DOCTYPE> declaration helps the browser to display a web page
correctly.
Heading Tags
 You can use different sizes for your headings. HTML also has six levels of
headings, which use the elements <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>
Paragraph Tag
 The HTML <p> element defines a paragraph.
 Example
<p>This is a paragraph</p>
<p>This is another paragraph</p>
 Don't Forget the End Tag
 Most browsers will display HTML correctly even if you forget the end tag
HTML Line Breaks
 The HTML <br> element defines a line break.
 Use <br> if you want a line break (a new line) without starting a new
paragraph
 Example
<p>This is<br>a para<br>graph with line breaks</p>
 The <br> element is an empty HTML element.
Empty HTML Elements:HTML elements with no content are called empty
elements.
<br> is an empty element without a closing tag (the <br> tag defines a line
break).
HTML Attributes
 Attributes provide additional information about HTML elements.
 HTML elements can have attributes
 Attributes are always specified in the start tag
FOR EXAMPLE:The lang Attribute
 The document language can be declared in the <html> tag.
 The language is declared in the lang attribute.
<html lang="en-US">
Web Browsers
The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them.
The browser does not display the HTML tags, but uses them to determine how to display the document:
End Of HTML Tour

More Related Content

PPTX
Introduction to basic HTML [Librarian edition]
PDF
Html grade 11
PPTX
Html (hyper text markup language)
PPT
Basics of Html
PPTX
Cse html ppt
PPT
Html for beginners part I
PDF
Html - Tutorial
Introduction to basic HTML [Librarian edition]
Html grade 11
Html (hyper text markup language)
Basics of Html
Cse html ppt
Html for beginners part I
Html - Tutorial

What's hot (14)

PDF
PPT
HTML Introduction
PPTX
Lecture 2 introduction to html basics
PPT
PPTX
Computer fundamentals-internet p2
PPTX
Basic knowledge on html and dhtml
PPTX
basic introduction of html tags
DOCX
INTRODUCTION TO HTML
PPTX
HTML and DHTML
PPTX
HTML5 Topic 1
PPTX
HTML- Hyper Text Markup Language
PDF
Html basics
PDF
Html basics
HTML Introduction
Lecture 2 introduction to html basics
Computer fundamentals-internet p2
Basic knowledge on html and dhtml
basic introduction of html tags
INTRODUCTION TO HTML
HTML and DHTML
HTML5 Topic 1
HTML- Hyper Text Markup Language
Html basics
Html basics
Ad

Similar to Html presantation (20)

PPTX
Introduction to HTML.pptx
PPT
Html presentation
PDF
Html tutorial
PDF
Html tutorial
DOC
Learn html from www
PPTX
Html_Day_One (W3Schools)
DOCX
Htmlnotes 150323102005-conversion-gate01
PDF
Tm 1st quarter - 1st meeting
DOCX
Html example
PPTX
Web Application Programming with HTML 5 part 1
PDF
Html basics
PDF
Html basics
PDF
PDF
Html basics 1
PDF
Html basics
PDF
Html basics
PDF
Html basic file
PDF
HTML_Basics.pdf
Introduction to HTML.pptx
Html presentation
Html tutorial
Html tutorial
Learn html from www
Html_Day_One (W3Schools)
Htmlnotes 150323102005-conversion-gate01
Tm 1st quarter - 1st meeting
Html example
Web Application Programming with HTML 5 part 1
Html basics
Html basics
Html basics 1
Html basics
Html basics
Html basic file
HTML_Basics.pdf
Ad

More from Adityaroy110 (18)

PDF
Web Application Class XI (BOOK 1)
PDF
I.T Tool Class XI (Book-2)
PDF
I.T Class XI Syllabus
PDF
Human eye
PDF
Maths 2016 paper with solution
PPTX
पद परिचय
PPTX
पद परिचय
PDF
Colours of some common salts compounds
PDF
Command line
PDF
C language in hindi
PDF
2013 class 10 paper(first term)
PDF
Information Technology (IX CLASS FIRST TERM)
PDF
Evolution of computer_networks
PDF
Ulike science SAMPLE PAPER (BIOLOGY)LIFE PROCESS
DOCX
Resistance 2
PPTX
Math MCQ FOR CLASS 9
PPTX
Math mcq
PPTX
Math mcq
Web Application Class XI (BOOK 1)
I.T Tool Class XI (Book-2)
I.T Class XI Syllabus
Human eye
Maths 2016 paper with solution
पद परिचय
पद परिचय
Colours of some common salts compounds
Command line
C language in hindi
2013 class 10 paper(first term)
Information Technology (IX CLASS FIRST TERM)
Evolution of computer_networks
Ulike science SAMPLE PAPER (BIOLOGY)LIFE PROCESS
Resistance 2
Math MCQ FOR CLASS 9
Math mcq
Math mcq

Recently uploaded (20)

PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
Microbial disease of the cardiovascular and lymphatic systems
PPTX
Institutional Correction lecture only . . .
PPTX
Cell Types and Its function , kingdom of life
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PDF
VCE English Exam - Section C Student Revision Booklet
PPTX
Cell Structure & Organelles in detailed.
PDF
Pre independence Education in Inndia.pdf
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
Basic Mud Logging Guide for educational purpose
PPTX
master seminar digital applications in india
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
TR - Agricultural Crops Production NC III.pdf
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
Complications of Minimal Access Surgery at WLH
PPH.pptx obstetrics and gynecology in nursing
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
102 student loan defaulters named and shamed – Is someone you know on the list?
Microbial disease of the cardiovascular and lymphatic systems
Institutional Correction lecture only . . .
Cell Types and Its function , kingdom of life
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
VCE English Exam - Section C Student Revision Booklet
Cell Structure & Organelles in detailed.
Pre independence Education in Inndia.pdf
STATICS OF THE RIGID BODIES Hibbelers.pdf
Basic Mud Logging Guide for educational purpose
master seminar digital applications in india
Final Presentation General Medicine 03-08-2024.pptx
2.FourierTransform-ShortQuestionswithAnswers.pdf
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
TR - Agricultural Crops Production NC III.pdf
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Microbial diseases, their pathogenesis and prophylaxis
Complications of Minimal Access Surgery at WLH

Html presantation

  • 1. HTML Basic Tags Prepared By: Aditya Roy Anil Bhatt Rajkiya Pratibha Vikas Vidyalaya Tyagraj Nagar Lodi road New Delhi:110003Rajkiya Pratibha Vikas Vidyalaya Tyagraj Nagar Lodi road New Delhi:110003
  • 2. What you need for website What the following term mean: Web server: a system on the internet containg one or more web site Web site: a collection of one or more web pages Web pages: single disk file with a single file name Home pages: first page in website Think about the followings before working your Web pages. Think about the sort of information(content) you want to put on the Web. Set the goals for the Web site. Organize your content into main topics. Come up with a general structure for pages and topics.
  • 3. What is HTML?  HTML is a markup language for describing web documents (web pages).  HTML stands for Hyper Text Markup Language  A markup language is a set of markup tags  HTML documents are described by HTML tags  Each HTML tag describes different document content
  • 4. HTML Documents  All HTML documents must start with a type declaration: <!DOCTYPE html>.  The HTML document itself begins with <html> and ends with </html>.  The visible part of the HTML document is between <body> and </body>
  • 5. HTML Editors Write HTML Using Notepad or TextEdit HTML can be edited by using professional HTML editors like: Microsoft WebMatrix Sublime Text However, for learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac). We believe using a simple text editor is a good way to learn HTML.
  • 7. HTML Tags HTML markup tags are usually called HTML tags Tags are ; surrounded with angle brackets like this <B> or <I>. Most tags come in pairs exceptions: <P>, <br>, <li> tags … The first tag turns the action on, and the second turns it off.  NOTE:NOTE:Some browsers don't support the some tags and some attributes.Some browsers don't support the some tags and some attributes.
  • 8. HTML Elements  HTML Elements  HTML elements are written with a start tag, with an end tag, with the content in between:  <tagname>content</tagname>  The HTML element is everything from the start tag to the end tag:  <p>My first HTML paragraph.</p> 
  • 9. Basic About HTML Tags We will study all the header and body tags In other Slide, but for now let's see what is <!doctype…> tag.
  • 10. The <!DOCTYPE> Declaration  The <!DOCTYPE> declaration helps the browser to display a web page correctly.
  • 11. Heading Tags  You can use different sizes for your headings. HTML also has six levels of headings, which use the elements <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>
  • 12. Paragraph Tag  The HTML <p> element defines a paragraph.  Example <p>This is a paragraph</p> <p>This is another paragraph</p>  Don't Forget the End Tag  Most browsers will display HTML correctly even if you forget the end tag
  • 13. HTML Line Breaks  The HTML <br> element defines a line break.  Use <br> if you want a line break (a new line) without starting a new paragraph  Example <p>This is<br>a para<br>graph with line breaks</p>  The <br> element is an empty HTML element. Empty HTML Elements:HTML elements with no content are called empty elements. <br> is an empty element without a closing tag (the <br> tag defines a line break).
  • 14. HTML Attributes  Attributes provide additional information about HTML elements.  HTML elements can have attributes  Attributes are always specified in the start tag FOR EXAMPLE:The lang Attribute  The document language can be declared in the <html> tag.  The language is declared in the lang attribute. <html lang="en-US">
  • 15. Web Browsers The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them. The browser does not display the HTML tags, but uses them to determine how to display the document:
  • 16. End Of HTML Tour