Soumettre la recherche
Mettre en ligne
Html
•
Télécharger en tant que PPT, PDF
•
1 j'aime
•
245 vues
AparajeetaWithSalu
Suivre
Everything about HTML such creating,designing etc.---------------------------------------
Lire moins
Lire la suite
Internet
Technologie
Signaler
Partager
Signaler
Partager
1 sur 200
Télécharger maintenant
Recommandé
Living witnessch20relgrade8
Living witnessch20relgrade8
MrsSevCTK
Philadelphia archdiocese tridentine2
Philadelphia archdiocese tridentine2
MrsSevCTK
Wikiassignment 21stcenturyteachingskills-150930013124-lva1-app6892
Wikiassignment 21stcenturyteachingskills-150930013124-lva1-app6892
Sharon Bain
Excretory system
Excretory system
MrsSevCTK
Film production: A Bollywood Experience
Film production: A Bollywood Experience
rampdwivedi
Difference between Constructure and destructure.
Difference between Constructure and destructure.
AparajeetaWithSalu
Saints2
Saints2
MrsSevCTK
Digestive system
Digestive system
MrsSevCTK
Recommandé
Living witnessch20relgrade8
Living witnessch20relgrade8
MrsSevCTK
Philadelphia archdiocese tridentine2
Philadelphia archdiocese tridentine2
MrsSevCTK
Wikiassignment 21stcenturyteachingskills-150930013124-lva1-app6892
Wikiassignment 21stcenturyteachingskills-150930013124-lva1-app6892
Sharon Bain
Excretory system
Excretory system
MrsSevCTK
Film production: A Bollywood Experience
Film production: A Bollywood Experience
rampdwivedi
Difference between Constructure and destructure.
Difference between Constructure and destructure.
AparajeetaWithSalu
Saints2
Saints2
MrsSevCTK
Digestive system
Digestive system
MrsSevCTK
Basics of html for web development by software outsourcing company india
Basics of html for web development by software outsourcing company india
Jignesh Aakoliya
Web design and Development
Web design and Development
Shagor Ahmed
Web1
Web1
Sagar Ghosh
Session no 1
Session no 1
Saif Ullah Dar
Teched Inetrgation ppt and lering in simple
Teched Inetrgation ppt and lering in simple
JagadishBabuParri
Html 1
Html 1
Anmol Pant
INDUSTRIAL TRAINING REPORT FINAL YEAR
INDUSTRIAL TRAINING REPORT FINAL YEAR
AyushThakur97
Introduction to Html
Introduction to Html
Ριyυѕн Kothyari
Html basics
Html basics
mcatahir947
Basic HTML
Basic HTML
Sayan De
Learn html and css from scratch
Learn html and css from scratch
Mohd Manzoor Ahmed
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
Aiman Hud
Vision academy sachinsir_9822506209_html_java_script_notes (1)
Vision academy sachinsir_9822506209_html_java_script_notes (1)
ShraddhaGurav7
Html intro
Html intro
RuchiNagar3
HTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts Basics
Sun Technlogies
HTML (Basic to Advance)
HTML (Basic to Advance)
Coder Tech
HyperText Markup Language - HTML
HyperText Markup Language - HTML
Sun Technlogies
Intro to html revised2
Intro to html revised2
mmvidanes29
HTML Basics by software development company india
HTML Basics by software development company india
iFour Institute - Sustainable Learning
HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.
Beqa Chacha
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
zdzoqco
Magic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptx
MartaLoveguard
Contenu connexe
Similaire à Html
Basics of html for web development by software outsourcing company india
Basics of html for web development by software outsourcing company india
Jignesh Aakoliya
Web design and Development
Web design and Development
Shagor Ahmed
Web1
Web1
Sagar Ghosh
Session no 1
Session no 1
Saif Ullah Dar
Teched Inetrgation ppt and lering in simple
Teched Inetrgation ppt and lering in simple
JagadishBabuParri
Html 1
Html 1
Anmol Pant
INDUSTRIAL TRAINING REPORT FINAL YEAR
INDUSTRIAL TRAINING REPORT FINAL YEAR
AyushThakur97
Introduction to Html
Introduction to Html
Ριyυѕн Kothyari
Html basics
Html basics
mcatahir947
Basic HTML
Basic HTML
Sayan De
Learn html and css from scratch
Learn html and css from scratch
Mohd Manzoor Ahmed
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
Aiman Hud
Vision academy sachinsir_9822506209_html_java_script_notes (1)
Vision academy sachinsir_9822506209_html_java_script_notes (1)
ShraddhaGurav7
Html intro
Html intro
RuchiNagar3
HTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts Basics
Sun Technlogies
HTML (Basic to Advance)
HTML (Basic to Advance)
Coder Tech
HyperText Markup Language - HTML
HyperText Markup Language - HTML
Sun Technlogies
Intro to html revised2
Intro to html revised2
mmvidanes29
HTML Basics by software development company india
HTML Basics by software development company india
iFour Institute - Sustainable Learning
HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.
Beqa Chacha
Similaire à Html
(20)
Basics of html for web development by software outsourcing company india
Basics of html for web development by software outsourcing company india
Web design and Development
Web design and Development
Web1
Web1
Session no 1
Session no 1
Teched Inetrgation ppt and lering in simple
Teched Inetrgation ppt and lering in simple
Html 1
Html 1
INDUSTRIAL TRAINING REPORT FINAL YEAR
INDUSTRIAL TRAINING REPORT FINAL YEAR
Introduction to Html
Introduction to Html
Html basics
Html basics
Basic HTML
Basic HTML
Learn html and css from scratch
Learn html and css from scratch
POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
Vision academy sachinsir_9822506209_html_java_script_notes (1)
Vision academy sachinsir_9822506209_html_java_script_notes (1)
Html intro
Html intro
HTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts Basics
HTML (Basic to Advance)
HTML (Basic to Advance)
HyperText Markup Language - HTML
HyperText Markup Language - HTML
Intro to html revised2
Intro to html revised2
HTML Basics by software development company india
HTML Basics by software development company india
HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.
Dernier
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
zdzoqco
Magic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptx
MartaLoveguard
Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24
Paul Calvano
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
Fs
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
ys8omjxb
Q4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptx
editsforyah
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Sonam Pathan
Call Girls South Delhi Delhi reach out to us at ☎ 9711199012
Call Girls South Delhi Delhi reach out to us at ☎ 9711199012
rehmti665
Elevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New Orleans
corenetworkseo
Contact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New Delhi
miss dipika
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
Christopher H Felton
Film cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasa
494f574xmv
Blepharitis inflammation of eyelid symptoms cause everything included along w...
Blepharitis inflammation of eyelid symptoms cause everything included along w...
Excelmac1
Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptx
Dyna Gilbert
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
z xss
PHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 Documentation
LinaWolf1
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predi
eusebiomeyer
young call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Service
young call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
rnrncn29
Dernier
(20)
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
Magic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptx
Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Q4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptx
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls South Delhi Delhi reach out to us at ☎ 9711199012
Call Girls South Delhi Delhi reach out to us at ☎ 9711199012
Elevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New Orleans
Contact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New Delhi
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
Film cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasa
Blepharitis inflammation of eyelid symptoms cause everything included along w...
Blepharitis inflammation of eyelid symptoms cause everything included along w...
Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptx
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
PHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 Documentation
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predi
young call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Service
young call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Service
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
Html
1.
Learning & Knowledge
Education - India © 2007 IBM Corporation HTML
2.
Learning & Knowledge
Education - India © 2007 IBM Corporation2 Day 1
3.
Learning & Knowledge
Education - India © 2007 IBM Corporation3 Objectives • Getting Started With HTML Introducing HTML How Web pages work Introduction to Tags Structure of HTML page • Creating a Web Page Introduction table, tr, td tags. Paragraphs and Line breaks Headings Creating Ordered and Unordered List • Text Formatting And Alignment Boldfaces and Italics Font Size, Color and Typeface Special Characters
4.
Learning & Knowledge
Education - India © 2007 IBM Corporation4 • Using Links & Images • Style Sheet Purpose of Style Sheet Style Rules Attaching Style Sheet Defining classes Div tag, Span Tag Using Span • Developing Forms Introducing Forms Using Standard Form Controls Objectives
5.
Learning & Knowledge
Education - India © 2007 IBM Corporation5 Introducing HTML To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may potentially understand. The publishing language used by the World Wide Web is HTML (from HyperText Markup Language). What is HTML
6.
Learning & Knowledge
Education - India © 2007 IBM Corporation6 Introducing HTML HTML contains special markers, or tags, which define the style and structure of the page. Tags are also referred to as elements. What is HTML
7.
Learning & Knowledge
Education - India © 2007 IBM Corporation7 • Publish online documents with headings, texts, tables, lists, photos, etc. • Retrieve online information via hypertexts links. • Design forms for conducting transactions with remote services, for use in searching for information, making reservations, ordering products, etc. • Include spread-sheets, video clips, sound clips, and other applications directly in their documents. Introducing HTML Uses of HTML
8.
Learning & Knowledge
Education - India © 2007 IBM Corporation8 How To Access An Web Page Click To Proceed With The Steps
9.
Learning & Knowledge
Education - India © 2007 IBM Corporation9 Double Click on the Internet Explorer button
10.
Learning & Knowledge
Education - India © 2007 IBM Corporation10 Browser Window Opens
11.
Learning & Knowledge
Education - India © 2007 IBM Corporation11 Type the url address & Press Enter Key http://www.google.co.in
12.
Learning & Knowledge
Education - India © 2007 IBM Corporation12 HTML files Web Server Internet Request Request User makes a request www.google.co.in http://www.google.co.in
13.
Learning & Knowledge
Education - India © 2007 IBM Corporation13 HTML files Web Server Internet Web Page Web Page Google page is returned from the Web Server
14.
Learning & Knowledge
Education - India © 2007 IBM Corporation14
15.
Learning & Knowledge
Education - India © 2007 IBM Corporation15 Introducing HTML A tag is a reference in an HTML document which describes the style and structure of the document. All tag start with < (less than symbol) and end with > (greater than symbol) Tags which mark a beginning have no / (front slash). Tags which mark an ending have a / immediately after <, as in </. What is a Tag
16.
Learning & Knowledge
Education - India © 2007 IBM Corporation16 Introducing HTML Example on Tag <HTML>, <BODY>, <TITLE> </HTML>, </BODY>, </TITLE> Sample Tags Starting tags / elements Ending tags / elements
17.
Learning & Knowledge
Education - India © 2007 IBM Corporation17 Introducing HTML Explanation of the HTML code <HTML> <HEAD> <TITLE> My Home Page </TITLE> </HEAD> <!-- Written by Manas K Sahoo --> <!-- Created: 30-May-2007 --> <!-- Organization: IBM --> <BODY>This is where the text goes. </BODY> </HTML>
18.
Learning & Knowledge
Education - India © 2007 IBM Corporation18 Introducing HTML Explanation of the HTML code <HTML> <HEAD> <TITLE> My Home Page </TITLE> </HEAD> <!-- Written by Manas K Sahoo --> <!-- Created: 30-May-2007 --> <!-- Organization: IBM --> <BODY>This is where the text goes. </BODY> </HTML> Start of an HTML document.
19.
Learning & Knowledge
Education - India © 2007 IBM Corporation19 Introducing HTML Explanation of the HTML code <HTML> <HEAD> <TITLE> My Home Page </TITLE> </HEAD> <!-- Written by Manas K Sahoo --> <!-- Created: 30-May-2007 --> <!-- Organization: IBM --> <BODY>This is where the text goes. </BODY> </HTML> Indicates to the browser that this is an HTML document.
20.
Learning & Knowledge
Education - India © 2007 IBM Corporation20 Introducing HTML Explanation of the HTML code <HTML> <HEAD> <TITLE> My Home Page </TITLE> </HEAD> <!-- Written by Manas K Sahoo --> <!-- Created: 30-May-2007 --> <!-- Organization: IBM --> <BODY>This is where the text goes. </BODY> </HTML> HTML document is divided into two sections. 1. <HEAD> …. </HEAD>
21.
Learning & Knowledge
Education - India © 2007 IBM Corporation21 Introducing HTML Explanation of the HTML code <HTML> <HEAD> <TITLE> My Home Page </TITLE> </HEAD> <!-- Written by Manas K Sahoo --> <!-- Created: 30-May-2007 --> <!-- Organization: IBM --> <BODY>This is where the text goes. </BODY> </HTML> HTML document is divided into two sections. 2. <BODY> …. </BODY>
22.
Learning & Knowledge
Education - India © 2007 IBM Corporation22 Introducing HTML Explanation of the HTML code <HTML> <HEAD> <TITLE> My Home Page </TITLE> </HEAD> <!-- Written by Manas K Sahoo --> <!-- Created: 30-May-2007 --> <!-- Organization: IBM --> <BODY>This is where the text goes. </BODY> </HTML> Shows the contents in the browser title bar. Generally placed inside Head tag.
23.
Learning & Knowledge
Education - India © 2007 IBM Corporation23 Introducing HTML Explanation of the HTML code <HTML> <HEAD> <TITLE> My Home Page </TITLE> </HEAD> <!-- Written by Manas K Sahoo --> <!-- Created: 30-May-2007 --> <!-- Organization: IBM --> <BODY>This is where the text goes. </BODY> </HTML> Indicates comment tag. Can be placed anywhere in the document.
24.
Learning & Knowledge
Education - India © 2007 IBM Corporation24 Introducing HTML Explanation of the HTML code <HTML> <HEAD> <TITLE> My Home Page </TITLE> </HEAD> <!-- Written by Manas K Sahoo --> <!-- Created: 30-May-2007 --> <!-- Organization: IBM --> <BODY>This is where the text goes. </BODY> </HTML> Signal the end of HTML document.
25.
Learning & Knowledge
Education - India © 2007 IBM Corporation25 Introducing HTML 1. Range / Container tags 2. Standalone / Point tags Kinds of Tags They are called so because they cover a range of text. Example : <HTML>, <HEAD>, <BODY>, <TITLE> Those tags which do not need an ending. Example: <HR>, <BR>
26.
Learning & Knowledge
Education - India © 2007 IBM Corporation26 HTML Table • Table allows to organize and present data in an orderly and concise manner. • Tabular structures were introduces with HTML 3.2. • A table can contains wide variety of information, such as headers, anchors, lists, paragraphs, forms, images, preformatted text and even nested tables. • HTML tables are composed of rows and columns.
27.
Learning & Knowledge
Education - India © 2007 IBM Corporation27 Requirement Analysis
28.
Learning & Knowledge
Education - India © 2007 IBM Corporation28 <html> <body> <table border=“1”> <caption>IBM Strategic Business Unit</caption> <tr> <th>Unit Name</th> <th>Description</th> </tr> <tr> <td>BCS</td> <td>Business Consultancy Services</td> </tr> <tr> <td>SWG</td> <td>Software Group</td> </tr> </table> </body> </html> Code Snippet To Fulfill the Requirement
29.
Learning & Knowledge
Education - India © 2007 IBM Corporation29 <html> <body> <table border=“1”> <caption>IBM Strategic Business Unit</caption> <tr> <th>Unit Name</th> <th>Description</th> </tr> <tr> <td>BCS</td> <td>Business Consultancy Services</td> </tr> <tr> <td>SWG</td> <td>Software Group</td> </tr> </table> </body> </html> For starting a table
30.
Learning & Knowledge
Education - India © 2007 IBM Corporation30 <html> <body> <table border=“1”> <caption>IBM Strategic Business Unit</caption> <tr> <th>Unit Name</th> <th>Description</th> </tr> <tr> <td>BCS</td> <td>Business Consultancy Services</td> </tr> <tr> <td>SWG</td> <td>Software Group</td> </tr> </table> </body> </html> It is an attribute of table tag to specify the thickness of the border of the table in pixels.
31.
Learning & Knowledge
Education - India © 2007 IBM Corporation31 Table Border set to 1
32.
Learning & Knowledge
Education - India © 2007 IBM Corporation32 If Table Border set to 5
33.
Learning & Knowledge
Education - India © 2007 IBM Corporation33 <html> <body> <table border=“1”> <caption>IBM Strategic Business Unit</caption> <tr> <th>Unit Name</th> <th>Description</th> </tr> <tr> <td>BCS</td> <td>Business Consultancy Services</td> </tr> <tr> <td>SWG</td> <td>Software Group</td> </tr> </table> </body> </html> For starting a table For ending a table
34.
Learning & Knowledge
Education - India © 2007 IBM Corporation34 <html> <body> <table border=“1”> <caption>IBM Strategic Business Unit</caption> <tr> <th>Unit Name</th> <th>Description</th> </tr> <tr> <td>BCS</td> <td>Business Consultancy Services</td> </tr> <tr> <td>SWG</td> <td>Software Group</td> </tr> </table> </body> </html> For starting a table caption, It is like a title which resides outside the border of the table. It is an optional attribute.
35.
Learning & Knowledge
Education - India © 2007 IBM Corporation35 <html> <body> <table border=“1”> <caption>IBM Strategic Business Unit</caption> <tr> <th>Unit Name</th> <th>Description</th> </tr> <tr> <td>BCS</td> <td>Business Consultancy Services</td> </tr> <tr> <td>SWG</td> <td>Software Group</td> </tr> </table> </body> </html> For ending a table caption For starting a table caption, It is like a title which resides outside the border of the table. It is an optional attribute.
36.
Learning & Knowledge
Education - India © 2007 IBM Corporation36 Table Caption
37.
Learning & Knowledge
Education - India © 2007 IBM Corporation37 <html> <body> <table border=“1”> <caption>IBM Strategic Business Unit</caption> <tr> <th>Unit Name</th> <th>Description</th> </tr> <tr> <td>BCS</td> <td>Business Consultancy Services</td> </tr> <tr> <td>SWG</td> <td>Software Group</td> </tr> </table> </body> </html> For starting a table row
38.
Learning & Knowledge
Education - India © 2007 IBM Corporation38 <html> <body> <table border=“1”> <caption>IBM Strategic Business Unit</caption> <tr> <th>Unit Name</th> <th>Description</th> </tr> <tr> <td>BCS</td> <td>Business Consultancy Services</td> </tr> <tr> <td>SWG</td> <td>Software Group</td> </tr> </table> </body> </html> For starting a table row For ending a table row.
39.
Learning & Knowledge
Education - India © 2007 IBM Corporation39 Row 1 Row 2
40.
Learning & Knowledge
Education - India © 2007 IBM Corporation40 <html> <body> <table border=“1”> <caption>IBM Strategic Business Unit</caption> <tr> <th>Unit Name</th> <th>Description</th> </tr> <tr> <td>BCS</td> <td>Business Consultancy Services</td> </tr> <tr> <td>SWG</td> <td>Software Group</td> </tr> </table> </body> </html> For providing a table heading. By default the header cell will appear in bolder type and the default alignment is center.
41.
Learning & Knowledge
Education - India © 2007 IBM Corporation41 <html> <body> <table border=“1”> <caption>IBM Strategic Business Unit</caption> <tr> <th>Unit Name</th> <th>Description</th> </tr> <tr> <td>BCS</td> <td>Business Consultancy Services</td> </tr> <tr> <td>SWG</td> <td>Software Group</td> </tr> </table> </body> </html> For providing a table heading. By default the header cell will appear in bolder type and the default alignment is center. For ending a table heading.
42.
Learning & Knowledge
Education - India © 2007 IBM Corporation42 Table Heading
43.
Learning & Knowledge
Education - India © 2007 IBM Corporation43 <html> <body> <table border=“1”> <caption>IBM Strategic Business Unit</caption> <tr> <th>Unit Name</th> <th>Description</th> </tr> <tr> <td>BCS</td> <td>Business Consultancy Services</td> </tr> <tr> <td>SWG</td> <td>Software Group</td> </tr> </table> </body> </html> For providing the table data. By default the alignment is left.
44.
Learning & Knowledge
Education - India © 2007 IBM Corporation44 <html> <body> <table border=“1”> <caption>IBM Strategic Business Unit</caption> <tr> <th>Unit Name</th> <th>Description</th> </tr> <tr> <td>BCS</td> <td>Business Consultancy Services</td> </tr> <tr> <td>SWG</td> <td>Software Group</td> </tr> </table> </body> </html> For providing the table data. By default the alignment is left. For ending a table data tag.
45.
Learning & Knowledge
Education - India © 2007 IBM Corporation45 Table Data
46.
Learning & Knowledge
Education - India © 2007 IBM Corporation46 Requirement Analysis
47.
Learning & Knowledge
Education - India © 2007 IBM Corporation47 <table border="1"> <caption>ROWSPAN Example</caption> <tr><th>Group Name</th> <th>SubGroup Name</th> <th>Group Name</th> <th>SubGroup Name</th> </tr> <TR> <td ROWSPAN="4"> Group 1</td> <td>1a</td> <td ROWSPAN="4"> Group 2</td><td>2a</td> </tr> <tr> <td>1b</td> <td>2b</td> </tr> <tr> <td>1c</td> <td>2c</td> </tr> <tr> <td>1d</td> <td>2d</td> </tr> </table> Code Snippet To Fulfill the Requirement
48.
Learning & Knowledge
Education - India © 2007 IBM Corporation48 <table border="1"> <caption>ROWSPAN Example</caption> <tr><th>Group Name</th> <th>SubGroup Name</th> <th>Group Name</th> <th>SubGroup Name</th> </tr> <TR> <td ROWSPAN="4"> Group 1</td> <td>1a</td> <td ROWSPAN="4"> Group 2</td><td>2a</td> </tr> <tr> <td>1b</td> <td>2b</td> </tr> <tr> <td>1c</td> <td>2c</td> </tr> <tr> <td>1d</td> <td>2d</td> </tr> </table> This attribute is used to span cell more than one row. In this case it will span the 1st column into four rows including the current row.
49.
Learning & Knowledge
Education - India © 2007 IBM Corporation49 This cell is spanned to 4 rows
50.
Learning & Knowledge
Education - India © 2007 IBM Corporation50 <table border="1"> <caption>ROWSPAN Example</caption> <tr><th>Group Name</th> <th>SubGroup Name</th> <th>Group Name</th> <th>SubGroup Name</th> </tr> <TR> <td ROWSPAN="4"> Group 1</td> <td>1a</td> <td ROWSPAN="4"> Group 2</td><td>2a</td> </tr> <tr> <td>1b</td> <td>2b</td> </tr> <tr> <td>1c</td> <td>2c</td> </tr> <tr> <td>1d</td> <td>2d</td> </tr> </table> The 3rd column is spanning more 4 rows including the current row..
51.
Learning & Knowledge
Education - India © 2007 IBM Corporation51 This cell is spanned to 4 rows
52.
Learning & Knowledge
Education - India © 2007 IBM Corporation52 <table border="1"> <caption>ROWSPAN Example</caption> Analyzing The Code
53.
Learning & Knowledge
Education - India © 2007 IBM Corporation53
54.
Learning & Knowledge
Education - India © 2007 IBM Corporation54 <table border="1"> <caption>ROWSPAN Example</caption> <tr><th>Group Name</th> <th>SubGroup Name</th> <th>Group Name</th> <th>SubGroup Name</th> </tr> Analyzing The Code
55.
Learning & Knowledge
Education - India © 2007 IBM Corporation55
56.
Learning & Knowledge
Education - India © 2007 IBM Corporation56 <table border="1"> <caption>ROWSPAN Example</caption> <tr><th>Group Name</th> <th>SubGroup Name</th> <th>Group Name</th> <th>SubGroup Name</th> </tr> <TR> <td ROWSPAN="4"> Group 1</td> <td>1a</td> <td ROWSPAN="4"> Group 2</td><td>2a</td> </tr> Analyzing The Code
57.
Learning & Knowledge
Education - India © 2007 IBM Corporation57
58.
Learning & Knowledge
Education - India © 2007 IBM Corporation58 <table border="1"> <caption>ROWSPAN Example</caption> <tr><th>Group Name</th> <th>SubGroup Name</th> <th>Group Name</th> <th>SubGroup Name</th> </tr> <TR> <td ROWSPAN="4"> Group 1</td> <td>1a</td> <td ROWSPAN="4"> Group 2</td><td>2a</td> </tr> Analyzing The Code <tr> <td>1b</td> <td>2b</td> </tr>
59.
Learning & Knowledge
Education - India © 2007 IBM Corporation59
60.
Learning & Knowledge
Education - India © 2007 IBM Corporation60 <table border="1"> <caption>ROWSPAN Example</caption> <tr><th>Group Name</th> <th>SubGroup Name</th> <th>Group Name</th> <th>SubGroup Name</th> </tr> <TR> <td ROWSPAN="4"> Group 1</td> <td>1a</td> <td ROWSPAN="4"> Group 2</td><td>2a</td> </tr> Analyzing The Code <tr> <td>1b</td> <td>2b</td> </tr> <tr> <td>1c</td> <td>2c</td> </tr>
61.
Learning & Knowledge
Education - India © 2007 IBM Corporation61
62.
Learning & Knowledge
Education - India © 2007 IBM Corporation62 <table border="1"> <caption>ROWSPAN Example</caption> <tr><th>Group Name</th> <th>SubGroup Name</th> <th>Group Name</th> <th>SubGroup Name</th> </tr> <TR> <td ROWSPAN="4"> Group 1</td> <td>1a</td> <td ROWSPAN="4"> Group 2</td><td>2a</td> </tr> Analyzing The Code <tr> <td>1b</td> <td>2b</td> </tr> <tr> <td>1c</td> <td>2c</td> </tr> <tr> <td>1d</td> <td>2d</td> </tr> </table>
63.
Learning & Knowledge
Education - India © 2007 IBM Corporation63
64.
Learning & Knowledge
Education - India © 2007 IBM Corporation64 RequirementRequirement Analysis
65.
Learning & Knowledge
Education - India © 2007 IBM Corporation65 <table border="1"> <caption>COLSPAN Example</caption> <tr> <th colspan="5"> Product Description</th> </tr> <tr> <th> Product Code</th> <th> Product Name</th> <th colspan="2"> Price</th> </tr> <tr> <td colspan="2"> </td><td>Rs.</td><td>Ps.</td> </tr> <tr> <td>A001</td><td>AAA</td> <td>150</td><td>00</td> </tr> <tr> <td>B002</td><td>BBB</td> <td>120</td><td>99</td> </tr> <tr> <td>C002</td><td>CCC</td> <td>250</td><td>00</td> </tr> </table> Code Snippet To Fulfill the Requirement
66.
Learning & Knowledge
Education - India © 2007 IBM Corporation66 <table border="1"> <caption>COLSPAN Example</caption> <tr> <th colspan="5"> Product Description</th> </tr> <tr> <th> Product Code</th> <th> Product Name</th> <th colspan="2"> Price</th> </tr> <tr> <td colspan="2"> </td><td>Rs.</td><td>Ps.</td> </tr> <tr> <td>A001</td><td>AAA</td> <td>150</td><td>00</td> </tr> <tr> <td>B002</td><td>BBB</td> <td>120</td><td>99</td> </tr> <tr> <td>C002</td><td>CCC</td> <td>250</td><td>00</td> </tr> </table> This attribute is used to span cell more than one column. In this case it will span the 1st column into five more nested columns.
67.
Learning & Knowledge
Education - India © 2007 IBM Corporation67 This cell is spanned to 5 columns
68.
Learning & Knowledge
Education - India © 2007 IBM Corporation68 <table border="1"> <caption>COLSPAN Example</caption> <tr> <th colspan="5"> Product Description</th> </tr> <tr> <th> Product Code</th> <th> Product Name</th> <th colspan="2"> Price</th> </tr> <tr> <td colspan="2"> </td><td>Rs.</td><td>Ps.</td> </tr> <tr> <td>A001</td><td>AAA</td> <td>150</td><td>00</td> </tr> <tr> <td>B002</td><td>BBB</td> <td>120</td><td>99</td> </tr> <tr> <td>C002</td><td>CCC</td> <td>250</td><td>00</td> </tr> </table> It will span the 3rd column into two more nested columns.
69.
Learning & Knowledge
Education - India © 2007 IBM Corporation69 This cell is spanned to 2 columns
70.
Learning & Knowledge
Education - India © 2007 IBM Corporation70 <table border="1"> <caption>COLSPAN Example</caption> <tr> <th colspan="5"> Product Description</th> </tr> <tr> <th> Product Code</th> <th> Product Name</th> <th colspan="2"> Price</th> </tr> <tr> <td colspan="2"> </td><td>Rs.</td><td>Ps.</td> </tr> <tr> <td>A001</td><td>AAA</td> <td>150</td><td>00</td> </tr> <tr> <td>B002</td><td>BBB</td> <td>120</td><td>99</td> </tr> <tr> <td>C002</td><td>CCC</td> <td>250</td><td>00</td> </tr> </table> It will span the 3rd row 1st column into two columns. In other words, it will merge the 1st two columns of the 3rd row.
71.
Learning & Knowledge
Education - India © 2007 IBM Corporation71 This cell is spanned to 2 columns
72.
Learning & Knowledge
Education - India © 2007 IBM Corporation72 Some More Attributes of Table tag • Cellspacing - The CELLSPACING attribute creates a space, or border, of the specified number of pixels, between each cell. • Cellpadding - The CELLPADDING attribute separates text of the cell from the cell border with a padding with the specified number of pixels. • Width - specify the width of the table
73.
Learning & Knowledge
Education - India © 2007 IBM Corporation73 USING CELLSPACING ATTRIBUTE <html> <body> <table cellspacing=“25" border="1"> <tr><th>Table Heading 1</th> <th>Table Heading 2</th> </tr> <tr><td>Table Contents 1</td> <td>Table Contents 2</td> </tr> </body> </html>
74.
Learning & Knowledge
Education - India © 2007 IBM Corporation74 USING CELLSPACING ATTRIBUTE <html> <body> <table cellspacing=“25" border="1"> <tr><th>Table Heading 1</th> <th>Table Heading 2</th> </tr> <tr><td>Table Contents 1</td> <td>Table Contents 2</td> </tr> </body> </html>
75.
Learning & Knowledge
Education - India © 2007 IBM Corporation75 Vertical Cell spacing Horizontal Cell spacing
76.
Learning & Knowledge
Education - India © 2007 IBM Corporation76 USING CELLPADDING ATTRIBUTE <html> <body> <table cellpadding=“25" border="1"> <tr><th>Table Heading 1</th> <th>Table Heading 2</th> </tr> <tr><td>Table Contents 1</td> <td>Table Contents 2</td> </tr> </body> </html>
77.
Learning & Knowledge
Education - India © 2007 IBM Corporation77 USING CELLPADDING ATTRIBUTE <html> <body> <table cellpadding=“25" border="1"> <tr><th>Table Heading 1</th> <th>Table Heading 2</th> </tr> <tr><td>Table Contents 1</td> <td>Table Contents 2</td> </tr> </body> </html>
78.
Learning & Knowledge
Education - India © 2007 IBM Corporation78 Vertical Cell padding Horizontal Cell padding
79.
Learning & Knowledge
Education - India © 2007 IBM Corporation79 USING WIDTH ATTRIBUTE <html> <body> <table width=“80%" border="1"> <tr><th>Table Heading 1</th> <th>Table Heading 2</th> </tr> <tr><td>Table Contents 1</td> <td>Table Contents 2</td> </tr> </body> </html>
80.
Learning & Knowledge
Education - India © 2007 IBM Corporation80 USING WIDTH ATTRIBUTE <html> <body> <table width=“80%" border="1"> <tr><th>Table Heading 1</th> <th>Table Heading 2</th> </tr> <tr><td>Table Contents 1</td> <td>Table Contents 2</td> </tr> </body> </html>
81.
Learning & Knowledge
Education - India © 2007 IBM Corporation81 Cell Width
82.
Learning & Knowledge
Education - India © 2007 IBM Corporation82 if Cell Width = 20%
83.
Learning & Knowledge
Education - India © 2007 IBM Corporation83 Table Alignment Related Attribute • HTML tables can be aligned on the page, and cell content can be aligned within the cell. This attribute use to align HORIZONTALLY is ALIGN CENTER LEFT RIGHT Attribute values are This attribute use to align VERTICALLY is VALIGN MIDDLE TOP BOTTOM Attribute values are The blinking attribute value is the default value for VALIGN.
84.
Learning & Knowledge
Education - India © 2007 IBM Corporation84 VALIGN=“top” Table Alignment Cell1 Cell2 Cell3 Cell4 Cell5 Cell6 Cell7 Cell8 Cell9 ALIGN=“left” VALIGN=“middle” VALIGN=“bottom” ALIGN=“center” ALIGN=“right”
85.
Learning & Knowledge
Education - India © 2007 IBM Corporation85 Paragraphs & Line Breaks
86.
Learning & Knowledge
Education - India © 2007 IBM Corporation86 Line Separators • Tags used for separating one line with other can be classifies as follows:- 1. <P> tag 2. <BR> tag 3. <HR> tag
87.
Learning & Knowledge
Education - India © 2007 IBM Corporation87 The <P> Tag • Normally all text in an HTML document is treated like one long paragraph. Indented or blank lines which normally indicate start of paragraphs in text are ignored. • To separate your text into paragraphs use the • The <P> tag forces an end of line and forces a blank line before the next paragraph. <P> tag.
88.
Learning & Knowledge
Education - India © 2007 IBM Corporation88 Requirement Analysis
89.
Learning & Knowledge
Education - India © 2007 IBM Corporation89 <p>This is should be the end of my first paragraph in HTML.</p> <p>This should be the start of my second paragraph in HTML.</p> <p>And this is should be my third paragraph in HTML.</p> Code Snippet To Fulfill the Requirement
90.
Learning & Knowledge
Education - India © 2007 IBM Corporation90 <p>This is should be the end of my first paragraph in HTML.</p> <p>This should be the start of my second paragraph in HTML.</p> <p>And this is should be my third paragraph in HTML.</p> <p> tag forces an end of line and forces a blank line before the next paragraph.
91.
Learning & Knowledge
Education - India © 2007 IBM Corporation91 <p>This is should be the end of my first paragraph in HTML.</p> <p>This should be the start of my second paragraph in HTML.</p> <p>And this is should be my third paragraph in HTML.</p> <p> tag forces an end of line and forces a blank line before the next paragraph. Ends the paragraph tag.
92.
Learning & Knowledge
Education - India © 2007 IBM Corporation92 The <BR> Tag • 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.
93.
Learning & Knowledge
Education - India © 2007 IBM Corporation93 Requirement Analysis
94.
Learning & Knowledge
Education - India © 2007 IBM Corporation94 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> Code Snippet To Fulfill the Requirement
95.
Learning & Knowledge
Education - India © 2007 IBM Corporation95 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> Forces line break with one line spacing between two lines.
96.
Learning & Knowledge
Education - India © 2007 IBM Corporation96 The <HR> tag • 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.
97.
Learning & Knowledge
Education - India © 2007 IBM Corporation97 Requirement Analysis
98.
Learning & Knowledge
Education - India © 2007 IBM Corporation98 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> Code Snippet To Fulfill the Requirement
99.
Learning & Knowledge
Education - India © 2007 IBM Corporation99 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> Draws a horizontal line across the page.
100.
Learning & Knowledge
Education - India © 2007 IBM Corporation100 <HR> tag Attributes <hr color=“red”> 1. Color Attribute How To Use <hr color=“blue”> <hr color=“pink”>
101.
Learning & Knowledge
Education - India © 2007 IBM Corporation101 <HR> tag Attributes <hr width=“50%”> 2. Width Attribute How To Use <hr color=“blue” width=“100%”> <hr color=“500”> Default alignment of HR is center.
102.
Learning & Knowledge
Education - India © 2007 IBM Corporation102 <HR> tag Attributes <hr align=“left” width=“50%”> 3. Align Attribute How To Use <hr align=“right” width=“50%”> <hr align=“center” width=“50%”>
103.
Learning & Knowledge
Education - India © 2007 IBM Corporation103 <HR> tag Attributes <hr size=“5”> 4. Size Attribute How To Use <hr size=“3” color=“red”> <hr align=“center” width=“50%” size=“2”>
104.
Learning & Knowledge
Education - India © 2007 IBM Corporation104 The Headings Tags • To add headings in the HTML document use tag where, n represent number from 1 to 6. <Hn> <H1> </H1>Some text here <H2> </H2> <H3> </H3> <H4> </H4> <H5> </H5> <H6> </H6> Some text here Some text here Some text here Some text here Some text here
105.
Learning & Knowledge
Education - India © 2007 IBM Corporation105 Listing In HTML • 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
106.
Learning & Knowledge
Education - India © 2007 IBM Corporation106 Unordered List • 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.
107.
Learning & Knowledge
Education - India © 2007 IBM Corporation107 Unordered List • 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.
108.
Learning & Knowledge
Education - India © 2007 IBM Corporation108 Unordered List <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> Check Out An Example
109.
Learning & Knowledge
Education - India © 2007 IBM Corporation109 Check Out The Output
110.
Learning & Knowledge
Education - India © 2007 IBM Corporation110 Ordered List • 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.
111.
Learning & Knowledge
Education - India © 2007 IBM Corporation111 Ordered List <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> Check Out An Example
112.
Learning & Knowledge
Education - India © 2007 IBM Corporation112 Check Out The Output
113.
Learning & Knowledge
Education - India © 2007 IBM Corporation113 Text Formatting and Alignment
114.
Learning & Knowledge
Education - India © 2007 IBM Corporation114 1. <PRE> tag Character Styles 2. <BLOCKQUOTE> tag 3. <ADDRESS> tag 4. Logical Character Highlighting tags 5. Physical Character Highlighting tags Text Formatting
115.
Learning & Knowledge
Education - India © 2007 IBM Corporation115 1. <PRE> tag Character Styles • It is used to include preformatted text into your HTML document. • Text will appeared exactly as typed including, tabs and returns. Text Formatting (Contd.)
116.
Learning & Knowledge
Education - India © 2007 IBM Corporation116 1. <PRE> tag Character Styles <pre> This is should be the end of my first paragraph in HTML. This should be the start of my second paragraph in HTML.</pre> And this is should be my third paragraph in HTML. Sample Code Text Formatting (Contd.)
117.
Learning & Knowledge
Education - India © 2007 IBM Corporation117 1. <PRE> tag Character Styles Sample Output Text Formatting (Contd.)
118.
Learning & Knowledge
Education - India © 2007 IBM Corporation118 2. <BLOCKQUOTE> tag Character Styles • Used to include indented text in a document. • Both the right and left margin are indented. Text Formatting (Contd.)
119.
Learning & Knowledge
Education - India © 2007 IBM Corporation119 2. <BLOCKQUOTE> tag Character Styles Most Popular Quote of Shakespeare : <BLOCKQUOTE> To Be, Or Not To Be: That Is The Question </BLOCKQUOTE> Sample Code Text Formatting (Contd.)
120.
Learning & Knowledge
Education - India © 2007 IBM Corporation120 2. <BLOCKQUOTE> tag Character Styles Sample Output Text Formatting (Contd.)
121.
Learning & Knowledge
Education - India © 2007 IBM Corporation121 3. <ADDRESS> tag Character Styles • It defines text that gives an address or other contact information. • It is displayed in italic. • Generally, displayed in the bottom of the page. Text Formatting (Contd.)
122.
Learning & Knowledge
Education - India © 2007 IBM Corporation122 3. <ADDRESS> tag Character Styles IBM stands for International Business Machines. <hr color=“blue”> The HeadQuarter is located at: <ADDRESS> IBM Armonk, <BR>New York, USA. </ADDRESS> Sample Code Text Formatting (Contd.)
123.
Learning & Knowledge
Education - India © 2007 IBM Corporation123 3. <ADDRESS> tag Character Styles Sample Output Text Formatting (Contd.)
124.
Learning & Knowledge
Education - India © 2007 IBM Corporation124 4. Character Styles • Logical Character Highlighters are also known as Idiomatic styles tags. • The purpose of logical tags is to convey the basic semantic meaning of a piece of text rather than the absolute appearance. • It is used to give your text a different look when displayed by browsers. • Browser handle the look and feel of the logical tag. Logical Character Highlighting tags Text Formatting (Contd.)
125.
Learning & Knowledge
Education - India © 2007 IBM Corporation125 4. Character Styles Logical Character Highlighting tags Name Tag Example Strong <STRONG> This is STRONG text Emphasis <EM> This is EMphasized text Code <CODE> This is CODEd text Keyboard <KBD> This is “KeyBoarD” text Variable <VAR> This is VARiable text Text Formatting (Contd.)
126.
Learning & Knowledge
Education - India © 2007 IBM Corporation126 5. Character Styles • Physical Character Highlighters are also known as Typographical styles tags. • It is used to give your text a different look but exacting look. • Not all browsers support physical styles. Physical Character Highlighting tags Text Formatting (Contd.)
127.
Learning & Knowledge
Education - India © 2007 IBM Corporation127 5. Character Styles Physical Character Highlighting tags Name Tag Example Bold <B> This is Bold text Italics <I> This is Italicized text Underline <U> This is a underlined text Teletype <TT> This is TeleType text Superscript <SUP> X2Y3 Subscript <SUB> H2SO4 Text Formatting (Contd.)
128.
Learning & Knowledge
Education - India © 2007 IBM Corporation128 Font Tag • It is used to change the font color, fontsize, fontfaceof text in an HTML document. Text Formatting (Contd.)
129.
Learning & Knowledge
Education - India © 2007 IBM Corporation129 1. Size Attributes of Font Tag 2. Color 3. Face Text Formatting (Contd.)
130.
Learning & Knowledge
Education - India © 2007 IBM Corporation130 1. Size Attributes of Font Tag Default font size is 3. Largest font size can be set is 7. Smallest is 1. The primary <FONT> attribute is SIZE=x, where x is an absolute value ranging from 1 to 7 or a relative vale (+/-). Text Formatting (Contd.)
131.
Learning & Knowledge
Education - India © 2007 IBM Corporation131 1. Size Attributes of Font Tag Html Code Output <FONT SIZE=4>HTML is Fun</FONT> HTML is Fun <FONT SIZE=+1>HTML is Fun</FONT> HTML is Fun <FONT SIZE=1>HTML is Fun</FONT> HTML is Fun <FONT SIZE=-2>HTML is Fun</FONT> HTML is Fun Text Formatting (Contd.)
132.
Learning & Knowledge
Education - India © 2007 IBM Corporation132 2. Color Attributes of Font Tag There are 3 different methods to set color. i. Generic Coloring System ii. RGB Coloring System iii. Hexadecimal Coloring System Text Formatting (Contd.)
133.
Learning & Knowledge
Education - India © 2007 IBM Corporation133 2. Color Attributes of Font Tag i. Generic Coloring System Generics colors are preset HTML coded colors where the value is simply the name of each color. Text Formatting (Contd.)
134.
Learning & Knowledge
Education - India © 2007 IBM Corporation134 2. Color Attributes of Font Tag i. Generic Coloring System Black Gray Silver White Yellow Lime Aqua Fuchsia Red Green Blue Purple Maroon Olive Navy Teal Sample Generic Basic Colors Text Formatting (Contd.)
135.
Learning & Knowledge
Education - India © 2007 IBM Corporation135 2. Color Attributes of Font Tag ii. RGB Coloring System RGB stands for Red, Green, Blue. Each can have a value from 0 (none of that color) to 255 (fully that color). The format for RGB is – RGB (Red, Green, Blue) Text Formatting (Contd.)
136.
Learning & Knowledge
Education - India © 2007 IBM Corporation136 2. Color Attributes of Font Tag ii. RGB Coloring System <font color=RGB(255,0,0)>Confidence</font> Confidence <font color=RGB(255,255,0)>Confidence</font> Confidence <font color=RGB(0,0,255)>Confidence</font> Confidence <font color=RGB(255,255,255)>Confidence</font> Confidence OutputExample Text Formatting (Contd.)
137.
Learning & Knowledge
Education - India © 2007 IBM Corporation137 2. Color Attributes of Font Tag iii. Hexadecimal Coloring System A hexadecimal is a 6 digit representation of a color. XX XX XX Red Green Blue Text Formatting (Contd.)
138.
Learning & Knowledge
Education - India © 2007 IBM Corporation138 2. Color Attributes of Font Tag iii. Hexadecimal Coloring System <font color=“#FF0000”>Confidence</font> Confidence <font color=“#FFFF00”>Confidence</font> Confidence <font color=“#0000FF”>Confidence</font> Confidence <font color=“#FFFFFF”>Confidence</font> Confidence Example Output Text Formatting (Contd.)
139.
Learning & Knowledge
Education - India © 2007 IBM Corporation139 Color Color Name Hexadecimal Value Color Color Name Hexadecimal Value Black #000000 Green #008000 Silver #c0c0c0 Lime #00ff00 Gray #808080 Olive #808000 White #ffffff Yellow #ffff00 Maroon #800000 Navy #000080 Red #ff0000 Blue #0000ff Purple #800080 Teal #008080 Fushia #ff00ff Aqua #00ffff Text Formatting (Contd.)
140.
Learning & Knowledge
Education - India © 2007 IBM Corporation140 3. Face Attributes of Font Tag The font face attribute is used to specify the font name. Text Formatting (Contd.)
141.
Learning & Knowledge
Education - India © 2007 IBM Corporation141 3. Attributes of Font Tag <font face=“Serif”>Confidence</font> Confidence <font face=“Courier”>Confidence</font> Confidence <font color=“Palatino”>Confidence</font> Confidence <font color=“Monotype Corsiva”>Confidence</font> Confidence Output Example Face Code Snippet Text Formatting (Contd.)
142.
Learning & Knowledge
Education - India © 2007 IBM Corporation142 Special Characters <html> <body> <h2><b><MARQUEE></b> is used to scroll the enclosing text.</h2> </body> </html> Exampl e Text Formatting (Contd.)
143.
Learning & Knowledge
Education - India © 2007 IBM Corporation143 Special Characters Output Text Formatting (Contd.)
144.
Learning & Knowledge
Education - India © 2007 IBM Corporation144 Using Links & Images
145.
Learning & Knowledge
Education - India © 2007 IBM Corporation145 Using Links • The Anchor Tag HTML uses the <a> (anchor) tag to create a link to another document. Attributes of <a>(anchor) tag • href : is used to address the document to link to, and the words between the open and close of the anchor tag will be displayed as a hyperlink. Syntax: <a href=”url”>Text to be displayed</a>
146.
Learning & Knowledge
Education - India © 2007 IBM Corporation146 Using Links (Contd.) Attributes of <a>(anchor) tag • target : The target attribute defines where the linked document will be opened. Syntax: <a href=“http://lw3.ibm.com” target=“where to place the document”>Text to be displayed</a> • name :The name attribute is used to create a named anchor. When using named anchors we can create links that can jump directly into a specific section on a page. Syntax <a name=“label”>Text to be displayed</a>
147.
Learning & Knowledge
Education - India © 2007 IBM Corporation147 Example of a Hyperlink <html> <head> <title>Example of a Hyperlink</title> <head> <body> <a href=“http://w3.IBM.com”> IBM</a> <a href=“http://w3.IBM.com” target=“_blank”>IBM</a> ---- other information within body tag------- </body> </html> The word IBM will be highlighted , and on clicking IBM the user will be taken to the w3 pages of IBM, the page will be opened on the same window The word IBM will be highlighted , and on clicking IBM the user will be taken to the w3 pages of IBM, the page will be opened on a new window.
148.
Learning & Knowledge
Education - India © 2007 IBM Corporation148 Example of Naming a link and accessing it <html> <body> <a name=“ loactions”>locations</a> Kolkata, Bangalore, Hyd, Pune, Chandigarh, Gurgoan ----- other information ---------- <a href=“#locations”>IBM Location In India</a> </body> </html> On Clicking on IBM Location in India you will be linked to the section which has been named as locations
149.
Learning & Knowledge
Education - India © 2007 IBM Corporation149 Embedding Images • The image tag In Html images are defined by using the <img> tag The <img> tag is a open tag ( does not have a </img>) Attributes of <img> tag • src : To display an image on a page, you need to use the src attribute . The value of the src is the url of the image to be displayed • Syntax <img src=“url”>
150.
Learning & Knowledge
Education - India © 2007 IBM Corporation150 Embedding images ( contd.) Attributes of <img> tag • alt :The alt attribute is used to define an "alternate text" for an image. The value of the alt attribute is an author-defined text: • Syntax <img src=“url” alt=“user defined text”> • width & height : the size of the image can be controlled by using the width and height attributes • Synatx <img src=“url” width=“size in pixels” height=“size in pixels”>
151.
Learning & Knowledge
Education - India © 2007 IBM Corporation151 Embedding images(contd.) Attributes of <img> tag • align : An image can be aligned with the surrounding text by using the align attribute • Syntax <img src=“url” width=“value in pixels” height=“value in pixels” align=“positon, ie left,right,top bottom…” > • Images can be used as hyperlinks also. <a href=“http://w3.ibm.com”> <img src=“logo.gif” width=“30 height=“40” ></a>
152.
Learning & Knowledge
Education - India © 2007 IBM Corporation152 Example of an embedded image <html> <body> <p> An image <img src=“home.gif" align="bottom" width="48" height="48"> in the text </p> <p> An image <img src ="home.gif" align="middle" width="48" height="48"> in the text </p> </body> </html>
153.
Learning & Knowledge
Education - India © 2007 IBM Corporation153 Web StyleSheets
154.
Learning & Knowledge
Education - India © 2007 IBM Corporation154 Cascading Style Sheet • Web style sheets are a form of separation of presentation and content for web design . • Style sheet can decide the presentation of web pages. • Style sheet takes care of all the layout, fonts, colors and overall look of the site.
155.
Learning & Knowledge
Education - India © 2007 IBM Corporation155 Cascading Style Sheet (contd..) • Principal means of Styling a document using Cascading style sheets are: Inline style Sheet External style Sheet Embedded style Sheet
156.
Learning & Knowledge
Education - India © 2007 IBM Corporation156 Benefits of a Cascading Style Sheet • Pages download faster. • Page contains less code, and the pages are shorter and neater. • The look of the site is kept consistent throughout all the pages that work off the same stylesheet. • Updating the design and general site maintenance are made much easier.
157.
Learning & Knowledge
Education - India © 2007 IBM Corporation157 Parts of a Cascading Style Sheet • CSS syntax is made up of three parts: Selector Property Value HTML tag that you wish to change The attribute that you wish to change Each property can take a value
158.
Learning & Knowledge
Education - India © 2007 IBM Corporation158 Inline Style Sheet • Inline style sheets are applied by coding style properties and values inside the tags to which they apply. • An inline style sheet can appear inside any tag to directly set its style. All that is required is to enclose the applicable style properties and values inside a quoted style attribute. • Syntax <tag style=“property:value [;property:value]…”>
159.
Learning & Knowledge
Education - India © 2007 IBM Corporation159 Inline Style Sheet(contd.) <html> <body> <pre> <h1> Inline Style Sheet</h1> <p style="font-size: 12pt; color: red"> This is line one This is line two This is line three </p> </body> </html>
160.
Learning & Knowledge
Education - India © 2007 IBM Corporation160 Embedded Style sheet • Embedded style sheets are used when a unique style is required for a document. • Embedded style are defined in the <head> tag section by using the <style> tag • When a large number of style settings are used on a Web page, there is convenience in packaging the settings together in one place as an embedded style sheet, rather than having them scattered as inline style sheets throughout the document.
161.
Learning & Knowledge
Education - India © 2007 IBM Corporation161 Syntax of Style sheet selector {property: value} Example p {color: green} If the value consist of more than one word the value has to be embedded within quotes. p {font-family: “sans-serif”} If more then one property needs to be defined then the properties need to be separated by semi colon. p {font-family: “sans-serif” ; color: green}
162.
Learning & Knowledge
Education - India © 2007 IBM Corporation162 Example of an Embedded Style sheet <html> <head> <style type="text/css"> p {font-family:"sans-serif"; color: green} hr {color: red} body {color:blue; background-color:pink} </style> </head> <body> <p>This is paragraph one</p> <hr> <p> This is paragraph two</p> <hr> This line is not within paragraph tag </body> </html>
163.
Learning & Knowledge
Education - India © 2007 IBM Corporation163 External Style Sheet • Internal style sheets are used when a unique style is required for a document. • Internal style are defined in the <head> tag section by using the <style> tag • The different selectors, their properties and values should be defined within the external style sheet. • The external style sheet should be saved within a file, with an extension of .css
164.
Learning & Knowledge
Education - India © 2007 IBM Corporation164 External Style sheet Background is defined Paragraph font color is defined Horizontal color is defined Mystyle.css Requires the background, Paragraph and horizontal Rule setting defined In Mystyle.css FirstPage.html SecondPage.html Requires the background, Paragraph and horizontal Rule setting defined In Mystyle.css Both the html files uses <link rel="stylesheet" type="text/css" href=“Mystyle.css" />
165.
Learning & Knowledge
Education - India © 2007 IBM Corporation165 Example of External style sheet body {background-color: yellow} h1 {font-size: 36pt} p {margin-left: 50px; background: pink; color:blue} hr {color: red} Mystyle.css <html> <head> <link rel="stylesheet" type="text/css" href="Mystyle.css" /> </head> <body> <h1> This header is 36 pt </h1> <p> This paragraph has a left margin of 50 pixels<br> The font color is blue<br> The background color is pink </p> <hr> </body> </html> MyPage.html
166.
Learning & Knowledge
Education - India © 2007 IBM Corporation166 Multiple Style sheet h3 { color: red; text-align: left; font-size: 8pt } Mystyle.css <html> <head> <link rel=“stylesheet” type=“text/css” href=“Mystyle.css”> <style type=“text/css”> h3 {font-size: 20pt} </style> </head> <body> <h3> This is a header </h3> ---more text---- </body> </html> MyPage.html What will be the Font size Of <h3> 8pt or 20 pt??
167.
Learning & Knowledge
Education - India © 2007 IBM Corporation167 Multiple Style sheet Continued • If some properties have been set for the same selector in different style sheets, the values will be inherited from the more specific style sheet . h3 { color: red; text-align: left; font-size: 8pt } Mystyle.css <html> <head> <link rel=“stylesheet” type=“text/css” href=“Mystyle.css”> <style type=“text/css”> h3 {font-size: 20pt} </style> </head> <body> <h3> This is a header </h3> ---more text---- </body> </html> MyPage.html Color: Red Text-align-left Font-size- 20pt Font Size will be Inherited From the Internal Style sheet
168.
Learning & Knowledge
Education - India © 2007 IBM Corporation168 Some common selectors and attributes Selector property H1,H2,H3….. font-size,Font-family,font-style , font-weight Color, margin P font-size,Font-family,font-style , font-weight Color, Background-color,text-align, margin HR color body Background-color, font-size,Font-family,font-style , font- weight, margin
169.
Learning & Knowledge
Education - India © 2007 IBM Corporation169 Class Selector • With the class selector you can define different styles for the same type of HTML element. <html> <head> <link rel=“stylesheet” type=“text/css” href=“Mystyle.css”> </head> <body> <p class=“one”>This paragraph is Right aligned </p> <p class=“two”>This paragraph is Left aligned</p> </body> </html> MyPage.html p.one {text-align: right; color: white; background-color: black} p.two {text-align: left; color: black; background-color: Red} Mystyle.css
170.
Learning & Knowledge
Education - India © 2007 IBM Corporation170 Uses of <DIV> Tag 1. <DIV> tag is a container for other tags. 2. DIV elements are block elements and work behind the scenes grouping other tags together. Some of the attributes of <DIV> tag are: -> id -> width -> height -> title -> style <DIV> tag
171.
Learning & Knowledge
Education - India © 2007 IBM Corporation171 Uses of <DIV> Tag <div id="menu" align="right"> <a href="">HOME</a> | <a href="">CONTACT</a> | <a href="">ABOUT</a> | <a href="">LINKS</a></div> <div id="content" align="left" > <h5>Content Articles</h5> <p>This paragraph would be your content paragraph with all of your readable material.</p> <h5 >Content Article Number Two</h5> <p>Here's another content article right here.</p> </div> Example <DIV> tag
172.
Learning & Knowledge
Education - India © 2007 IBM Corporation172 Uses of <DIV> Tag Output <DIV> tag
173.
Learning & Knowledge
Education - India © 2007 IBM Corporation173 Using <span> in CSS • SPAN is a inline tag. • It is used to format small chunks of data within another element. • Combining <span> tag with CSS allows us to create custom tags. What is the Utility of <span> in HTML
174.
Learning & Knowledge
Education - India © 2007 IBM Corporation174 Using <span> in CSS (contd.) p { color: white ; background-color: black} .example1 {color:blue ; background- color: yellow ;font-family: "sans- serif"} .example2 {color:red ; background- color: white ;font-family: times} Mystyle.css <html> <head> <link rel="stylesheet" type="text/css" href="Mystyle.css" /> </head> <body> <p > This is the first line of the paragraph<br> This is the second line of the paragraph<br> <span class="example1">This is the third line of the paragraph<br> </span> <span class="example2">This is the fourth line of the paragraph<br> </span> This is the fifth line of the paragraph </p> </body> </html> MyPage.html
175.
Learning & Knowledge
Education - India © 2007 IBM Corporation175 Developing HTML Forms
176.
Learning & Knowledge
Education - India © 2007 IBM Corporation176 Form • An HTML form is a section of a document containing normal content, markup, special elements called controls (checkboxes, radio buttons, menus, etc.), and labels on those controls. • Users generally "complete" a form by modifying its controls (entering text, selecting menu items, etc.), before submitting the form to an agent for processing (e.g., to a Web server, to a mail server, etc.)
177.
Learning & Knowledge
Education - India © 2007 IBM Corporation177 Form (Contd.) • A form is defined with the <form> tag.
178.
Learning & Knowledge
Education - India © 2007 IBM Corporation178 Form (Contd.) HTML files Web Server Internet Request Request User makes a request For a HTML Form
179.
Learning & Knowledge
Education - India © 2007 IBM Corporation179 Form (Contd.) HTML files Web Server Internet HTML Form HTML Form Form is returned
180.
Learning & Knowledge
Education - India © 2007 IBM Corporation180 Form (Contd.) HTML files Web Server Internet HTML Form HTML Form Data Fill Up Process paul@gmail.com **********
181.
Learning & Knowledge
Education - India © 2007 IBM Corporation181 Form (Contd.) Web Server Internet Data Data paul@gmail.com ********** Agent for Processing (Servlet/JSP/ ASP/CGI) Data is Processed
182.
Learning & Knowledge
Education - India © 2007 IBM Corporation182 Form Controls • TextField: Are used to accept user input. It is a single line input control. • CheckBox Checkboxes are used when you want the user to select one or more options of a limited number of choices. • RadioButton Radio Buttons are used when you want the user to select one of a limited number of choices. • Combo Box Are used when you want users to choose options from a selectable lists. • TextArea Are used to accept user input. TextArea allows entry of multiple lines.
183.
Learning & Knowledge
Education - India © 2007 IBM Corporation183 Form Controls (Contd.) • PushButton Each push button may have client side script associated with the element's event attributes. When an event occurs (e.g., the user presses the button, releases it, etc.), the associated script is triggered. • Submit Button When activated, a submit button submits a form. A form may contain more than one submit button. • Reset Button When activated, a reset button resets all controls to their initial values.
184.
Learning & Knowledge
Education - India © 2007 IBM Corporation184 Form Controls (Contd) Form Component Tag Usage Output TextField <input> type name value <input type="text" name="t1" value="Paul"> Checkbox <input> type name value <input type="checkbox" name="c1" value="v1"> RadioButton <input> type name value <input type="radio" name="r1" value="v2"> <select> name <option> value TextArea <textarea> row col name <textarea name="n1" row="5" col="20"> <input> type name value <input type="button" name="b1" value="Click"> <input type="submit" name="s1" value="Submit"> <input type="reset" value="Reset"> PushButton Attribute ComboBox <select name="s1"><option value="v1">Display item</option></select> Paul Select anitem Click Submit Reset
185.
Learning & Knowledge
Education - India © 2007 IBM Corporation185 Example of a Form <html> <head> <title> Form Example</title> </head> <body bgcolor=pink > <center> <h3> Data Entry Form</h3> <form> <table> <tr><td>Name</td><td> <input type="text" name="t1"> </td></tr> <tr><td>Gender</td><td> <input type="radio" name=“r1” value=“m”> Male <input type="radio" name=“r1” value=“f”>Female</td></tr> <tr><td>Qualification</td><td><select name=“s”> <option >Select</option> <option value=“M.Sc”>M Sc</option> <option value=“M.A.”>MA</option> <option value="other">other</option></select > </td></tr> <tr><td> <input type="submit" value="submit"> </td> <td> <input type="reset" value="reset"> </td></tr> </table> </center> </form> </body> </html>
186.
Learning & Knowledge
Education - India © 2007 IBM Corporation186 Output of the Form
187.
Learning & Knowledge
Education - India © 2007 IBM Corporation187 Fieldset & Legend Tag • The fieldset tag is used to group the form elements whilst the legend tag provides a label for the fieldset. • The HTML legend tag is used for labelling the fieldset element. • By using the fieldset tag and the legend tag, you can make your forms much easier to understand for your users.
188.
Learning & Knowledge
Education - India © 2007 IBM Corporation188 Output Required
189.
Learning & Knowledge
Education - India © 2007 IBM Corporation189 Code Snippet <html> <body> <fieldset style="text-align:right;"> <legend><b>Address Details</b></legend> Favorite Address <input type="text" /><br/> Least Favorite Address <input type="text" /><br/> Current Address <input type="text" /><br/> Your Next Address <input type="text" /><br/> </fieldset> <br> <fieldset align="left"> <legend>Personal Info</legend> Name : <input type="text"> Age : <input type="text"> Gender : <input type="radio" name="r1">Male <input type="radio" name="r1">Female </fieldset> </body> </html>
190.
Learning & Knowledge
Education - India © 2007 IBM Corporation190 <fieldset> tag is used to group the form elements <html> <body> <fieldset style="text-align:right;"> <legend><b>Address Details</b></legend> Favorite Address <input type="text" /><br/> Least Favorite Address <input type="text" /><br/> Current Address <input type="text" /><br/> Your Next Address <input type="text" /><br/> </fieldset> <br> <fieldset align="left"> <legend>Personal Info</legend> Name : <input type="text"> Age : <input type="text"> Gender : <input type="radio" name="r1">Male <input type="radio" name="r1">Female </fieldset> </body> </html>
191.
Learning & Knowledge
Education - India © 2007 IBM Corporation191 <legend> tag is used give a suitable label to the group. <html> <body> <fieldset style="text-align:right;"> <legend><b>Address Details</b></legend> Favorite Address <input type="text" /><br/> Least Favorite Address <input type="text" /><br/> Current Address <input type="text" /><br/> Your Next Address <input type="text" /><br/> </fieldset> <br> <fieldset align="left"> <legend>Personal Info</legend> Name : <input type="text"> Age : <input type="text"> Gender : <input type="radio" name="r1">Male <input type="radio" name="r1">Female </fieldset> </body> </html>
192.
Learning & Knowledge
Education - India © 2007 IBM Corporation192 Given a Label using legend tag Created groups using fieldset tag
193.
Learning & Knowledge
Education - India © 2007 IBM Corporation193 Summary • HTML is used for publishing web page. • A tag is a reference in an HTML document which describes the style and structure of the document. • <TABLE> with <TR>,<TH>,<TD> tags are used to construct a tabular structure in HTML. • To create a List of items in HTML, tags used are <OL>and <UL>. • Tags that separate from one line to others are <P>, <BR>, <HR>. • It is used to include preformatted text into your HTML document. • <BLOCKQUOTE> tag is used to include indented text in a document. • The purpose of Logical Character Style tags is to convey the basic semantic meaning of a piece of text rather than the absolute appearance. • Physical Character Style tags is used to give your text a different look but exacting look. • <Font> tag is used to change the font size, color and face in a document.
194.
Learning & Knowledge
Education - India © 2007 IBM Corporation194 Summary (Contd.) • Special characters are those that has a special meaning in HTML and those are not found on English keyboards. • HTML uses the <a> (anchor) tag to create a link to another document. • In Html images are defined by using the <img> tag • The <img> tag is a open tag ( does not have a </img>) • Web style sheets are a form of separation of presentation and content for web design . • CSS syntax is made up of three parts: Selector, property and value • Internal style sheets are used when a unique style is required for a document. • Internal style are defined in the <head> tag section by using the <style> tag
195.
Learning & Knowledge
Education - India © 2007 IBM Corporation195 Summary (Contd.) • Internal style sheets are used when a unique style is required for a document. • Internal style are defined in the <head> tag section by using the <style> tag • With the class selector you can define different styles for the same type of HTML element • <Span> is a inline tag. • Span is used to format small chunks of data within another element.An HTML form is a section of a document containing normal content, markup, special elements called controls. • Some of the common controls are checkboxes, radio buttons, Textfields, etc. • Fieldset & Legend tags are used for grouping form elements and giving a suitable name to the group respectively.
196.
Learning & Knowledge
Education - India © 2007 IBM Corporation196 Test Your Understanding 1. Select the correct option for making a hyperlink? a. <a href="http://www.w3schools.com">W3Schools</a> b. <a url="http://www.w3schools.com">W3Schools.com</a> c. <a>http://www.w3schools.com</a> d. <a name="http://www.w3schools.com">W3Schools.com</a> 2. Style Sheet can decide presentation of a web page a. true b. false
197.
Learning & Knowledge
Education - India © 2007 IBM Corporation197 Test Your Understanding (Contd.) 3. The <style> tag should be embedded within: a. <body> b. <form> c. <head> d. <img> 4. With the _________selector you can define different styles for the same type of HTML element. a. Form b. Button c. Span d. class
198.
Learning & Knowledge
Education - India © 2007 IBM Corporation198 Test Your Understanding (Contd.) 5. The ___________ attribute of table tag separates text from the cell border a. CELLPADDING b. CELLSPACING c. BORDERSPACING d. TABLESPACING 6. What is the default font size in a web page. a. 1 b. 2 c. 3 d. 5
199.
Learning & Knowledge
Education - India © 2007 IBM Corporation199 a. <TR> b. <SPAN> c. <STRONG> d. <FIELDSET> e. <HR> iii. Creates a horizontal rule. iv. Creates a new row in a table v. Used to format small chunks of data. i. Emphasizes the text enclosed within it. ii. Used to group the form elements. Match Group A with B Group A Group B Test Your Understanding (Contd.)
200.
Learning & Knowledge
Education - India © 2007 IBM Corporation200 References • http://www.pierobon.org/iis/url.htm • http://w3schools.com/html • http://www.ology.org/tilt/cgh/ - Things to consider while developing web page using HTML. • http://www.tizag.com/htmlT • http://www.1stsitefree.com • http://www.quackit.com/html
Télécharger maintenant