1 / 46

Why HTML

Learn how to create and customize web pages using HTML. Includes step-by-step instructions on changing fonts, colors, centralizing text, adding links and images, and more.

herrerarichard
Download Presentation

Why HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Why HTML

  2. http://www.csulb.edu/ • View Code

  3. Save as Text This is my home page. My name is Ali. I’m studying Educational Technology.

  4. Validity and reliability of “Cognitive Styles Analysis” Ali Reza Rezaei Minnesota State University, Mankato Larry Katz University of Calgary, Canada Abstract To make the instruction more effective, there must be a match between the characteristics of the learner and the content, the method, and the media of the instruction. According to many research studies one of the most critical factors in this regard is the cognitive style of the learners. On the other hand, an important advantage of computer based instruction is the opportunity to deliver the instruction based on students' cognitive style. This customized instruction is possible today, because the cognitive style analysis could be easily be done on

  5. HTML Hyper Text Markup Language

  6. Create HTML Files

  7. Open notepad

  8. Red Font Color This is my home page

  9. Type <html> <body> <p><font color="#FF0000">This is my home page.</font></p> </body> </html>

  10. Save as text and change the format to html

  11. Green Font Color This is my home page.

  12. Green Font Color <html> <body> <p><font color="#00FF00">This is my home page.</font></p> </body> </html>

  13. Blue Font Color This is my home page.

  14. Green Font Color <html> <body> <p><font color="#0000FF">This is my home page.</font></p> </body> </html>

  15. Black & Bold Font This is my home page.

  16. <html> <body> <p><b>This is my home page.</b></p> </body> </html>

  17. Bold & Blue Font This is my home page.

  18. Bold & Blue Font <html> <body> <p><b><font color="#0000FF">This is my home page.</font></b></p> </body> </html>

  19. Centralize This is my home page.

  20. Centralize <html> <body> <p align="center">This is my home page.</p> </body> </html>

  21. Centralize & Underline This is my home page.

  22. Centralize & Underline <html> <body> <p align="center"><u>This is my home page.</u></p> </body> </html>

  23. Make a Link I'm from CSULB, in Southern California.

  24. Make a Link <html> <body> <p align="center">I'm from <a href="http://www. csulb.edu">CSULB</a> , In Southern California.</p> </body> </html>

  25. Link to a Picture I'm from CSULB, in Southern California.

  26. <html> <body> <p align="center">I'm from <a href="http://www. Csulb.edu">CSULB</a> , In Southern California.</p> <p align="center"> <img border="0"src="file:///C:/homepic.jpg" width="174" height="265"></p> </body> </html>

  27. Border for the image I'm from CSULB, in Southern California.

  28. Border for the image <html> <body> <p align="center">I'm from <a href="http://www. Csulb.edu">CSULB</a> , In Southern California.</p> <p align="center"><img border="4" src="file:///C:/WINNT/Profiles/reza/Desktop/homepic.jpg" width="174" height="265"></p> </body> </html>

  29. Background image <html> <head> <title></title> </head> <body background="file:///C:/homepic.jpg"> <p align="center">I'm from <a href="http://www. Csulb.edu">CSULB</a> , In Southern California.</p> </body> </html>

  30. Plain Background

  31. Plain Background <html> <head> <title></title> </head> <body bgcolor="#C0C0C0"> <p align="center">I'm from <a href="http://www. Csulb.edu">CSULB</a> , In Southern California.</p> </html>

  32. bgproperties="fixed" • http://www.web-wise-wizard.com/css-style-sheets/web-page-fixed-background.html

  33. Background Sound

  34. <bgsound src="sound.wav" loop=“2"> • This will repeat the sound just twice. You can change it to any number. If you change it to a negative number it will loop forever.

  35. How the color codes work?

  36. The six-digit number and letter combinations represent colors by giving their RGB (red, green, blue) value. The six digits are actually three two-digit numbers in sequence, representing the amount of red, green, or blue as a hexadecimal value in the range 00-FF. For example, 000000 is black (no color at all), FF0000 is bright red, 0000FF is bright blue, and FFFFFF is white (fully saturated with all three colors).

  37. Hexa Decimal RBG

  38. Decimal RGB

  39. Font Size this is my home page

  40. Font Size <html><body> <p>this is</p> <p><font size="5">my home page</font></p> </body></html>

  41. A Beginner's Guide to HTML http://www.w3schools.com/html/default.asp http://www.htmlgoodies.com/primers/html http://www.htmlcodetutorial.com http://www.visibone.com/colorlab

  42. To Publish ftp.csulb.edu • To Visit http://www.csulb.edu/~username

  43. (Word-DreamWeaver - Wix, Weebly, Google sites)0 • WordPress • http://www.youtube.com/watch?v=8Jv47_VIBOQ

More Related