CSS for designers
the Web Standards approach         content     representation
the Web Standards approach                  content HTML                + markup           representation CSS            =...
the Web Standards approachthe Web Standards approach                   content    HTML              + markup            re...
Lesson IHTML
Lesson I      HTMLHyper Text Markup Language
Lesson I      HTMLHyper Text Markup LanguageHyper Text Markup Language
Lesson I      HTMLHyper Text Markup Language Hyper Text Markup Language         The son of Brahman         In the shade of...
<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>                           ...
<html>   <head>        <title>Thelonious Monk</title>        <meta name="description"        content="Stuff about monk" />...
a            del               label          spanabbr         dfm               legend         strongacronym      div    ...
a            del               label          spanabbr         dfm               legend         strongacronym      div    ...
<html><head>     <title>Thelonious Monk</title></head><body>     <h1>>Thelonious Monk</h1>     <h2>"All musicians are subc...
H1H2H3H4H5H6Header of varying importancehttp://www.w3schools.com/TAGS/tag_hn.asp
H1H2<h1>>Thelonious Monk</h1><h2>"All musicians aresubconsciously mathematicians."</h2>http://www.w3schools.com/TAGS/tag_h...
imgImage (daaa)<img src="http://farm5.static.flickr.com/4144/4843138893_c6b201769b.jpg"/>http://www.w3schools.com/TAGS/tag_...
imgImage (daaa)<img src="http://farm5.static.flickr.com/4144/4843138893_c6b201769b.jpg"alt="Monk Playing”height="100”width=...
PParagraph<p>Thelonious Monk was born October 10, 1917 in Rocky Mount,North Carolina, the son of Thelonious and Barbara Mo...
aanchor<a href="http://en.wikipedia.org/wiki/Thelonious_Monk"target="_blank">Wikipedia value</a>http://www.w3schools.com/T...
ol / liordered list / list item<ol>      <li>Volume 1</li>      <li>Volume 2</li>      <li>Thelonious Monk Trio</li>      ...
ul / liUNordered list / list item<ul>      <li>The Unique Monk</li>      <li>Brilliant Corners</li>      <li>Thelonious Hi...
?#!<iframe width="420" height="315"src="http://www.youtube.com/embed/OMmeNsmQaFw"frameborder="0" allowfullscreen></iframe>...
< di v >                  and<span>      http://www.w3schools.com/tags/tag_div.asp
Table / th / tr / tdTable / table header / table row / table data                                                http://ww...
<html><head>     <title>Thelonious Monk</title></head><body>     <div>     <h1>>Thelonious Monk</h1>     <h2>"All musician...
<html><head>     <title>Thelonious Monk</title></head><body>     <div style="color:blue;text-align:right">     <h1>>Thelon...
THAT’SALLFOLKSwww.slideshare.net/idanska
homework
CSS for designers - Lesson 1 - HTML
CSS for designers - Lesson 1 - HTML
CSS for designers - Lesson 1 - HTML
CSS for designers - Lesson 1 - HTML
CSS for designers - Lesson 1 - HTML
CSS for designers - Lesson 1 - HTML
CSS for designers - Lesson 1 - HTML
Upcoming SlideShare
Loading in …5
×

CSS for designers - Lesson 1 - HTML

957 views
899 views

Published on

Lesson 1
HTML

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
957
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

CSS for designers - Lesson 1 - HTML

  1. 1. CSS for designers
  2. 2. the Web Standards approach content representation
  3. 3. the Web Standards approach content HTML + markup representation CSS = layout + style
  4. 4. the Web Standards approachthe Web Standards approach content HTML + markup representation CSS = layout + style interaction JS etc
  5. 5. Lesson IHTML
  6. 6. Lesson I HTMLHyper Text Markup Language
  7. 7. Lesson I HTMLHyper Text Markup LanguageHyper Text Markup Language
  8. 8. Lesson I HTMLHyper 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
  9. 9. <trumpet> Miles Davis </trumpet>
  10. 10. <trumpet> Miles Davis </trumpet>
  11. 11. content<trumpet> Miles Davis </trumpet> tag closing tag
  12. 12. <bigband> <trumpet> Miles Davis </trumpet></bigband>
  13. 13. <bigband> <trumpet> Miles Davis <trumpet> <sax> Coltrane </sax></bigband>
  14. 14. <html></html>
  15. 15. <html> <head> ... setup </head> <body> ... mmm.... the rest </body></html>
  16. 16. <html> <head> <title>Thelonious Monk</title> </head> <body> ... </body></html> http://www.w3schools.com/tags/tag_title.asp
  17. 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. 18. a del label spanabbr dfm legend strongacronym div li styleaddress dl link subarea DOCTYPE map supb dt meta tablebase em noscript tbodybdo fieldset object tdbig form ol textareablockquote h1, h2, h2, h4, optgroup tfootbody h5, h6 option thbr head p theadbutton html param titlecaption hr pre trcite i q ttcode img samp ulcol input script varclogroup ins selectdd kbd small http://www.w3schools.com/tags/default.asp
  19. 19. a del label spanabbr dfm legend strongacronym div li styleaddress dl link subarea DOCTYPE map supb dt meta tablebase em noscript tbodybdo fieldset object tdbig form ol textareablockquote h1, h2, h2, h4, optgroup tfootbody h5, h6 option thbr head p theadbutton html param titlecaption hr pre trcite i q ttcode img samp ulcol input script varclogroup ins selectdd kbd small http://www.w3schools.com/tags/default.asp
  20. 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 sisters 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>Tonks 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. 21. H1H2H3H4H5H6Header of varying importancehttp://www.w3schools.com/TAGS/tag_hn.asp
  22. 22. H1H2<h1>>Thelonious Monk</h1><h2>"All musicians aresubconsciously mathematicians."</h2>http://www.w3schools.com/TAGS/tag_hn.asp
  23. 23. imgImage (daaa)<img src="http://farm5.static.flickr.com/4144/4843138893_c6b201769b.jpg"/>http://www.w3schools.com/TAGS/tag_img.asp
  24. 24. imgImage (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
  25. 25. PParagraph<p>Thelonious Monk was born October 10, 1917 in Rocky Mount,North Carolina, the son of Thelonious and Barbara Monk, twoyears after his sister Marion. A brother, Thomas, was born inJanuary 1920.[8] In 1922, the family moved to 243 West 63rdStreet, in Manhattan, New York City. Monk started playing thepiano at the age of six. Although he had some formal training andeavesdropped on his sisters 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 churchorgan, and in his late teens he began to find work playingjazz.<br><a href="http://en.wikipedia.org/wiki/Thelonious_Monk"target="_blank">Wikipedia value</a></p>http://www.w3schools.com/TAGS/tag_p.asp
  26. 26. aanchor<a href="http://en.wikipedia.org/wiki/Thelonious_Monk"target="_blank">Wikipedia value</a>http://www.w3schools.com/TAGS/tag_a.asp
  27. 27. ol / liordered 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
  28. 28. ul / liUNordered list / list item<ul> <li>The Unique Monk</li> <li>Brilliant Corners</li> <li>Thelonious Himself</li> <li>Monks Music</li></ul>http://www.w3schools.com/TAGS/tag_ul.asp
  29. 29. ?#!<iframe width="420" height="315"src="http://www.youtube.com/embed/OMmeNsmQaFw"frameborder="0" allowfullscreen></iframe>http://www.w3schools.com/TAGS/tag_ul.asp
  30. 30. < di v > and<span> http://www.w3schools.com/tags/tag_div.asp
  31. 31. Table / th / tr / tdTable / table header / table row / table data http://www.w3schools.com/tags/tag_table.asp
  32. 32. <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 sisters 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>Tonks 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>
  33. 33. <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 sisters 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>Tonks 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>
  34. 34. THAT’SALLFOLKSwww.slideshare.net/idanska
  35. 35. homework

×