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)

CSS Basics
CSS BasicsCSS Basics
CSS Basics
 
cascading style sheet ppt
cascading style sheet pptcascading style sheet ppt
cascading style sheet ppt
 
Css Ppt
Css PptCss Ppt
Css Ppt
 
Xml
XmlXml
Xml
 
Html frames
Html framesHtml frames
Html frames
 
HTML Frameset & Inline Frame
HTML Frameset & Inline FrameHTML Frameset & Inline Frame
HTML Frameset & Inline Frame
 
Css3
Css3Css3
Css3
 
Html formatting
Html formattingHtml formatting
Html formatting
 
Class 5 - PHP Strings
Class 5 - PHP StringsClass 5 - PHP Strings
Class 5 - PHP Strings
 
Xml schema
Xml schemaXml schema
Xml schema
 
CSS ppt
CSS pptCSS ppt
CSS ppt
 
Html Frames
Html FramesHtml Frames
Html Frames
 
jQuery for beginners
jQuery for beginnersjQuery for beginners
jQuery for beginners
 
XML
XMLXML
XML
 
Css selectors
Css selectorsCss selectors
Css selectors
 
CSS for Beginners
CSS for BeginnersCSS for Beginners
CSS for Beginners
 
XML-Extensible Markup Language
XML-Extensible Markup Language XML-Extensible Markup Language
XML-Extensible Markup Language
 
The Complete HTML
The Complete HTMLThe Complete HTML
The Complete HTML
 
Xml schema
Xml schemaXml schema
Xml schema
 
Css position
Css positionCss position
Css position
 

Viewers also liked

Viewers also liked (14)

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
 
Xhtml
XhtmlXhtml
Xhtml
 
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 cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 

Recently uploaded (20)

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 

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.