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

What's hot (20)

XSLT.ppt
XSLT.pptXSLT.ppt
XSLT.ppt
 
Html frames
Html framesHtml frames
Html frames
 
Html images syntax
Html images syntaxHtml images syntax
Html images syntax
 
Event Handling in java
Event Handling in javaEvent Handling in java
Event Handling in java
 
XSLT
XSLTXSLT
XSLT
 
Xml namespace
Xml namespaceXml namespace
Xml namespace
 
Eye catching HTML BASICS tips: Learn easily
Eye catching HTML BASICS tips: Learn easilyEye catching HTML BASICS tips: Learn easily
Eye catching HTML BASICS tips: Learn easily
 
Xhtml
XhtmlXhtml
Xhtml
 
JavaScript - Chapter 12 - Document Object Model
  JavaScript - Chapter 12 - Document Object Model  JavaScript - Chapter 12 - Document Object Model
JavaScript - Chapter 12 - Document Object Model
 
JavaScript - Chapter 8 - Objects
 JavaScript - Chapter 8 - Objects JavaScript - Chapter 8 - Objects
JavaScript - Chapter 8 - Objects
 
Html example
Html exampleHtml example
Html example
 
Html5 tutorial for beginners
Html5 tutorial for beginnersHtml5 tutorial for beginners
Html5 tutorial for beginners
 
Javascript event handler
Javascript event handlerJavascript event handler
Javascript event handler
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
Javascript variables and datatypes
Javascript variables and datatypesJavascript variables and datatypes
Javascript variables and datatypes
 
JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Java swing
Java swingJava swing
Java swing
 
Html ppt
Html pptHtml ppt
Html ppt
 
Get method and post method
Get method and post methodGet method and post method
Get method and post method
 

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 (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
 
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
 
Introduction to XHTML
Introduction to XHTMLIntroduction to XHTML
Introduction to 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

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
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
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
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
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
 
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
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
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
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
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
 

Recently uploaded (20)

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
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
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
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
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
 
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
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
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
 
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
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
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!
 

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.