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)

Xml ppt
Xml pptXml ppt
Xml ppt
 
Html presentation
Html presentationHtml presentation
Html presentation
 
Html frames
Html framesHtml frames
Html frames
 
Html vs xhtml
Html vs xhtmlHtml vs xhtml
Html vs xhtml
 
Xml namespace
Xml namespaceXml namespace
Xml namespace
 
CSS Basics
CSS BasicsCSS Basics
CSS Basics
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Javascript
JavascriptJavascript
Javascript
 
Database Connectivity in PHP
Database Connectivity in PHPDatabase Connectivity in PHP
Database Connectivity in PHP
 
CSS.ppt
CSS.pptCSS.ppt
CSS.ppt
 
Client side scripting using Javascript
Client side scripting using JavascriptClient side scripting using Javascript
Client side scripting using Javascript
 
Html forms
Html formsHtml forms
Html forms
 
Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS)
 
File Handling Python
File Handling PythonFile Handling Python
File Handling Python
 
XML
XMLXML
XML
 
Xhtml
XhtmlXhtml
Xhtml
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginners
 
Event In JavaScript
Event In JavaScriptEvent In JavaScript
Event In JavaScript
 
Xml 215-presentation
Xml 215-presentationXml 215-presentation
Xml 215-presentation
 
HTML Forms
HTML FormsHTML Forms
HTML Forms
 

Viewers also liked

1-02: HTML Markup Introduction
1-02: HTML Markup Introduction1-02: HTML Markup Introduction
1-02: HTML Markup Introductionapnwebdev
 
HTML5 - Introduction
HTML5 - IntroductionHTML5 - Introduction
HTML5 - IntroductionDavy De Pauw
 
Introduction to XML, XHTML and CSS
Introduction to XML, XHTML and CSSIntroduction to XML, XHTML and CSS
Introduction to XML, XHTML and CSSJussi Pohjolainen
 
HTML5: a quick overview
HTML5: a quick overviewHTML5: a quick overview
HTML5: a quick overviewMark Whitaker
 
An Introduction To HTML5
An Introduction To HTML5An Introduction To HTML5
An Introduction To HTML5Robert Nyman
 
Html 5 in a big nutshell
Html 5 in a big nutshellHtml 5 in a big nutshell
Html 5 in a big nutshellLennart Schoors
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTMLMayaLisa
 

Viewers also liked (12)

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
 
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

Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsHyundai Motor Group
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetHyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetEnjoy Anytime
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Hyundai Motor Group
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?XfilesPro
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 

Recently uploaded (20)

The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetHyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 

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.