SlideShare a Scribd company logo
1 of 87
4 ,[object Object]
OBJECTIVES ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
4.1 Introduction ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
4.2 Editing XHTML ,[object Object]
Good Programming Practice 4.1 ,[object Object]
4.3 First XHTML Example ,[object Object],[object Object],[object Object],[object Object]
4.3 First XHTML Example (Cont.) ,[object Object],[object Object],[object Object],[object Object],[object Object]
4.3 First XHTML Example (Cont.) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
4.3 First XHTML Example (Cont.) ,[object Object]
4.3 First XHTML Example (Cont.) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Fig. 4.1  |  First XHTML example. Creates a  head  element Creates a  title  element, which contains the text  Welcome Creates a  p  element within the body, which displays welcome text XHTML comments, not interpreted by the browser
Good Programming Practice 4.2 ,[object Object]
Common Programming Error 4.1 ,[object Object]
Common Programming Error 4.2 ,[object Object]
Good Programming Practice 4.3 ,[object Object]
Common Programming Error 4.3 ,[object Object]
Good Programming Practice 4.4 ,[object Object]
4.4 W3C XHTML Validation Service ,[object Object],[object Object],[object Object]
Error-Prevention Tip 4.1 ,[object Object]
4.5 Headings ,[object Object],[object Object],[object Object]
Portability Tip 4.1 ,[object Object]
Look-and-Feel Observation 4.1 ,[object Object]
Look-and-Feel Observation 4.2 ,[object Object]
Fig. 4.2  |  Heading elements  h1  through  h6 . Creates six headings, each with  decreasing significance
4.6 Linking ,[object Object],[object Object]
4.6 Linking (Cont.) ,[object Object],[object Object],[object Object],[object Object]
4.6 Linking (Cont.) ,[object Object]
4.3  |  Linking to other web pages.  Creates anchor elements that link to the URL specified in the  href  attribute
Fig. 4.4  |  Linking to an e-mail address (Part 1 of 2). Hyperlink that creates a message to the address  [email_address]  with the computer’s default e-mail program
Fig. 4.4  |  Linking to an e-mail address (Part 2 of 2).
4.7 Images ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Good Programming Practice 4.5 ,[object Object]
Performance Tip 4.1 ,[object Object]
Common Programming Error 4.4 ,[object Object]
4.7 Images (Cont.) ,[object Object],[object Object]
4.5  |  Images in XHTML files.  Specifies the image file’s location Specifies the image’s width Specifies the image’s height Specifies text to display if the image is unavailable
4.7 Images (Cont.) ,[object Object]
Fig. 4.6  |  Images as link anchors (Part 1 of 2). Creates a hyperlinked image
Fig. 4.6  |  Images as link anchors (Part 1 of 2).
4.8 Special Characters and Horizontal Rules ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
4.8 Special Characters and Horizontal Rules (Cont.) ,[object Object],[object Object]
Fig. 4.7  |  Inserting special characters (Part 1 of 2). Inserts a horizontal rule, with a line break before and after Inserts the special characters © and  &
Fig. 4.7  |  Inserting special characters (Part 2 of 2). Makes the  2  superscript Makes the  1   subscript Creates a strikethrough effect Emphasizes text  Inserts the special symbols  <  and  ¼
4.9 Lists ,[object Object],[object Object],[object Object]
Fig. 4.8  |  Unordered list containing hyperlinks (Part 1 of 2). Creates an unordered list Makes hyperlinked elements into individual list items
Fig. 4.8  |  Unordered list containing hyperlinks (Part 2 of 2).
4.9 Lists (Cont.) ,[object Object],[object Object]
Fig. 4.9  |  Nested and ordered lists (Part 1 of 3).  A single list element
Fig. 4.9  |  Nested and ordered lists (Part 2 of 3).  Creates an ordered list within a list element Another single unordered list element Creates an ordered list within this list element Ends the list element Ends nested list
Fig. 4.9  |  Nested and ordered lists (Part 3 of 3).
4.10 Tables ,[object Object],[object Object],[object Object],[object Object],[object Object]
4.10 Tables (Cont.) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
4.10 Tables (Cont.) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
4.10  |  Creating a basic table (Part 1 of 3).  Begins a new XHTML table Sets the table’s border to be one pixel wide Sets the table’s width to 40% of the screen Describes the table’s contents in the  summary  attribute Sets the text above the table Creates a head element Creates a table heading cell in the new table row Makes a new table row Creates the next cell in the row
4.10  |  Creating a basic table (Part 2 of 3).  Creates a foot section Creates table header cells at the bottom of the table  Creates a body section Inserts a cell in the body of the table Ends the table
4.10  |  Creating a basic table (Part 3 of 3).
4.10 Tables (Cont.) ,[object Object],[object Object],[object Object]
4.11  |  Complex XHTML table (Part 1 of 3).  Makes the header cell span 2 rows
4.11  |  Complex XHTML table (Part 2 of 3).  Makes the header cell span 4 columns
4.11  |  Complex XHTML table (Part 3 of 3).
4.11 Forms ,[object Object],[object Object],[object Object]
4.11 Forms (Cont.) ,[object Object],[object Object],[object Object]
4.11 Forms (Cont.) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Fig. 4.12  |  Form with hidden fields and a text box (Part 1 of 2). Appends form data to the browser request No URL is used to process this form’s data Creates hidden inputs not visible to the user
Fig. 4.12  |  Form with hidden fields and a text box (Part 2 of 2). Creates a label for the text field Inserts a text box called “name” with 25 characters visible and a 30 character limit Inserts a submit button with “Submit” written on it Inserts a reset button with “Clear” written on it Ends the XHTML form
Look-and-Feel Observation 4.3 ,[object Object]
Good Programming Practice 4.6 ,[object Object]
4.11 Forms (Cont.) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
4.11 Forms (Cont.) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
4.11 Forms (Cont.) ,[object Object],[object Object]
Fig. 4.13  |  Form using a variety of components (Part 1 of 5).
Fig. 4.13  |  Form using a variety of components (Part 2 of 5). Inserts a text area with 4 rows and 36 columns, whose initial text is “Enter comments here.” Inserts an input field that displays entered text as asterisks (or another character) Inserts several checkboxes with different labels
Fig. 4.13  |  Form using a variety of components (Part 3 of 5). Inserts a group of radio buttons, only one of which can be selected Initially sets this radio button as selected
Fig. 4.13  |  Form using a variety of components (Part 4 of 5). Create a drop-down list named “rating” Sets “Amazing” as the initially selected option
Fig. 4.13  |  Form using a variety of components (Part 5 of 5).
Common Programming Error 4.5 ,[object Object]
Common Programming Error 4.6 ,[object Object]
4.12 Internal Linking ,[object Object],[object Object]
Fig. 4.14  |  Internal hyperlinks to make pages more navigable (Part 1 of 3). Sets the  id  attribute for the  h1  element Creates a link to the element in this document with  id  =  bugs
Fig. 4.14  |  Internal hyperlinks to make pages more navigable (Part 2 of 3). Creates a link to the element  in this document with  id  =  features Sets the  id  attribute for this  h1  element
Fig. 4.14  |  Internal hyperlinks to make pages more navigable (Part 3 of 3).
Look-and-Feel Observation 4.4 ,[object Object]
4.13  meta  Elements ,[object Object],[object Object],[object Object],[object Object],[object Object]
Fig. 4.15   |  meta  elements provide keywords and a description of a page (Part 1 of 2). Provides keywords describing the page for a search engine Provides the site’s description in sentence form for a search engine
Fig. 4.15   |  meta  elements provide keywords and a description of a page (Part 2 of 2).
Software Engineering Observation 4.1 ,[object Object]

More Related Content

What's hot (20)

Xhtml
XhtmlXhtml
Xhtml
 
Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
 
Div tag presentation
Div tag presentationDiv tag presentation
Div tag presentation
 
Introduction to Html5
Introduction to Html5Introduction to Html5
Introduction to Html5
 
Formatting tags
Formatting tagsFormatting tags
Formatting tags
 
INTRODUCTION TO PARALLEL PROCESSING
INTRODUCTION TO PARALLEL PROCESSINGINTRODUCTION TO PARALLEL PROCESSING
INTRODUCTION TO PARALLEL PROCESSING
 
27 iframe
27 iframe27 iframe
27 iframe
 
DTD
DTDDTD
DTD
 
Css box-model
Css box-modelCss box-model
Css box-model
 
Web html table tags
Web html  table tagsWeb html  table tags
Web html table tags
 
HTML: Tables and Forms
HTML: Tables and FormsHTML: Tables and Forms
HTML: Tables and Forms
 
Html Basic Tags
Html Basic TagsHtml Basic Tags
Html Basic Tags
 
Html text and formatting
Html text and formattingHtml text and formatting
Html text and formatting
 
Html formatting
Html formattingHtml formatting
Html formatting
 
HTML Forms
HTML FormsHTML Forms
HTML Forms
 
Html form tag
Html form tagHtml form tag
Html form tag
 
JavaScript - Chapter 12 - Document Object Model
  JavaScript - Chapter 12 - Document Object Model  JavaScript - Chapter 12 - Document Object Model
JavaScript - Chapter 12 - Document Object Model
 
Sessions in php
Sessions in php Sessions in php
Sessions in php
 
Html links
Html linksHtml links
Html links
 
javascript objects
javascript objectsjavascript objects
javascript objects
 

Viewers also liked

Viewers also liked (13)

1-02: HTML Markup Introduction
1-02: HTML Markup Introduction1-02: HTML Markup Introduction
1-02: HTML Markup Introduction
 
HTML5 - Introduction
HTML5 - IntroductionHTML5 - Introduction
HTML5 - Introduction
 
Introduction to XML, XHTML and CSS
Introduction to XML, XHTML and CSSIntroduction to XML, XHTML and CSS
Introduction to XML, XHTML and CSS
 
Xhtml
XhtmlXhtml
Xhtml
 
XHTML
XHTMLXHTML
XHTML
 
HTML: An Introduction
HTML: An IntroductionHTML: An Introduction
HTML: An Introduction
 
HTML5: a quick overview
HTML5: a quick overviewHTML5: a quick overview
HTML5: a quick overview
 
An Introduction To HTML5
An Introduction To HTML5An Introduction To HTML5
An Introduction To HTML5
 
Html 5 in a big nutshell
Html 5 in a big nutshellHtml 5 in a big nutshell
Html 5 in a big nutshell
 
Introduction to XML
Introduction to XMLIntroduction to XML
Introduction to XML
 
Up to Speed on HTML 5 and CSS 3
Up to Speed on HTML 5 and CSS 3Up to Speed on HTML 5 and CSS 3
Up to Speed on HTML 5 and CSS 3
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 

Similar to Xhtml

What is html xml and xhtml
What is html xml and xhtmlWhat is html xml and xhtml
What is html xml and xhtmlFkdiMl
 
HTML Basic Tags
HTML Basic Tags HTML Basic Tags
HTML Basic Tags Nisa Soomro
 
Empowerment Technologies Lecture 10 (Philippines SHS)
Empowerment Technologies Lecture 10 (Philippines SHS)Empowerment Technologies Lecture 10 (Philippines SHS)
Empowerment Technologies Lecture 10 (Philippines SHS)John Bosco Javellana, MAEd.
 
Introduction to HTML- Week 3- HTMLSyntax
Introduction to HTML- Week 3- HTMLSyntaxIntroduction to HTML- Week 3- HTMLSyntax
Introduction to HTML- Week 3- HTMLSyntaxMohammadRafsunIslam
 
WEB MODULE 1.pdf
WEB MODULE 1.pdfWEB MODULE 1.pdf
WEB MODULE 1.pdfDeepika A B
 
Xhtml Part2
Xhtml Part2Xhtml Part2
Xhtml Part2nleesite
 
INTRODUCTION TO HTML
INTRODUCTION TO HTMLINTRODUCTION TO HTML
INTRODUCTION TO HTMLbwire sedrick
 
Xml For Dummies Chapter 4 Adding Xhtml For The Web
Xml For Dummies   Chapter 4 Adding Xhtml For The WebXml For Dummies   Chapter 4 Adding Xhtml For The Web
Xml For Dummies Chapter 4 Adding Xhtml For The Webphanleson
 
Vskills certified html5 developer Notes
Vskills certified html5 developer NotesVskills certified html5 developer Notes
Vskills certified html5 developer NotesVskills
 
Chapter 2 - HTML5.pdf
Chapter 2 - HTML5.pdfChapter 2 - HTML5.pdf
Chapter 2 - HTML5.pdfMhndHTaani
 
Vskills certified html designer Notes
Vskills certified html designer NotesVskills certified html designer Notes
Vskills certified html designer NotesVskills
 

Similar to Xhtml (20)

What is html xml and xhtml
What is html xml and xhtmlWhat is html xml and xhtml
What is html xml and xhtml
 
HTML Basic Tags
HTML Basic Tags HTML Basic Tags
HTML Basic Tags
 
Empowerment Technologies Lecture 10 (Philippines SHS)
Empowerment Technologies Lecture 10 (Philippines SHS)Empowerment Technologies Lecture 10 (Philippines SHS)
Empowerment Technologies Lecture 10 (Philippines SHS)
 
Presentation html
Presentation   htmlPresentation   html
Presentation html
 
Introduction to HTML- Week 3- HTMLSyntax
Introduction to HTML- Week 3- HTMLSyntaxIntroduction to HTML- Week 3- HTMLSyntax
Introduction to HTML- Week 3- HTMLSyntax
 
WEB MODULE 1.pdf
WEB MODULE 1.pdfWEB MODULE 1.pdf
WEB MODULE 1.pdf
 
Xhtml Part2
Xhtml Part2Xhtml Part2
Xhtml Part2
 
INTRODUCTION TO HTML
INTRODUCTION TO HTMLINTRODUCTION TO HTML
INTRODUCTION TO HTML
 
Xml For Dummies Chapter 4 Adding Xhtml For The Web
Xml For Dummies   Chapter 4 Adding Xhtml For The WebXml For Dummies   Chapter 4 Adding Xhtml For The Web
Xml For Dummies Chapter 4 Adding Xhtml For The Web
 
WEB Mod1@AzDOCUMENTS.in (1).pdf
WEB Mod1@AzDOCUMENTS.in (1).pdfWEB Mod1@AzDOCUMENTS.in (1).pdf
WEB Mod1@AzDOCUMENTS.in (1).pdf
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Vskills certified html5 developer Notes
Vskills certified html5 developer NotesVskills certified html5 developer Notes
Vskills certified html5 developer Notes
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Chapter 2 - HTML5.pdf
Chapter 2 - HTML5.pdfChapter 2 - HTML5.pdf
Chapter 2 - HTML5.pdf
 
Vskills certified html designer Notes
Vskills certified html designer NotesVskills certified html designer Notes
Vskills certified html designer Notes
 

More from Abdul Khan

Lec 04 intro assembly
Lec 04 intro assemblyLec 04 intro assembly
Lec 04 intro assemblyAbdul Khan
 
Algorithm & data structures lec4&5
Algorithm & data structures lec4&5Algorithm & data structures lec4&5
Algorithm & data structures lec4&5Abdul Khan
 
Algorithm & data structure lec2
Algorithm & data structure lec2Algorithm & data structure lec2
Algorithm & data structure lec2Abdul Khan
 
Algorithm & data structures lec1
Algorithm & data structures lec1Algorithm & data structures lec1
Algorithm & data structures lec1Abdul Khan
 
Lec 03 ia32 architecture
Lec 03  ia32 architectureLec 03  ia32 architecture
Lec 03 ia32 architectureAbdul Khan
 
Lec 02 data representation part 2
Lec 02 data representation part 2Lec 02 data representation part 2
Lec 02 data representation part 2Abdul Khan
 
Lec 02 data representation part 1
Lec 02 data representation part 1Lec 02 data representation part 1
Lec 02 data representation part 1Abdul Khan
 
Lec 01 basic concepts
Lec 01 basic conceptsLec 01 basic concepts
Lec 01 basic conceptsAbdul Khan
 
war on terror
 war on terror war on terror
war on terrorAbdul Khan
 

More from Abdul Khan (9)

Lec 04 intro assembly
Lec 04 intro assemblyLec 04 intro assembly
Lec 04 intro assembly
 
Algorithm & data structures lec4&5
Algorithm & data structures lec4&5Algorithm & data structures lec4&5
Algorithm & data structures lec4&5
 
Algorithm & data structure lec2
Algorithm & data structure lec2Algorithm & data structure lec2
Algorithm & data structure lec2
 
Algorithm & data structures lec1
Algorithm & data structures lec1Algorithm & data structures lec1
Algorithm & data structures lec1
 
Lec 03 ia32 architecture
Lec 03  ia32 architectureLec 03  ia32 architecture
Lec 03 ia32 architecture
 
Lec 02 data representation part 2
Lec 02 data representation part 2Lec 02 data representation part 2
Lec 02 data representation part 2
 
Lec 02 data representation part 1
Lec 02 data representation part 1Lec 02 data representation part 1
Lec 02 data representation part 1
 
Lec 01 basic concepts
Lec 01 basic conceptsLec 01 basic concepts
Lec 01 basic concepts
 
war on terror
 war on terror war on terror
war on terror
 

Recently uploaded

From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilV3cube
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 

Recently uploaded (20)

From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 

Xhtml

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12. Fig. 4.1 | First XHTML example. Creates a head element Creates a title element, which contains the text Welcome Creates a p element within the body, which displays welcome text XHTML comments, not interpreted by the browser
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25. Fig. 4.2 | Heading elements h1 through h6 . Creates six headings, each with decreasing significance
  • 26.
  • 27.
  • 28.
  • 29. 4.3 | Linking to other web pages. Creates anchor elements that link to the URL specified in the href attribute
  • 30. Fig. 4.4 | Linking to an e-mail address (Part 1 of 2). Hyperlink that creates a message to the address [email_address] with the computer’s default e-mail program
  • 31. Fig. 4.4 | Linking to an e-mail address (Part 2 of 2).
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37. 4.5 | Images in XHTML files. Specifies the image file’s location Specifies the image’s width Specifies the image’s height Specifies text to display if the image is unavailable
  • 38.
  • 39. Fig. 4.6 | Images as link anchors (Part 1 of 2). Creates a hyperlinked image
  • 40. Fig. 4.6 | Images as link anchors (Part 1 of 2).
  • 41.
  • 42.
  • 43. Fig. 4.7 | Inserting special characters (Part 1 of 2). Inserts a horizontal rule, with a line break before and after Inserts the special characters © and &
  • 44. Fig. 4.7 | Inserting special characters (Part 2 of 2). Makes the 2 superscript Makes the 1 subscript Creates a strikethrough effect Emphasizes text Inserts the special symbols < and ¼
  • 45.
  • 46. Fig. 4.8 | Unordered list containing hyperlinks (Part 1 of 2). Creates an unordered list Makes hyperlinked elements into individual list items
  • 47. Fig. 4.8 | Unordered list containing hyperlinks (Part 2 of 2).
  • 48.
  • 49. Fig. 4.9 | Nested and ordered lists (Part 1 of 3). A single list element
  • 50. Fig. 4.9 | Nested and ordered lists (Part 2 of 3). Creates an ordered list within a list element Another single unordered list element Creates an ordered list within this list element Ends the list element Ends nested list
  • 51. Fig. 4.9 | Nested and ordered lists (Part 3 of 3).
  • 52.
  • 53.
  • 54.
  • 55. 4.10 | Creating a basic table (Part 1 of 3). Begins a new XHTML table Sets the table’s border to be one pixel wide Sets the table’s width to 40% of the screen Describes the table’s contents in the summary attribute Sets the text above the table Creates a head element Creates a table heading cell in the new table row Makes a new table row Creates the next cell in the row
  • 56. 4.10 | Creating a basic table (Part 2 of 3). Creates a foot section Creates table header cells at the bottom of the table Creates a body section Inserts a cell in the body of the table Ends the table
  • 57. 4.10 | Creating a basic table (Part 3 of 3).
  • 58.
  • 59. 4.11 | Complex XHTML table (Part 1 of 3). Makes the header cell span 2 rows
  • 60. 4.11 | Complex XHTML table (Part 2 of 3). Makes the header cell span 4 columns
  • 61. 4.11 | Complex XHTML table (Part 3 of 3).
  • 62.
  • 63.
  • 64.
  • 65. Fig. 4.12 | Form with hidden fields and a text box (Part 1 of 2). Appends form data to the browser request No URL is used to process this form’s data Creates hidden inputs not visible to the user
  • 66. Fig. 4.12 | Form with hidden fields and a text box (Part 2 of 2). Creates a label for the text field Inserts a text box called “name” with 25 characters visible and a 30 character limit Inserts a submit button with “Submit” written on it Inserts a reset button with “Clear” written on it Ends the XHTML form
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72. Fig. 4.13 | Form using a variety of components (Part 1 of 5).
  • 73. Fig. 4.13 | Form using a variety of components (Part 2 of 5). Inserts a text area with 4 rows and 36 columns, whose initial text is “Enter comments here.” Inserts an input field that displays entered text as asterisks (or another character) Inserts several checkboxes with different labels
  • 74. Fig. 4.13 | Form using a variety of components (Part 3 of 5). Inserts a group of radio buttons, only one of which can be selected Initially sets this radio button as selected
  • 75. Fig. 4.13 | Form using a variety of components (Part 4 of 5). Create a drop-down list named “rating” Sets “Amazing” as the initially selected option
  • 76. Fig. 4.13 | Form using a variety of components (Part 5 of 5).
  • 77.
  • 78.
  • 79.
  • 80. Fig. 4.14 | Internal hyperlinks to make pages more navigable (Part 1 of 3). Sets the id attribute for the h1 element Creates a link to the element in this document with id = bugs
  • 81. Fig. 4.14 | Internal hyperlinks to make pages more navigable (Part 2 of 3). Creates a link to the element in this document with id = features Sets the id attribute for this h1 element
  • 82. Fig. 4.14 | Internal hyperlinks to make pages more navigable (Part 3 of 3).
  • 83.
  • 84.
  • 85. Fig. 4.15 | meta elements provide keywords and a description of a page (Part 1 of 2). Provides keywords describing the page for a search engine Provides the site’s description in sentence form for a search engine
  • 86. Fig. 4.15 | meta elements provide keywords and a description of a page (Part 2 of 2).
  • 87.