SlideShare uma empresa Scribd logo
1 de 42
Baixar para ler offline
CSS for designers
the Web Standards approach


         content

     representation
the Web Standards approach


                  content
 HTML                + markup



           representation
 CSS            = layout + style
the Web Standards approach
the Web Standards approach

                   content
    HTML              + markup



            representation
    CSS          = layout + style


               interaction
    JS                       etc
Lesson I


HTML
Lesson I


      HTML
Hyper Text Markup Language
Lesson I


      HTML
Hyper Text Markup Language
Hyper Text Markup Language
Lesson I


      HTML
Hyper Text Markup Language
 Hyper Text Markup Language
         The son of Brahman
         In the shade of the house, in the sunshine of the riverbank
         near the boats, in the shade of the Sal-wood forest
         The young falcon, together with his friend Govinda Brahman.
         The sun tanned his light shoulders by the banks of the river
         when bathing, performing the sacred ablutions, the sacred
         offerings. In the mango grove, shade poured into his black
         eyes, when playing as a boy, when his mother sang, when
         the sacred offerings were made, when his father, the
         scholar, taught him, when the wise men talked. For a long
         time, Siddhartha had been partaking in the
         Next


                Title          Subtitle           Paragraph
<trumpet> Miles Davis </trumpet>
<trumpet> Miles Davis </trumpet>
content




<trumpet> Miles Davis </trumpet>


   tag                 closing tag
<bigband>
   <trumpet>
       Miles Davis
   </trumpet>
</bigband>
<bigband>
   <trumpet>
       Miles Davis
   <trumpet>
   <sax>
       Coltrane
   </sax>
</bigband>
<html>


</html>
<html>

   <head>
   ...       setup

   </head>

   <body>
   ...       mmm.... the rest

   </body>

</html>
<html>
   <head>
        <title>Thelonious Monk</title>
   </head>

   <body>
   ...
   </body>
</html>

                             http://www.w3schools.com/tags/tag_title.asp
<html>
   <head>
        <title>Thelonious Monk</title>
        <meta name="description"
        content="Stuff about monk" />
   </head>

   <body>
   ...
   </body>
</html>
                             http://www.w3schools.com/tags/tag_meta.asp
a            del               label          span
abbr         dfm               legend         strong
acronym      div               li             style
address      dl                link           sub
area         DOCTYPE           map            sup
b            dt                meta           table
base         em                noscript       tbody
bdo          fieldset           object         td
big          form              ol             textarea
blockquote   h1, h2, h2, h4,   optgroup       tfoot
body         h5, h6            option         th
br           head              p              thead
button       html              param          title
caption      hr                pre            tr
cite         i                 q              tt
code         img               samp           ul
col          input             script         var
clogroup     ins               select
dd           kbd               small
                                          http://www.w3schools.com/tags/default.asp
a            del               label          span
abbr         dfm               legend         strong
acronym      div               li             style
address      dl                link           sub
area         DOCTYPE           map            sup
b            dt                meta           table
base         em                noscript       tbody
bdo          fieldset           object         td
big          form              ol             textarea
blockquote   h1, h2, h2, h4,   optgroup       tfoot
body         h5, h6            option         th
br           head              p              thead
button       html              param          title
caption      hr                pre            tr
cite         i                 q              tt
code         img               samp           ul
col          input             script         var
clogroup     ins               select
dd           kbd               small
                                          http://www.w3schools.com/tags/default.asp
<html>

<head>
     <title>Thelonious Monk</title>
</head>

<body>
     <h1>>Thelonious Monk</h1>
     <h2>"All musicians are subconsciously mathematicians."</h2>

     <img src="http://farm5.static.flickr.com/4144/4843138893_c6b201769b.jpg">

     <p>
            Thelonious Monk was born October 10, 1917 in Rocky Mount, North Carolina, the son of Thelonious and Barbara Monk, two years
            after his sister Marion. A brother, Thomas, was born in January 1920.[8] In 1922, the family moved to 243 West 63rd Street, in
            Manhattan, New York City. Monk started playing the piano at the age of six. Although he had some formal training and eavesdropped
            on his sister's piano lessons, he was largely self-taught. Monk attended Stuyvesant High School, but did not graduate. He toured with
            an evangelist in his teens, playing the church organ, and in his late teens he began to find work playing jazz.<br>
            <a href="http://en.wikipedia.org/wiki/Thelonious_Monk" target="_blank">Wikipedia value</a>
     </p>

     <h2>Discography</h2>

     <h3>Blue Note Records (1948-1952)</h3>
     <ul>
           <li>Genius of Modern Music: Volume 1</li>
           <li>Genius of Modern Music: Volume 2</li>
           <li>Thelonious Monk Trio</li>
           <li>>Monk (Prestige 7053)</li>
           <li>Thelonious Monk and Sonny Rollins (Prestige 7075)</li>
     </ul>

     <h3>Misc Records</h3>
     <ul>
           <li>Thelonious Monk plays the Music of Duke Ellington (1955)</li>
           <li>The Unique Thelonious Monk (1955)</li>
           <li>Brilliant Corners (1956 recording with Sonny Rollins and Clark Terry)</li>
           <li>Thelonious Himself (1957)</li>
           <li>Tonk's Music (1957)</li>
     </ul>

     <h2>Videos</h2>
     <iframe width="420" height="315" src="http://www.youtube.com/embed/OMmeNsmQaFw" frameborder="0" allowfullscreen></iframe>
</body>

</html>
H1
H2
H3
H4
H5
H6
Header of varying importance
http://www.w3schools.com/TAGS/tag_hn.asp
H1
H2
<h1>>Thelonious Monk</h1>
<h2>"All musicians are
subconsciously mathematicians."
</h2>




http://www.w3schools.com/TAGS/tag_hn.asp
img
Image (daaa)
<img src="http://farm5.static.
flickr.com/4144/4843138893_
c6b201769b.jpg"/>




http://www.w3schools.com/TAGS/tag_img.asp
img
Image (daaa)
<img src="http://farm5.static.
flickr.com/4144/4843138893_
c6b201769b.jpg"
alt="Monk Playing”
height="100”
width="100” />




http://www.w3schools.com/TAGS/tag_img.asp
P
Paragraph
<p>

Thelonious Monk was born October 10, 1917 in Rocky Mount,

North Carolina, the son of Thelonious and Barbara Monk, two

years after his sister Marion. A brother, Thomas, was born in

January 1920.[8] In 1922, the family moved to 243 West 63rd

Street, in Manhattan, New York City. Monk started playing the

piano at the age of six. Although he had some formal training and

eavesdropped on his sister's piano lessons, he was largely self-

taught. Monk attended Stuyvesant High School, but did not gradu-

ate. He toured with an evangelist in his teens, playing the church

organ, and in his late teens he began to find work playing

jazz.<br>

<a href="http://en.wikipedia.org/wiki/Thelonious_Monk"

target="_blank">Wikipedia value</a>

</p>




http://www.w3schools.com/TAGS/tag_p.asp
a
anchor
<a href="http://en.wikipedia.org/
wiki/Thelonious_Monk"
target="_blank">
Wikipedia value</a>




http://www.w3schools.com/TAGS/tag_a.asp
ol / li
ordered list / list item
<ol>
      <li>Volume 1</li>
      <li>Volume 2</li>
      <li>Thelonious Monk Trio</li>
      <li>Monk (Prestige 7053)</li>
      <li>Thelonious Monk and
               Sonny Rollins</li>
</ol>




http://www.w3schools.com/TAGS/tag_ol.asp
ul / li
UNordered list / list item
<ul>
      <li>The Unique Monk</li>
      <li>Brilliant Corners</li>
      <li>Thelonious Himself</li>
      <li>Monk's Music</li>
</ul>




http://www.w3schools.com/TAGS/tag_ul.asp
?#!
<iframe width="420" height="315"
src="http://www.youtube.com/
embed/OMmeNsmQaFw"
frameborder="0" allowfullscreen>
</iframe>




http://www.w3schools.com/TAGS/tag_ul.asp
< di v >
                  and<span>
      http://www.w3schools.com/tags/tag_div.asp
Table / th / tr / td
Table / table header / table row / table data




                                                http://www.w3schools.com/tags/tag_table.asp
<html>
<head>
     <title>Thelonious Monk</title>
</head>

<body>
     <div>
     <h1>>Thelonious Monk</h1>
     <h2>"All musicians are subconsciously mathematicians."</h2>

     <img src="http://farm5.static.flickr.com/4144/4843138893_c6b201769b.jpg">
     </div>

     <div>
     <p>
             Thelonious Monk was born October 10, 1917 in Rocky Mount, North Carolina, the son of Thelonious and Barbara Monk, two years
             after his sister Marion. A brother, Thomas, was born in January 1920.[8] In 1922, the family moved to 243 West 63rd Street, in
             Manhattan, New York City. Monk started playing the piano at the age of six. Although he had some formal training and eavesdropped
             on his sister's piano lessons, he was largely self-taught. Monk attended Stuyvesant High School, but did not graduate. He toured with
             an evangelist in his teens, playing the church organ, and in his late teens he began to find work playing jazz.<br>
             <a href="http://en.wikipedia.org/wiki/Thelonious_Monk" target="_blank">Wikipedia value</a>
     </p>
     <h2>Discography</h2>
     <h3>Blue Note Records (1948-1952)</h3>
     <ol>
           <li>Genius of Modern Music: Volume 1</li>
           <li>Genius of Modern Music: Volume 2</li>
           <li>Thelonious Monk Trio</li>
           <li>>Monk (Prestige 7053)</li>
           <li>Thelonious Monk and Sonny Rollins (Prestige 7075)</li>
     </ol>
     </div>

     <div>
     <h3>Misc Records</h3>
     <ul>
           <li>Thelonious Monk plays the Music of Duke Ellington (1955)</li>
           <li>The Unique Thelonious Monk (1955)</li>
           <li>Brilliant Corners (1956 recording with Sonny Rollins and Clark Terry)</li>
           <li>Thelonious Himself (1957)</li>
           <li>Tonk's Music (1957)</li>
     </ul>

     <h2>Videos</h2>
     <iframe width="420" height="315" src="http://www.youtube.com/embed/OMmeNsmQaFw" frameborder="0" allowfullscreen></iframe>
     </div>

</body>
</html>
<html>
<head>
     <title>Thelonious Monk</title>
</head>

<body>
     <div style="color:blue;text-align:right">
     <h1>>Thelonious Monk</h1>
     <h2>"All musicians are subconsciously mathematicians."</h2>

     <img src="http://farm5.static.flickr.com/4144/4843138893_c6b201769b.jpg">
     </div>

     <div style="color:red;text-align:center">
     <p>
           Thelonious Monk was born October 10, 1917 in Rocky Mount, North Carolina, the son of Thelonious and Barbara Monk, two years
           after his sister Marion. A brother, Thomas, was born in January 1920.[8] In 1922, the family moved to 243 West 63rd Street, in
           Manhattan, New York City. Monk started playing the piano at the age of six. Although he had some formal training and eavesdropped
           on his sister's piano lessons, he was largely self-taught. Monk attended Stuyvesant High School, but did not graduate. He toured with
           an evangelist in his teens, playing the church organ, and in his late teens he began to find work playing jazz.<br>
           <a href="http://en.wikipedia.org/wiki/Thelonious_Monk" target="_blank">Wikipedia value</a>
     </p>
     <h2>Discography</h2>
     <h3>Blue Note Records (1948-1952)</h3>
     <ol>
           <li>Genius of Modern Music: Volume 1</li>
           <li>Genius of Modern Music: Volume 2</li>
           <li>Thelonious Monk Trio</li>
           <li>>Monk (Prestige 7053)</li>
           <li>Thelonious Monk and Sonny Rollins (Prestige 7075)</li>
     </ol>
     </div>

     <div style="color:green;text-align:left">
     <h3>Misc Records</h3>
     <ul>
           <li>Thelonious Monk plays the Music of Duke Ellington (1955)</li>
           <li>The Unique Thelonious Monk (1955)</li>
           <li>Brilliant Corners (1956 recording with Sonny Rollins and Clark Terry)</li>
           <li>Thelonious Himself (1957)</li>
           <li>Tonk's Music (1957)</li>
     </ul>

     <h2>Videos</h2>
     <iframe width="420" height="315" src="http://www.youtube.com/embed/OMmeNsmQaFw" frameborder="0" allowfullscreen></iframe>
     </div>

</body>
</html>
THAT’S
ALL
FOLKS
www.slideshare.net/idanska
homework

Mais conteúdo relacionado

Último

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
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
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
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
 

Último (20)

AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
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
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
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
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
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
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
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
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
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
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 

Destaque

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Destaque (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

CSS for designers - Lesson 1 - HTML

  • 2. the Web Standards approach content representation
  • 3. the Web Standards approach content HTML + markup representation CSS = layout + style
  • 4. the Web Standards approach the Web Standards approach content HTML + markup representation CSS = layout + style interaction JS etc
  • 6. Lesson I HTML Hyper Text Markup Language
  • 7. Lesson I HTML Hyper Text Markup Language Hyper Text Markup Language
  • 8. Lesson I HTML Hyper Text Markup Language Hyper Text Markup Language The son of Brahman In the shade of the house, in the sunshine of the riverbank near the boats, in the shade of the Sal-wood forest The young falcon, together with his friend Govinda Brahman. The sun tanned his light shoulders by the banks of the river when bathing, performing the sacred ablutions, the sacred offerings. In the mango grove, shade poured into his black eyes, when playing as a boy, when his mother sang, when the sacred offerings were made, when his father, the scholar, taught him, when the wise men talked. For a long time, Siddhartha had been partaking in the Next Title Subtitle Paragraph
  • 10. <trumpet> Miles Davis </trumpet>
  • 11. content <trumpet> Miles Davis </trumpet> tag closing tag
  • 12. <bigband> <trumpet> Miles Davis </trumpet> </bigband>
  • 13. <bigband> <trumpet> Miles Davis <trumpet> <sax> Coltrane </sax> </bigband>
  • 15. <html> <head> ... setup </head> <body> ... mmm.... the rest </body> </html>
  • 16. <html> <head> <title>Thelonious Monk</title> </head> <body> ... </body> </html> http://www.w3schools.com/tags/tag_title.asp
  • 17. <html> <head> <title>Thelonious Monk</title> <meta name="description" content="Stuff about monk" /> </head> <body> ... </body> </html> http://www.w3schools.com/tags/tag_meta.asp
  • 18. a del label span abbr dfm legend strong acronym div li style address dl link sub area DOCTYPE map sup b dt meta table base em noscript tbody bdo fieldset object td big form ol textarea blockquote h1, h2, h2, h4, optgroup tfoot body h5, h6 option th br head p thead button html param title caption hr pre tr cite i q tt code img samp ul col input script var clogroup ins select dd kbd small http://www.w3schools.com/tags/default.asp
  • 19. a del label span abbr dfm legend strong acronym div li style address dl link sub area DOCTYPE map sup b dt meta table base em noscript tbody bdo fieldset object td big form ol textarea blockquote h1, h2, h2, h4, optgroup tfoot body h5, h6 option th br head p thead button html param title caption hr pre tr cite i q tt code img samp ul col input script var clogroup ins select dd kbd small http://www.w3schools.com/tags/default.asp
  • 20. <html> <head> <title>Thelonious Monk</title> </head> <body> <h1>>Thelonious Monk</h1> <h2>"All musicians are subconsciously mathematicians."</h2> <img src="http://farm5.static.flickr.com/4144/4843138893_c6b201769b.jpg"> <p> Thelonious Monk was born October 10, 1917 in Rocky Mount, North Carolina, the son of Thelonious and Barbara Monk, two years after his sister Marion. A brother, Thomas, was born in January 1920.[8] In 1922, the family moved to 243 West 63rd Street, in Manhattan, New York City. Monk started playing the piano at the age of six. Although he had some formal training and eavesdropped on his sister's piano lessons, he was largely self-taught. Monk attended Stuyvesant High School, but did not graduate. He toured with an evangelist in his teens, playing the church organ, and in his late teens he began to find work playing jazz.<br> <a href="http://en.wikipedia.org/wiki/Thelonious_Monk" target="_blank">Wikipedia value</a> </p> <h2>Discography</h2> <h3>Blue Note Records (1948-1952)</h3> <ul> <li>Genius of Modern Music: Volume 1</li> <li>Genius of Modern Music: Volume 2</li> <li>Thelonious Monk Trio</li> <li>>Monk (Prestige 7053)</li> <li>Thelonious Monk and Sonny Rollins (Prestige 7075)</li> </ul> <h3>Misc Records</h3> <ul> <li>Thelonious Monk plays the Music of Duke Ellington (1955)</li> <li>The Unique Thelonious Monk (1955)</li> <li>Brilliant Corners (1956 recording with Sonny Rollins and Clark Terry)</li> <li>Thelonious Himself (1957)</li> <li>Tonk's Music (1957)</li> </ul> <h2>Videos</h2> <iframe width="420" height="315" src="http://www.youtube.com/embed/OMmeNsmQaFw" frameborder="0" allowfullscreen></iframe> </body> </html>
  • 21.
  • 22. H1 H2 H3 H4 H5 H6 Header of varying importance http://www.w3schools.com/TAGS/tag_hn.asp
  • 23. H1 H2 <h1>>Thelonious Monk</h1> <h2>"All musicians are subconsciously mathematicians." </h2> http://www.w3schools.com/TAGS/tag_hn.asp
  • 25. img Image (daaa) <img src="http://farm5.static. flickr.com/4144/4843138893_ c6b201769b.jpg" alt="Monk Playing” height="100” width="100” /> http://www.w3schools.com/TAGS/tag_img.asp
  • 26. P Paragraph <p> Thelonious Monk was born October 10, 1917 in Rocky Mount, North Carolina, the son of Thelonious and Barbara Monk, two years after his sister Marion. A brother, Thomas, was born in January 1920.[8] In 1922, the family moved to 243 West 63rd Street, in Manhattan, New York City. Monk started playing the piano at the age of six. Although he had some formal training and eavesdropped on his sister's piano lessons, he was largely self- taught. Monk attended Stuyvesant High School, but did not gradu- ate. He toured with an evangelist in his teens, playing the church organ, and in his late teens he began to find work playing jazz.<br> <a href="http://en.wikipedia.org/wiki/Thelonious_Monk" target="_blank">Wikipedia value</a> </p> http://www.w3schools.com/TAGS/tag_p.asp
  • 28. ol / li ordered list / list item <ol> <li>Volume 1</li> <li>Volume 2</li> <li>Thelonious Monk Trio</li> <li>Monk (Prestige 7053)</li> <li>Thelonious Monk and Sonny Rollins</li> </ol> http://www.w3schools.com/TAGS/tag_ol.asp
  • 29. ul / li UNordered list / list item <ul> <li>The Unique Monk</li> <li>Brilliant Corners</li> <li>Thelonious Himself</li> <li>Monk's Music</li> </ul> http://www.w3schools.com/TAGS/tag_ul.asp
  • 30. ?#! <iframe width="420" height="315" src="http://www.youtube.com/ embed/OMmeNsmQaFw" frameborder="0" allowfullscreen> </iframe> http://www.w3schools.com/TAGS/tag_ul.asp
  • 31. < di v > and<span> http://www.w3schools.com/tags/tag_div.asp
  • 32. Table / th / tr / td Table / table header / table row / table data http://www.w3schools.com/tags/tag_table.asp
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38. <html> <head> <title>Thelonious Monk</title> </head> <body> <div> <h1>>Thelonious Monk</h1> <h2>"All musicians are subconsciously mathematicians."</h2> <img src="http://farm5.static.flickr.com/4144/4843138893_c6b201769b.jpg"> </div> <div> <p> Thelonious Monk was born October 10, 1917 in Rocky Mount, North Carolina, the son of Thelonious and Barbara Monk, two years after his sister Marion. A brother, Thomas, was born in January 1920.[8] In 1922, the family moved to 243 West 63rd Street, in Manhattan, New York City. Monk started playing the piano at the age of six. Although he had some formal training and eavesdropped on his sister's piano lessons, he was largely self-taught. Monk attended Stuyvesant High School, but did not graduate. He toured with an evangelist in his teens, playing the church organ, and in his late teens he began to find work playing jazz.<br> <a href="http://en.wikipedia.org/wiki/Thelonious_Monk" target="_blank">Wikipedia value</a> </p> <h2>Discography</h2> <h3>Blue Note Records (1948-1952)</h3> <ol> <li>Genius of Modern Music: Volume 1</li> <li>Genius of Modern Music: Volume 2</li> <li>Thelonious Monk Trio</li> <li>>Monk (Prestige 7053)</li> <li>Thelonious Monk and Sonny Rollins (Prestige 7075)</li> </ol> </div> <div> <h3>Misc Records</h3> <ul> <li>Thelonious Monk plays the Music of Duke Ellington (1955)</li> <li>The Unique Thelonious Monk (1955)</li> <li>Brilliant Corners (1956 recording with Sonny Rollins and Clark Terry)</li> <li>Thelonious Himself (1957)</li> <li>Tonk's Music (1957)</li> </ul> <h2>Videos</h2> <iframe width="420" height="315" src="http://www.youtube.com/embed/OMmeNsmQaFw" frameborder="0" allowfullscreen></iframe> </div> </body> </html>
  • 39. <html> <head> <title>Thelonious Monk</title> </head> <body> <div style="color:blue;text-align:right"> <h1>>Thelonious Monk</h1> <h2>"All musicians are subconsciously mathematicians."</h2> <img src="http://farm5.static.flickr.com/4144/4843138893_c6b201769b.jpg"> </div> <div style="color:red;text-align:center"> <p> Thelonious Monk was born October 10, 1917 in Rocky Mount, North Carolina, the son of Thelonious and Barbara Monk, two years after his sister Marion. A brother, Thomas, was born in January 1920.[8] In 1922, the family moved to 243 West 63rd Street, in Manhattan, New York City. Monk started playing the piano at the age of six. Although he had some formal training and eavesdropped on his sister's piano lessons, he was largely self-taught. Monk attended Stuyvesant High School, but did not graduate. He toured with an evangelist in his teens, playing the church organ, and in his late teens he began to find work playing jazz.<br> <a href="http://en.wikipedia.org/wiki/Thelonious_Monk" target="_blank">Wikipedia value</a> </p> <h2>Discography</h2> <h3>Blue Note Records (1948-1952)</h3> <ol> <li>Genius of Modern Music: Volume 1</li> <li>Genius of Modern Music: Volume 2</li> <li>Thelonious Monk Trio</li> <li>>Monk (Prestige 7053)</li> <li>Thelonious Monk and Sonny Rollins (Prestige 7075)</li> </ol> </div> <div style="color:green;text-align:left"> <h3>Misc Records</h3> <ul> <li>Thelonious Monk plays the Music of Duke Ellington (1955)</li> <li>The Unique Thelonious Monk (1955)</li> <li>Brilliant Corners (1956 recording with Sonny Rollins and Clark Terry)</li> <li>Thelonious Himself (1957)</li> <li>Tonk's Music (1957)</li> </ul> <h2>Videos</h2> <iframe width="420" height="315" src="http://www.youtube.com/embed/OMmeNsmQaFw" frameborder="0" allowfullscreen></iframe> </div> </body> </html>
  • 40.