SlideShare a Scribd company logo
1 of 28
Session No 2

Developed by: Saif Ullah Dar

1/7/2014

1
1.
2.

3.
4.
5.
6.
7.

BR Tag
HR Tag
Headings
Order List Tags
Unordered List Tags
Blockquote Tag
Address Tag

Developed by: Saif Ullah Dar

1/7/2014

2
 Used

to control the line breaks.
 Use single spacing among the lines unlike <p>
tag that uses double spacing among the
paragraph.
 Does not have a closing braces.

Developed by: Saif Ullah Dar

1/7/2014

3
Developed by: Saif Ullah Dar

1/7/2014

4
Code Snippet To Fulfill the Requirement




This is should be the end of my first
paragraph in HTML.<br>

This should be the start of my second
paragraph in
 HTML.<br>


<p>And this is should be my third paragraph
in
 HTML.<br>


Developed by: Saif Ullah Dar

1/7/2014

5
Forces line break with one line spacing between two lines.

This is should be the end of my first
paragraph in HTML.<br>
This should be the start of my second
paragraph in
HTML.<br>
<p>And this is should be my third paragraph in
HTML.<br>

Developed by: Saif Ullah Dar

1/7/2014

6
 The

<HR> tag draws a horizontal line across
the page.
 It acts a paragraph break.
 There is no need to use the <BR> before or
after the <HR> tag.

Developed by: Saif Ullah Dar

1/7/2014

7
Developed by: Saif Ullah Dar

1/7/2014

8
Code Snippet To Fulfill the Requirement

This is should be the end of my first
paragraph in HTML.<hr>
This should be the start of my second
paragraph in
HTML.<hr>
And this is should be my third paragraph in
HTML.<hr>

Developed by: Saif Ullah Dar

1/7/2014

9
Draws a horizontal line across the page.

This is should be the end of my first
paragraph in HTML.<hr>
This should be the start of my second
paragraph in
HTML.<hr>
And this is should be my third paragraph in
HTML.<hr>

Developed by: Saif Ullah Dar

1/7/2014

10
1.

Color Attribute
How To
Use

<hr color=“red”>
<hr color=“blue”>
<hr color=“pink”>

Developed by: Saif Ullah Dar

1/7/2014

11
2.

Width Attribute
How To
Use

<hr width=“50%”>
<hr color=“blue” width=“100%”>
<hr width=“500”>
Default alignment
of HR is center.
Developed by: Saif Ullah Dar

1/7/2014

12
3.

Align Attribute
How To
Use

<hr align=“left” width=“50%”>
<hr align=“right” width=“50%”>
<hr align=“center”
width=“50%”>

Developed by: Saif Ullah Dar

1/7/2014

13
4.

Size Attribute
How To
Use

<hr size=“5”>
<hr size=“3” color=“red”>
<hr align=“center” width=“50%”
size=“2”>

Developed by: Saif Ullah Dar

1/7/2014

14
 To

add headings in the HTML document use
tag where, n represent number from 1 to 6.
<H1>

Some text here

</H1>

<H2>

Some text here

</H2>

<H3> Some text here

</H3>

<H4> Some text here

</H4>

<H5> Some text here

</H5>

<H6>

</H6>

Some text here

Developed by: Saif Ullah Dar

1/7/2014

15

<Hn>
A

common applications of HTML is to display
the list of items.
 The most popular types of lists that can be
created using HTML are:



Unordered List
Ordered List

Developed by: Saif Ullah Dar

1/7/2014

16



When the list of contents that you want to display don’t have to
follow any sequence then you can use Unordered list.
Each item in the unordered list is indented.
For Example, while creating list of Electronic products, where
sequence of occurrence does not matter.

<UL>

tag is used to create a Unordered list.

Developed by: Saif Ullah Dar

1/7/2014

17



When the list of contents that you want to display don’t have to
follow any sequence then you can use Unordered list.
Each item in the unordered list is indented.
For Example, while creating list of Electronic products, where
sequence of occurrence does not matter.

<LI>

tag identifies a item in the list.

Developed by: Saif Ullah Dar

1/7/2014

18
<HTML>
<BODY>
<H3>List of Electronic Products</H3>
<UL>
<LI>T.V.</LI>
<LI>VCD</LI>
<LI>DVD</LI>
<LI>REFRIGERATOR</LI>
<LI>WASHING MACHINE</LI>
<LI>MICRO OVEN</LI>
</UL>
</BODY>
</HTML>

Developed by: Saif Ullah Dar

1/7/2014

Check Out An
Example

19
Check Out The
Output

Developed by: Saif Ullah Dar

1/7/2014

20
When the list of contents that you want to display
have to follow a sequence.
 Each item in the ordered list is indented.
 For Example, creating a list of students based on
their merit.


<OL>

tag is used to create a Ordered list.

Developed by: Saif Ullah Dar

1/7/2014

21
Check Out
An Example
<HTML>
<BODY>
<H3>List of Fortune 500 Companies – Industry: Computers, Office Equipment
Year 2006 Survey </H3>
<OL>
<LI>IBM</LI>
<LI>HP</LI>
<LI>Dell</LI>
<LI>NEC</LI>
<LI>Fujitsu</LI>
<LI>Canon</LI>
</OL>
</BODY>
</HTML>

Developed by: Saif Ullah Dar

1/7/2014

22
Check Out
The
Output

Developed by: Saif Ullah Dar

1/7/2014

23
•
•

Used to include indented text in a
document.
Both the right and left margin are
indented.

Developed by: Saif Ullah Dar

1/7/2014

24
Sample Code

 Most

Popular Quote of Shakespeare :
<BLOCKQUOTE>
 To Be, Or Not To Be: That Is The Question
</BLOCKQUOTE>

Developed by: Saif Ullah Dar

1/7/2014

25
•
•
•

It defines text that gives an address or
other contact information.
It is displayed in italic.
Generally, displayed in the bottom of the
page.

Developed by: Saif Ullah Dar

1/7/2014

26
Sample Code

 IBM

stands for International Business
Machines.
 <hr color=“blue”>
 The Head Quarter is located at:
 <ADDRESS>
 IBM Armonk, <BR>New York, USA.
 </ADDRESS>

Developed by: Saif Ullah Dar

1/7/2014

27
SAIF ULLAH DAR

Developed by: Saif Ullah Dar

1/7/2014

28

More Related Content

Viewers also liked

C programming session 05
C programming session 05C programming session 05
C programming session 05Dushmanta Nath
 
C programming session 02
C programming session 02C programming session 02
C programming session 02Dushmanta Nath
 
C programming session 04
C programming session 04C programming session 04
C programming session 04Dushmanta Nath
 
C programming session 03
C programming session 03C programming session 03
C programming session 03Dushmanta Nath
 
C programming session 01
C programming session 01C programming session 01
C programming session 01Dushmanta Nath
 
Java script Session No 1
Java script Session No 1Java script Session No 1
Java script Session No 1Saif Ullah Dar
 
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 ScriptFahim Abdullah
 
C language (Collected By Dushmanta)
C language  (Collected By Dushmanta)C language  (Collected By Dushmanta)
C language (Collected By Dushmanta)Dushmanta Nath
 

Viewers also liked (9)

C programming session 05
C programming session 05C programming session 05
C programming session 05
 
C programming session 02
C programming session 02C programming session 02
C programming session 02
 
C programming session 04
C programming session 04C programming session 04
C programming session 04
 
C programming session 03
C programming session 03C programming session 03
C programming session 03
 
C programming session 01
C programming session 01C programming session 01
C programming session 01
 
Java script Session No 1
Java script Session No 1Java script Session No 1
Java script Session No 1
 
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
 
Session 3 Java Script
Session 3 Java ScriptSession 3 Java Script
Session 3 Java Script
 
C language (Collected By Dushmanta)
C language  (Collected By Dushmanta)C language  (Collected By Dushmanta)
C language (Collected By Dushmanta)
 

Similar to Session no 2

Creating HTML Pages
Creating HTML PagesCreating HTML Pages
Creating HTML PagesMike Crabb
 
HTML5 Accessibility
HTML5 AccessibilityHTML5 Accessibility
HTML5 Accessibilitybgibson
 
Basics of html for web development by software outsourcing company india
Basics of html for web development   by software outsourcing company indiaBasics of html for web development   by software outsourcing company india
Basics of html for web development by software outsourcing company indiaJignesh Aakoliya
 
MCSL016 IGNOU SOLVED LAB MANUAL
MCSL016 IGNOU SOLVED LAB MANUALMCSL016 IGNOU SOLVED LAB MANUAL
MCSL016 IGNOU SOLVED LAB MANUALDIVYA SINGH
 
Html ppt by Fathima faculty Hasanath college for women bangalore
Html ppt by Fathima faculty Hasanath college for women bangaloreHtml ppt by Fathima faculty Hasanath college for women bangalore
Html ppt by Fathima faculty Hasanath college for women bangalorefathima12
 
Updated html programs
Updated html programsUpdated html programs
Updated html programsDeepali54
 
Html xhtml tag-sheet
Html xhtml tag-sheetHtml xhtml tag-sheet
Html xhtml tag-sheetDaniel Downs
 
Basic html tutorial
Basic html tutorialBasic html tutorial
Basic html tutorialDeep Gates
 
Basic html tutorial
Basic html tutorialBasic html tutorial
Basic html tutorialrocket981
 
Basic html tutorial
Basic html tutorialBasic html tutorial
Basic html tutorialRavi Rajput
 
Basic html tutorial for developing a website by za3mi
Basic html tutorial for developing a website by za3miBasic html tutorial for developing a website by za3mi
Basic html tutorial for developing a website by za3miShahzad Zaman
 
Action Controller Overview, Season 2
Action Controller Overview, Season 2Action Controller Overview, Season 2
Action Controller Overview, Season 2RORLAB
 

Similar to Session no 2 (20)

Session no 1
Session no 1Session no 1
Session no 1
 
Session no 1 html
Session no 1 htmlSession no 1 html
Session no 1 html
 
Html
HtmlHtml
Html
 
Session no 3
Session no 3Session no 3
Session no 3
 
Html basics
Html basicsHtml basics
Html basics
 
Creating HTML Pages
Creating HTML PagesCreating HTML Pages
Creating HTML Pages
 
Learning html & dhtml
Learning html & dhtmlLearning html & dhtml
Learning html & dhtml
 
HTML5 Accessibility
HTML5 AccessibilityHTML5 Accessibility
HTML5 Accessibility
 
Basics of html for web development by software outsourcing company india
Basics of html for web development   by software outsourcing company indiaBasics of html for web development   by software outsourcing company india
Basics of html for web development by software outsourcing company india
 
MCSL016 IGNOU SOLVED LAB MANUAL
MCSL016 IGNOU SOLVED LAB MANUALMCSL016 IGNOU SOLVED LAB MANUAL
MCSL016 IGNOU SOLVED LAB MANUAL
 
Html ppt by Fathima faculty Hasanath college for women bangalore
Html ppt by Fathima faculty Hasanath college for women bangaloreHtml ppt by Fathima faculty Hasanath college for women bangalore
Html ppt by Fathima faculty Hasanath college for women bangalore
 
Updated html programs
Updated html programsUpdated html programs
Updated html programs
 
Html xhtml tag-sheet
Html xhtml tag-sheetHtml xhtml tag-sheet
Html xhtml tag-sheet
 
WDD
WDDWDD
WDD
 
Double Loop
Double LoopDouble Loop
Double Loop
 
Basic html tutorial
Basic html tutorialBasic html tutorial
Basic html tutorial
 
Basic html tutorial
Basic html tutorialBasic html tutorial
Basic html tutorial
 
Basic html tutorial
Basic html tutorialBasic html tutorial
Basic html tutorial
 
Basic html tutorial for developing a website by za3mi
Basic html tutorial for developing a website by za3miBasic html tutorial for developing a website by za3mi
Basic html tutorial for developing a website by za3mi
 
Action Controller Overview, Season 2
Action Controller Overview, Season 2Action Controller Overview, Season 2
Action Controller Overview, Season 2
 

Recently uploaded

How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxYounusS2
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
GenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncGenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncObject Automation
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIUdaiappa Ramachandran
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Cloud Revolution: Exploring the New Wave of Serverless Spatial Data
Cloud Revolution: Exploring the New Wave of Serverless Spatial DataCloud Revolution: Exploring the New Wave of Serverless Spatial Data
Cloud Revolution: Exploring the New Wave of Serverless Spatial DataSafe Software
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum ComputingGDSC PJATK
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceMartin Humpolec
 

Recently uploaded (20)

How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptx
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
GenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncGenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation Inc
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AI
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Cloud Revolution: Exploring the New Wave of Serverless Spatial Data
Cloud Revolution: Exploring the New Wave of Serverless Spatial DataCloud Revolution: Exploring the New Wave of Serverless Spatial Data
Cloud Revolution: Exploring the New Wave of Serverless Spatial Data
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum Computing
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your Salesforce
 

Session no 2

  • 1. Session No 2 Developed by: Saif Ullah Dar 1/7/2014 1
  • 2. 1. 2. 3. 4. 5. 6. 7. BR Tag HR Tag Headings Order List Tags Unordered List Tags Blockquote Tag Address Tag Developed by: Saif Ullah Dar 1/7/2014 2
  • 3.  Used to control the line breaks.  Use single spacing among the lines unlike <p> tag that uses double spacing among the paragraph.  Does not have a closing braces. Developed by: Saif Ullah Dar 1/7/2014 3
  • 4. Developed by: Saif Ullah Dar 1/7/2014 4
  • 5. Code Snippet To Fulfill the Requirement   This is should be the end of my first paragraph in HTML.<br> This should be the start of my second paragraph in  HTML.<br>  <p>And this is should be my third paragraph in  HTML.<br>  Developed by: Saif Ullah Dar 1/7/2014 5
  • 6. Forces line break with one line spacing between two lines. This is should be the end of my first paragraph in HTML.<br> This should be the start of my second paragraph in HTML.<br> <p>And this is should be my third paragraph in HTML.<br> Developed by: Saif Ullah Dar 1/7/2014 6
  • 7.  The <HR> tag draws a horizontal line across the page.  It acts a paragraph break.  There is no need to use the <BR> before or after the <HR> tag. Developed by: Saif Ullah Dar 1/7/2014 7
  • 8. Developed by: Saif Ullah Dar 1/7/2014 8
  • 9. Code Snippet To Fulfill the Requirement This is should be the end of my first paragraph in HTML.<hr> This should be the start of my second paragraph in HTML.<hr> And this is should be my third paragraph in HTML.<hr> Developed by: Saif Ullah Dar 1/7/2014 9
  • 10. Draws a horizontal line across the page. This is should be the end of my first paragraph in HTML.<hr> This should be the start of my second paragraph in HTML.<hr> And this is should be my third paragraph in HTML.<hr> Developed by: Saif Ullah Dar 1/7/2014 10
  • 11. 1. Color Attribute How To Use <hr color=“red”> <hr color=“blue”> <hr color=“pink”> Developed by: Saif Ullah Dar 1/7/2014 11
  • 12. 2. Width Attribute How To Use <hr width=“50%”> <hr color=“blue” width=“100%”> <hr width=“500”> Default alignment of HR is center. Developed by: Saif Ullah Dar 1/7/2014 12
  • 13. 3. Align Attribute How To Use <hr align=“left” width=“50%”> <hr align=“right” width=“50%”> <hr align=“center” width=“50%”> Developed by: Saif Ullah Dar 1/7/2014 13
  • 14. 4. Size Attribute How To Use <hr size=“5”> <hr size=“3” color=“red”> <hr align=“center” width=“50%” size=“2”> Developed by: Saif Ullah Dar 1/7/2014 14
  • 15.  To add headings in the HTML document use tag where, n represent number from 1 to 6. <H1> Some text here </H1> <H2> Some text here </H2> <H3> Some text here </H3> <H4> Some text here </H4> <H5> Some text here </H5> <H6> </H6> Some text here Developed by: Saif Ullah Dar 1/7/2014 15 <Hn>
  • 16. A common applications of HTML is to display the list of items.  The most popular types of lists that can be created using HTML are:   Unordered List Ordered List Developed by: Saif Ullah Dar 1/7/2014 16
  • 17.   When the list of contents that you want to display don’t have to follow any sequence then you can use Unordered list. Each item in the unordered list is indented. For Example, while creating list of Electronic products, where sequence of occurrence does not matter. <UL> tag is used to create a Unordered list. Developed by: Saif Ullah Dar 1/7/2014 17
  • 18.   When the list of contents that you want to display don’t have to follow any sequence then you can use Unordered list. Each item in the unordered list is indented. For Example, while creating list of Electronic products, where sequence of occurrence does not matter. <LI> tag identifies a item in the list. Developed by: Saif Ullah Dar 1/7/2014 18
  • 19. <HTML> <BODY> <H3>List of Electronic Products</H3> <UL> <LI>T.V.</LI> <LI>VCD</LI> <LI>DVD</LI> <LI>REFRIGERATOR</LI> <LI>WASHING MACHINE</LI> <LI>MICRO OVEN</LI> </UL> </BODY> </HTML> Developed by: Saif Ullah Dar 1/7/2014 Check Out An Example 19
  • 20. Check Out The Output Developed by: Saif Ullah Dar 1/7/2014 20
  • 21. When the list of contents that you want to display have to follow a sequence.  Each item in the ordered list is indented.  For Example, creating a list of students based on their merit.  <OL> tag is used to create a Ordered list. Developed by: Saif Ullah Dar 1/7/2014 21
  • 22. Check Out An Example <HTML> <BODY> <H3>List of Fortune 500 Companies – Industry: Computers, Office Equipment Year 2006 Survey </H3> <OL> <LI>IBM</LI> <LI>HP</LI> <LI>Dell</LI> <LI>NEC</LI> <LI>Fujitsu</LI> <LI>Canon</LI> </OL> </BODY> </HTML> Developed by: Saif Ullah Dar 1/7/2014 22
  • 23. Check Out The Output Developed by: Saif Ullah Dar 1/7/2014 23
  • 24. • • Used to include indented text in a document. Both the right and left margin are indented. Developed by: Saif Ullah Dar 1/7/2014 24
  • 25. Sample Code  Most Popular Quote of Shakespeare : <BLOCKQUOTE>  To Be, Or Not To Be: That Is The Question </BLOCKQUOTE> Developed by: Saif Ullah Dar 1/7/2014 25
  • 26. • • • It defines text that gives an address or other contact information. It is displayed in italic. Generally, displayed in the bottom of the page. Developed by: Saif Ullah Dar 1/7/2014 26
  • 27. Sample Code  IBM stands for International Business Machines.  <hr color=“blue”>  The Head Quarter is located at:  <ADDRESS>  IBM Armonk, <BR>New York, USA.  </ADDRESS> Developed by: Saif Ullah Dar 1/7/2014 27
  • 28. SAIF ULLAH DAR Developed by: Saif Ullah Dar 1/7/2014 28