SlideShare a Scribd company logo
SHRI GURU NANAK
H/S PUBLIC SCHOOL
REPORT FILE ON
COMPUTER
SUBMITTED TO SUBMITTED BY
XYZ ABC
CONTENTS
<HEAD> Tag
<TITLE> Tag
<BODY> Tag
<CENTER> Tag
<P> Tag
Bold <B> Tag
Italic <I> Tag
Underline <U> Tag
Unordered List <UL>
Ordered List <OL>
<HEAD> Tag
This element is a container for all the header elements. The <HEAD> must
include a title for the document that can include scripts, styles, meta
information and many more. The second line of your HTML document should
be <HEAD>.
The content contained in the head section of your document provides
information to the browsers and search engines but, it is not displayed
directly on the web page. The end of the head tag is indicated by </HEAD>.
e.g.
<HTML>
<HEAD>
Header information comes here
</HEAD>
</HTML>
<TITLE> Tag
This tag defines the title of the document. Title must be a simple text and
should not be same as the file name. It is placed between <HEAD> and
</HEAD> tag.
e.g.
<HTML>
<HEAD>
<TITLE>
This is the title of my page.
</TITLE>
</HEAD>
</HTML>
Output
<BODY> Tag
This tag defines the document’s body. It is used to set the basic page
characteristics. It contains all the necessary contents of a HTML document,
such as text, hyperlinks, images, tables, lists etc. The document of your Web
page is placed in between the opening <BODY> and closing </BODY> tag.
The <BODY> tag is opened just after the head section is closed. It is closed
just before closing the <HTML> tag.
e.g.
<HTML>
<HEAD>
<TITLE>
My First Web Page
</TITLE>
</HEAD>
<BODY>
Hello world. This is my first web page.
</BODY>
</HTML>
Output
<CENTER> Tag
This tag is used to centralize a segment of the text to be displayed on
browser’s window. With the <CENTER> tag, closing tag </CENTER> is always
used. Anything between these two tags will be centered including text,
images or tables.
Syntex
<CENTER> … </CENTER>
e.g.
<HTML>
<HEAD>
<TITLE>
Center
</TITLE>
</HEAD>
<BODY>
<CENTER>
This text will be center-aligned.
</CENTER>
</BODY>
</HTML>
Output
Paragraph <P> Tag
This tag is used to mark the block of text as a paragraph. It is used to insert a
line break with extra space in the beginning. This is a container tag.
Syntax
<P> …… </P>
e.g.
<HTML>
<HEAD>
<TITLE>
Paragraph
</TITLE>
</HEAD>
<BODY>
<P> This is some text in a paragraph.</P>
</BODY>
</HTML>
Output
Bold <B> Tag
This tag specifies the text into bold text. It is a container element.
Syntax
<B> ……. </B>
e.g.
<HTML>
<HEAD>
<TITLE> Bold </TITLE>
</HEAD>
<BODY>
<P>
This is normal text and <B> this is bold text.
</B>
</P>
</BODY>
</HTML>
Output
Italic <I> Tag
This tag is used to make the text in italic form. It is also a container element.
Syntax
<I> ….. </I>
e.g.
<HTML>
<HEAD>
<TITLE> Italic </TITLE>
</HEAD>
<BODY>
<I> Hello </I>
</BODY>
</HTML>
Output
Underline <U> Tag
This tag is used to underline the text. It is also container element.
Syntax
<U> ……. </U>
e.g.
<HTML>
<HEAD>
<TITLE> Underline </TITLE>
</HEAD>
<BODY>
<P> This is a <U> text </U></P>
</BODY>
</HTML>
Output
UnorderedList <UL>
This list (also known as unnumberedlist) is an indented list with a bullet symbolin front
of each list item.
An unordered list starts with the <UL> tag. Each list item starts with the <LI>tag. The list
names are marked with bullets (typically small black circle).
The unordered list tag is a container tag. The default type for mostWeb browsers is a
full disc (black circle), but this can be adjusted using an HTML attribute called type.
Syntax
<UL> ……. </UL>
e.g.
<HTML>
<HEAD>
<TITLE>
Unordered List
</TITLE>
</HEAD>
<BODY>
<UL>
<LI>My firstitem on the list.</LI>
<LI>My second item on the list.</LI>
<LI>My third item on the list.</LI>
<LI>My fourth item on the list.</LI>
</UL>
</BODY>
</HTML>
Output
Ordered List <OL>
This list starts with the <OL> tag. Each list item starts with the <LI> tag. The
list items are marked with numbers. The ordered list tag is a container tag
which is used for numbered lists. By default, the numbering will be 1, 2, 3 ….
You can also adjust numbering type attribute.
Syntax
<OL> …… </OL>
e.g.
<HTML>
<HEAD>
<TITLE> Ordered List </TITLE>
</HEAD>
<BODY>
<OL>
<LI> Rose </LI>
<LI> Lotus </LI>
<LI> Lily </LI>
</OL>
</BODY>
</HTML>
Output

More Related Content

What's hot

What's hot (20)

Html project
Html projectHtml project
Html project
 
Html ppt
Html pptHtml ppt
Html ppt
 
CSS Basics
CSS BasicsCSS Basics
CSS Basics
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
HTML Block and Inline Elements
HTML Block and Inline ElementsHTML Block and Inline Elements
HTML Block and Inline Elements
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
Html
HtmlHtml
Html
 
Html Slide Part-1
Html Slide Part-1Html Slide Part-1
Html Slide Part-1
 
HTML5: features with examples
HTML5: features with examplesHTML5: features with examples
HTML5: features with examples
 
An Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java ScriptAn Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java Script
 
Introduction to XHTML
Introduction to XHTMLIntroduction to XHTML
Introduction to XHTML
 
Html tags
Html tagsHtml tags
Html tags
 
HTML Tags
HTML TagsHTML Tags
HTML Tags
 
Presentation on HTML
Presentation on HTMLPresentation on HTML
Presentation on HTML
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
HTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts BasicsHTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts Basics
 
How to learn HTML in 10 Days
How to learn HTML in 10 DaysHow to learn HTML in 10 Days
How to learn HTML in 10 Days
 
What is CSS?
What is CSS?What is CSS?
What is CSS?
 
Html / CSS Presentation
Html / CSS PresentationHtml / CSS Presentation
Html / CSS Presentation
 
Images and Tables in HTML
Images and Tables in HTMLImages and Tables in HTML
Images and Tables in HTML
 

Similar to Project Report on HTML

Similar to Project Report on HTML (20)

web technology
web technologyweb technology
web technology
 
Html introduction
Html introductionHtml introduction
Html introduction
 
Title, heading and paragraph tags
Title, heading and paragraph tagsTitle, heading and paragraph tags
Title, heading and paragraph tags
 
static dynamic html tags
 static dynamic html tags static dynamic html tags
static dynamic html tags
 
TagsL1.pptx
TagsL1.pptxTagsL1.pptx
TagsL1.pptx
 
basic-tags.PPT
basic-tags.PPTbasic-tags.PPT
basic-tags.PPT
 
Web designing
Web designingWeb designing
Web designing
 
WEB DESIGNING.pdf
WEB DESIGNING.pdfWEB DESIGNING.pdf
WEB DESIGNING.pdf
 
Html for beginners part I
Html for beginners part IHtml for beginners part I
Html for beginners part I
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Htmlppt 100604051515-phpapp01
Htmlppt 100604051515-phpapp01Htmlppt 100604051515-phpapp01
Htmlppt 100604051515-phpapp01
 
static dynamic html tags
static dynamic html tagsstatic dynamic html tags
static dynamic html tags
 
HTML/HTML5
HTML/HTML5HTML/HTML5
HTML/HTML5
 
Learn HTML Easier
Learn HTML EasierLearn HTML Easier
Learn HTML Easier
 
Html update1(30 8-2009)
Html update1(30 8-2009)Html update1(30 8-2009)
Html update1(30 8-2009)
 
HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)HTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language)
 
html.pdf
html.pdfhtml.pdf
html.pdf
 
html tutorial
html tutorialhtml tutorial
html tutorial
 

Recently uploaded

Pvtaan Social media marketing proposal.pdf
Pvtaan Social media marketing proposal.pdfPvtaan Social media marketing proposal.pdf
Pvtaan Social media marketing proposal.pdfPvtaan
 
The Use of AI in Indonesia Election 2024: A Case Study
The Use of AI in Indonesia Election 2024: A Case StudyThe Use of AI in Indonesia Election 2024: A Case Study
The Use of AI in Indonesia Election 2024: A Case StudyDamar Juniarto
 
Multi-cluster Kubernetes Networking- Patterns, Projects and Guidelines
Multi-cluster Kubernetes Networking- Patterns, Projects and GuidelinesMulti-cluster Kubernetes Networking- Patterns, Projects and Guidelines
Multi-cluster Kubernetes Networking- Patterns, Projects and GuidelinesSanjeev Rampal
 
How to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptxHow to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptxGal Baras
 
Article writing on excessive use of internet.pptx
Article writing on excessive use of internet.pptxArticle writing on excessive use of internet.pptx
Article writing on excessive use of internet.pptxabhinandnam9997
 
ER(Entity Relationship) Diagram for online shopping - TAE
ER(Entity Relationship) Diagram for online shopping - TAEER(Entity Relationship) Diagram for online shopping - TAE
ER(Entity Relationship) Diagram for online shopping - TAEHimani415946
 
The+Prospects+of+E-Commerce+in+China.pptx
The+Prospects+of+E-Commerce+in+China.pptxThe+Prospects+of+E-Commerce+in+China.pptx
The+Prospects+of+E-Commerce+in+China.pptxlaozhuseo02
 
How Do I Begin the Linksys Velop Setup Process?
How Do I Begin the Linksys Velop Setup Process?How Do I Begin the Linksys Velop Setup Process?
How Do I Begin the Linksys Velop Setup Process?Linksys Velop Login
 
The AI Powered Organization-Intro to AI-LAN.pdf
The AI Powered Organization-Intro to AI-LAN.pdfThe AI Powered Organization-Intro to AI-LAN.pdf
The AI Powered Organization-Intro to AI-LAN.pdfSiskaFitrianingrum
 
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理aagad
 
History+of+E-commerce+Development+in+China-www.cfye-commerce.shop
History+of+E-commerce+Development+in+China-www.cfye-commerce.shopHistory+of+E-commerce+Development+in+China-www.cfye-commerce.shop
History+of+E-commerce+Development+in+China-www.cfye-commerce.shoplaozhuseo02
 

Recently uploaded (12)

Pvtaan Social media marketing proposal.pdf
Pvtaan Social media marketing proposal.pdfPvtaan Social media marketing proposal.pdf
Pvtaan Social media marketing proposal.pdf
 
The Use of AI in Indonesia Election 2024: A Case Study
The Use of AI in Indonesia Election 2024: A Case StudyThe Use of AI in Indonesia Election 2024: A Case Study
The Use of AI in Indonesia Election 2024: A Case Study
 
The Best AI Powered Software - Intellivid AI Studio
The Best AI Powered Software - Intellivid AI StudioThe Best AI Powered Software - Intellivid AI Studio
The Best AI Powered Software - Intellivid AI Studio
 
Multi-cluster Kubernetes Networking- Patterns, Projects and Guidelines
Multi-cluster Kubernetes Networking- Patterns, Projects and GuidelinesMulti-cluster Kubernetes Networking- Patterns, Projects and Guidelines
Multi-cluster Kubernetes Networking- Patterns, Projects and Guidelines
 
How to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptxHow to Use Contact Form 7 Like a Pro.pptx
How to Use Contact Form 7 Like a Pro.pptx
 
Article writing on excessive use of internet.pptx
Article writing on excessive use of internet.pptxArticle writing on excessive use of internet.pptx
Article writing on excessive use of internet.pptx
 
ER(Entity Relationship) Diagram for online shopping - TAE
ER(Entity Relationship) Diagram for online shopping - TAEER(Entity Relationship) Diagram for online shopping - TAE
ER(Entity Relationship) Diagram for online shopping - TAE
 
The+Prospects+of+E-Commerce+in+China.pptx
The+Prospects+of+E-Commerce+in+China.pptxThe+Prospects+of+E-Commerce+in+China.pptx
The+Prospects+of+E-Commerce+in+China.pptx
 
How Do I Begin the Linksys Velop Setup Process?
How Do I Begin the Linksys Velop Setup Process?How Do I Begin the Linksys Velop Setup Process?
How Do I Begin the Linksys Velop Setup Process?
 
The AI Powered Organization-Intro to AI-LAN.pdf
The AI Powered Organization-Intro to AI-LAN.pdfThe AI Powered Organization-Intro to AI-LAN.pdf
The AI Powered Organization-Intro to AI-LAN.pdf
 
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
一比一原版UTS毕业证悉尼科技大学毕业证成绩单如何办理
 
History+of+E-commerce+Development+in+China-www.cfye-commerce.shop
History+of+E-commerce+Development+in+China-www.cfye-commerce.shopHistory+of+E-commerce+Development+in+China-www.cfye-commerce.shop
History+of+E-commerce+Development+in+China-www.cfye-commerce.shop
 

Project Report on HTML

  • 1. SHRI GURU NANAK H/S PUBLIC SCHOOL REPORT FILE ON COMPUTER SUBMITTED TO SUBMITTED BY XYZ ABC
  • 2. CONTENTS <HEAD> Tag <TITLE> Tag <BODY> Tag <CENTER> Tag <P> Tag Bold <B> Tag Italic <I> Tag Underline <U> Tag Unordered List <UL> Ordered List <OL>
  • 3. <HEAD> Tag This element is a container for all the header elements. The <HEAD> must include a title for the document that can include scripts, styles, meta information and many more. The second line of your HTML document should be <HEAD>. The content contained in the head section of your document provides information to the browsers and search engines but, it is not displayed directly on the web page. The end of the head tag is indicated by </HEAD>. e.g. <HTML> <HEAD> Header information comes here </HEAD> </HTML>
  • 4. <TITLE> Tag This tag defines the title of the document. Title must be a simple text and should not be same as the file name. It is placed between <HEAD> and </HEAD> tag. e.g. <HTML> <HEAD> <TITLE> This is the title of my page. </TITLE> </HEAD> </HTML> Output
  • 5. <BODY> Tag This tag defines the document’s body. It is used to set the basic page characteristics. It contains all the necessary contents of a HTML document, such as text, hyperlinks, images, tables, lists etc. The document of your Web page is placed in between the opening <BODY> and closing </BODY> tag. The <BODY> tag is opened just after the head section is closed. It is closed just before closing the <HTML> tag. e.g. <HTML> <HEAD> <TITLE> My First Web Page </TITLE> </HEAD> <BODY> Hello world. This is my first web page. </BODY> </HTML> Output
  • 6. <CENTER> Tag This tag is used to centralize a segment of the text to be displayed on browser’s window. With the <CENTER> tag, closing tag </CENTER> is always used. Anything between these two tags will be centered including text, images or tables. Syntex <CENTER> … </CENTER> e.g. <HTML> <HEAD> <TITLE> Center </TITLE> </HEAD> <BODY> <CENTER> This text will be center-aligned. </CENTER> </BODY> </HTML> Output
  • 7. Paragraph <P> Tag This tag is used to mark the block of text as a paragraph. It is used to insert a line break with extra space in the beginning. This is a container tag. Syntax <P> …… </P> e.g. <HTML> <HEAD> <TITLE> Paragraph </TITLE> </HEAD> <BODY> <P> This is some text in a paragraph.</P> </BODY> </HTML> Output
  • 8. Bold <B> Tag This tag specifies the text into bold text. It is a container element. Syntax <B> ……. </B> e.g. <HTML> <HEAD> <TITLE> Bold </TITLE> </HEAD> <BODY> <P> This is normal text and <B> this is bold text. </B> </P> </BODY> </HTML> Output
  • 9. Italic <I> Tag This tag is used to make the text in italic form. It is also a container element. Syntax <I> ….. </I> e.g. <HTML> <HEAD> <TITLE> Italic </TITLE> </HEAD> <BODY> <I> Hello </I> </BODY> </HTML> Output
  • 10. Underline <U> Tag This tag is used to underline the text. It is also container element. Syntax <U> ……. </U> e.g. <HTML> <HEAD> <TITLE> Underline </TITLE> </HEAD> <BODY> <P> This is a <U> text </U></P> </BODY> </HTML> Output
  • 11. UnorderedList <UL> This list (also known as unnumberedlist) is an indented list with a bullet symbolin front of each list item. An unordered list starts with the <UL> tag. Each list item starts with the <LI>tag. The list names are marked with bullets (typically small black circle). The unordered list tag is a container tag. The default type for mostWeb browsers is a full disc (black circle), but this can be adjusted using an HTML attribute called type. Syntax <UL> ……. </UL> e.g. <HTML> <HEAD> <TITLE> Unordered List </TITLE> </HEAD> <BODY> <UL> <LI>My firstitem on the list.</LI> <LI>My second item on the list.</LI> <LI>My third item on the list.</LI> <LI>My fourth item on the list.</LI> </UL> </BODY> </HTML> Output
  • 12. Ordered List <OL> This list starts with the <OL> tag. Each list item starts with the <LI> tag. The list items are marked with numbers. The ordered list tag is a container tag which is used for numbered lists. By default, the numbering will be 1, 2, 3 …. You can also adjust numbering type attribute. Syntax <OL> …… </OL> e.g. <HTML> <HEAD> <TITLE> Ordered List </TITLE> </HEAD> <BODY> <OL> <LI> Rose </LI> <LI> Lotus </LI> <LI> Lily </LI> </OL> </BODY> </HTML> Output