ホームページレクチャー

480 views

Published on

  • Be the first to comment

  • Be the first to like this

ホームページレクチャー

  1. 1. HTML CSS
  2. 2. • Windows Mac• Windows Mac Internet Explorer Safari
  3. 3. • Windows Mac TeraPad mi www5f.biglobe.ne.jp/~t-susumu/ www.mimikaki.net• Firefox chrome mozilla.jp/firefox www.google.co.jp/chrome
  4. 4. HTMLCSS
  5. 5. H T M L
  6. 6. H yper Text Mark-up L anguage
  7. 7. H yper Text Mark-up L anguage 20
  8. 8. 20 1 2 3
  9. 9. HTML
  10. 10. HTML
  11. 11. HTML Mark-Up
  12. 12. CSS
  13. 13. C S S
  14. 14. C ascading Style Sheet
  15. 15. C ascading Style Sheet 20 1 2 3
  16. 16. C ascading Style Sheet
  17. 17.
  18. 18. ••
  19. 19. •••
  20. 20. ••••
  21. 21. •••••
  22. 22. CSS
  23. 23. CSS
  24. 24. CSS Style
  25. 25. HTML
  26. 26. HTMLWindows Mac
  27. 27. HTML OK<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"dir="ltr" /><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title> </title></head><body> xxxx.html xxxx</body></html>
  28. 28. → →Internet Explorer
  29. 29. w
  30. 30. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> HTML<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"dir="ltr" /> HTML
  31. 31. <title> </title> <title>< > </ > < > title
  32. 32. <head> <title> </title></head> <head>
  33. 33. <body> <body> </body> <body>
  34. 34. header <h1> <h6> <h1>Web ROLMO </h1> <h2> </h2> <h2>ROLMO Style</h2> <h1> <h2> header 1 2 <h1> <h6> 6
  35. 35. <p> <span> <em> <p> <span> </span> </p> <p> HTML <p> <span> <em>
  36. 36. </br><p> <span> </span> </br></p> </br> </br>
  37. 37. <ul> <li> <h2> </h2> <ul> <li> </li> <li> </li> <li> </li> </ul> <ul> <li> <ol>
  38. 38. <a><a href="http:// .co.jp/"> </a> <a> <a href=""> a href
  39. 39. <img><img src=" " /> img img
  40. 40. http://rolmo.jp/images/sample.jpg Root Folder index.html index.htmlimages/sample.jpg contact contact.html contact.html../images/sample.jpg※ ../ images sample.jpg
  41. 41. <!-- --> <!-- --> <!-- --> HTML <!-------------- ------------------->
  42. 42. wwwwww.tohoho-web.com/html/index.htm HTML5 X OK
  43. 43. HTML 1 <h1>, <h2>, <p>, <a>, <img>, <ul>, <li>
  44. 44. to be continued.....

×