SlideShare une entreprise Scribd logo
1  sur  28
Working with HTML Elements Session 2
Contents ,[object Object],[object Object],[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
Basic text elements ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
Heading levels ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
Heading level Building Dynamic Websites/Session 2/   of 28
Address element ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
Address element ,[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],Building Dynamic Websites/Session 2/   of 28
Address element Building Dynamic Websites/Session 2/   of 28
TT element ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
TT element Building Dynamic Websites/Session 2/   of 28
Character entity Building Dynamic Websites/Session 2/   of 28 Symbol name Entity name Entity number Ampersand (&) &amp;  &#38; Greater than (>) &gt;  &#62 Less than (<) &lt;  &#60 non-breaking space &nbsp; &#160 Quotation mark (“ “) &quot;  &#34
Basic formatting ,[object Object],[object Object],[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
Update and Shiting text ,[object Object],[object Object],[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
Color property ,[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
Color property Building Dynamic Websites/Session 2/   of 28 Color Hexadecimal Value Aqua #00FFFF Fuchsia #FF00FF Gray #808080 Maroon #800000 Navy #000080 Olive #808000 Purple #800080 Silver #C0C0C0 Teal #008080
Phrase elements ,[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
Phrase elements Building Dynamic Websites/Session 2/   of 28 Element Description CODE Displaying the computer program. DFN Displaying the defination of a term. EM Emphasizing the enclosed text SAMP Displaying a sample output of computer programs. VAR Displaying a variable name that refers to a block of memory and holds a value which is referred by the variable name.
Building Dynamic Websites/Session 2/   of 16
Phrase elements ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
Phrase elements ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
Phrase elements Building Dynamic Websites/Session 2/   of 28
SPAN and DIV element ,[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
IMG element ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
Image maps ,[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
Image maps ,[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],Building Dynamic Websites/Session 2/   of 28
Image maps Building Dynamic Websites/Session 2/   of 28
Hyperlinks ,[object Object],[object Object],[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28
Summary ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Building Dynamic Websites/Session 2/   of 28

Contenu connexe

Tendances

Html Intro2
Html Intro2Html Intro2
Html Intro2
mlackner
 
Web publishing and XHTML
Web publishing and XHTMLWeb publishing and XHTML
Web publishing and XHTML
bjornh
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
vikasgaur31
 

Tendances (19)

Html ppt
Html pptHtml ppt
Html ppt
 
Intro Html
Intro HtmlIntro Html
Intro Html
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Html For Beginners 2
Html For Beginners 2Html For Beginners 2
Html For Beginners 2
 
Html Intro2
Html Intro2Html Intro2
Html Intro2
 
Html for Beginners
Html for BeginnersHtml for Beginners
Html for Beginners
 
Html
HtmlHtml
Html
 
Intr To Html & Xhtml
Intr To Html & XhtmlIntr To Html & Xhtml
Intr To Html & Xhtml
 
Lecture1
Lecture1Lecture1
Lecture1
 
Module 2
Module 2Module 2
Module 2
 
Web publishing and XHTML
Web publishing and XHTMLWeb publishing and XHTML
Web publishing and XHTML
 
KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7KMUTNB - Internet Programming 3/7
KMUTNB - Internet Programming 3/7
 
Understanding html
Understanding htmlUnderstanding html
Understanding html
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
CSS
CSSCSS
CSS
 
Prabu html
Prabu htmlPrabu html
Prabu html
 
Block2 Session2 Presentation
Block2 Session2 PresentationBlock2 Session2 Presentation
Block2 Session2 Presentation
 
Embedded Metadata working group
Embedded Metadata working groupEmbedded Metadata working group
Embedded Metadata working group
 
What is xml
What is xmlWhat is xml
What is xml
 

En vedette (12)

Week 5 Lecture
Week 5 LectureWeek 5 Lecture
Week 5 Lecture
 
belajar HTML
belajar HTML belajar HTML
belajar HTML
 
Week 6 Lecture
Week 6 LectureWeek 6 Lecture
Week 6 Lecture
 
Week 4 Lecture Part 1
Week 4 Lecture Part 1Week 4 Lecture Part 1
Week 4 Lecture Part 1
 
Week 4 Lecture Part 2
Week 4 Lecture Part 2Week 4 Lecture Part 2
Week 4 Lecture Part 2
 
Html text and formatting
Html text and formattingHtml text and formatting
Html text and formatting
 
HTML STYLES
HTML STYLESHTML STYLES
HTML STYLES
 
HTML Basic
HTML BasicHTML Basic
HTML Basic
 
Basic html
Basic htmlBasic html
Basic html
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Introduction to Slide Design: 7 Rules for Creating Effective Slides
Introduction to Slide Design: 7 Rules for Creating Effective SlidesIntroduction to Slide Design: 7 Rules for Creating Effective Slides
Introduction to Slide Design: 7 Rules for Creating Effective Slides
 

Similaire à 02. session 02 working with html elements

Michael(tm) Smith ED09 presentation
Michael(tm) Smith ED09 presentationMichael(tm) Smith ED09 presentation
Michael(tm) Smith ED09 presentation
Michael(tm) Smith
 
Html Lesson01
Html Lesson01Html Lesson01
Html Lesson01
jhessabar
 
Agile Descriptions
Agile DescriptionsAgile Descriptions
Agile Descriptions
Tony Hammond
 

Similaire à 02. session 02 working with html elements (20)

HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
Html ppt
Html pptHtml ppt
Html ppt
 
Html intro
Html introHtml intro
Html intro
 
Design Tools Html Xhtml
Design Tools Html XhtmlDesign Tools Html Xhtml
Design Tools Html Xhtml
 
Html basic
Html basicHtml basic
Html basic
 
Lect_html1
Lect_html1Lect_html1
Lect_html1
 
Michael(tm) Smith ED09 presentation
Michael(tm) Smith ED09 presentationMichael(tm) Smith ED09 presentation
Michael(tm) Smith ED09 presentation
 
JWU Guest Talk: JavaScript and AJAX
JWU Guest Talk: JavaScript and AJAXJWU Guest Talk: JavaScript and AJAX
JWU Guest Talk: JavaScript and AJAX
 
Html Lesson01
Html Lesson01Html Lesson01
Html Lesson01
 
AK html
AK  htmlAK  html
AK html
 
APEX Themes and Templates
APEX Themes and TemplatesAPEX Themes and Templates
APEX Themes and Templates
 
Html for translators
Html for translatorsHtml for translators
Html for translators
 
Html5 Overview
Html5 OverviewHtml5 Overview
Html5 Overview
 
Html
HtmlHtml
Html
 
Introducing YUI
Introducing YUIIntroducing YUI
Introducing YUI
 
Agile Descriptions
Agile DescriptionsAgile Descriptions
Agile Descriptions
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Intro to html
Intro to htmlIntro to html
Intro to html
 

Plus de Phúc Đỗ

15. session 15 data binding
15. session 15   data binding15. session 15   data binding
15. session 15 data binding
Phúc Đỗ
 
14. session 14 dhtml filter
14. session 14   dhtml filter14. session 14   dhtml filter
14. session 14 dhtml filter
Phúc Đỗ
 
13. session 13 introduction to dhtml
13. session 13   introduction to dhtml13. session 13   introduction to dhtml
13. session 13 introduction to dhtml
Phúc Đỗ
 
12. session 12 java script objects
12. session 12   java script objects12. session 12   java script objects
12. session 12 java script objects
Phúc Đỗ
 
11. session 11 functions and objects
11. session 11   functions and objects11. session 11   functions and objects
11. session 11 functions and objects
Phúc Đỗ
 
10. session 10 loops and arrays
10. session 10   loops and arrays10. session 10   loops and arrays
10. session 10 loops and arrays
Phúc Đỗ
 
09. session 9 operators and statements
09. session 9   operators and statements09. session 9   operators and statements
09. session 9 operators and statements
Phúc Đỗ
 
08. session 08 intoduction to javascript
08. session 08   intoduction to javascript08. session 08   intoduction to javascript
08. session 08 intoduction to javascript
Phúc Đỗ
 
07. session 07 adv css properties
07. session 07   adv css properties07. session 07   adv css properties
07. session 07 adv css properties
Phúc Đỗ
 
06. session 06 css color_andlayoutpropeties
06. session 06   css color_andlayoutpropeties06. session 06   css color_andlayoutpropeties
06. session 06 css color_andlayoutpropeties
Phúc Đỗ
 
05. session 05 introducing css
05. session 05   introducing css05. session 05   introducing css
05. session 05 introducing css
Phúc Đỗ
 
04. session 04 working withformsandframes
04. session 04   working withformsandframes04. session 04   working withformsandframes
04. session 04 working withformsandframes
Phúc Đỗ
 
03. session 03 using lists and tables
03. session 03   using lists and tables03. session 03   using lists and tables
03. session 03 using lists and tables
Phúc Đỗ
 
15. session 15 data binding
15. session 15   data binding15. session 15   data binding
15. session 15 data binding
Phúc Đỗ
 
01. session 01 introduction to html
01. session 01   introduction to html01. session 01   introduction to html
01. session 01 introduction to html
Phúc Đỗ
 

Plus de Phúc Đỗ (15)

15. session 15 data binding
15. session 15   data binding15. session 15   data binding
15. session 15 data binding
 
14. session 14 dhtml filter
14. session 14   dhtml filter14. session 14   dhtml filter
14. session 14 dhtml filter
 
13. session 13 introduction to dhtml
13. session 13   introduction to dhtml13. session 13   introduction to dhtml
13. session 13 introduction to dhtml
 
12. session 12 java script objects
12. session 12   java script objects12. session 12   java script objects
12. session 12 java script objects
 
11. session 11 functions and objects
11. session 11   functions and objects11. session 11   functions and objects
11. session 11 functions and objects
 
10. session 10 loops and arrays
10. session 10   loops and arrays10. session 10   loops and arrays
10. session 10 loops and arrays
 
09. session 9 operators and statements
09. session 9   operators and statements09. session 9   operators and statements
09. session 9 operators and statements
 
08. session 08 intoduction to javascript
08. session 08   intoduction to javascript08. session 08   intoduction to javascript
08. session 08 intoduction to javascript
 
07. session 07 adv css properties
07. session 07   adv css properties07. session 07   adv css properties
07. session 07 adv css properties
 
06. session 06 css color_andlayoutpropeties
06. session 06   css color_andlayoutpropeties06. session 06   css color_andlayoutpropeties
06. session 06 css color_andlayoutpropeties
 
05. session 05 introducing css
05. session 05   introducing css05. session 05   introducing css
05. session 05 introducing css
 
04. session 04 working withformsandframes
04. session 04   working withformsandframes04. session 04   working withformsandframes
04. session 04 working withformsandframes
 
03. session 03 using lists and tables
03. session 03   using lists and tables03. session 03   using lists and tables
03. session 03 using lists and tables
 
15. session 15 data binding
15. session 15   data binding15. session 15   data binding
15. session 15 data binding
 
01. session 01 introduction to html
01. session 01   introduction to html01. session 01   introduction to html
01. session 01 introduction to html
 

Dernier

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 

Dernier (20)

Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 

02. session 02 working with html elements

  • 1. Working with HTML Elements Session 2
  • 2.
  • 3.
  • 4.
  • 5. Heading level Building Dynamic Websites/Session 2/ of 28
  • 6.
  • 7.
  • 8. Address element Building Dynamic Websites/Session 2/ of 28
  • 9.
  • 10. TT element Building Dynamic Websites/Session 2/ of 28
  • 11. Character entity Building Dynamic Websites/Session 2/ of 28 Symbol name Entity name Entity number Ampersand (&) &amp; &#38; Greater than (>) &gt; &#62 Less than (<) &lt; &#60 non-breaking space &nbsp; &#160 Quotation mark (“ “) &quot; &#34
  • 12.
  • 13.
  • 14.
  • 15. Color property Building Dynamic Websites/Session 2/ of 28 Color Hexadecimal Value Aqua #00FFFF Fuchsia #FF00FF Gray #808080 Maroon #800000 Navy #000080 Olive #808000 Purple #800080 Silver #C0C0C0 Teal #008080
  • 16.
  • 17. Phrase elements Building Dynamic Websites/Session 2/ of 28 Element Description CODE Displaying the computer program. DFN Displaying the defination of a term. EM Emphasizing the enclosed text SAMP Displaying a sample output of computer programs. VAR Displaying a variable name that refers to a block of memory and holds a value which is referred by the variable name.
  • 19.
  • 20.
  • 21. Phrase elements Building Dynamic Websites/Session 2/ of 28
  • 22.
  • 23.
  • 24.
  • 25.
  • 26. Image maps Building Dynamic Websites/Session 2/ of 28
  • 27.
  • 28.