Crenox

Help with HTML

Jul 15th, 2013
122
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.20 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>
  5. HELP WITH HTML
  6. </title>
  7. </head>
  8. <body>
  9. <!-- This is a comment! -->
  10. <h1>LINKS:</h1>
  11. <a href="http://www.w3schools.com/html/html_lists.asp">Ordered & Unordered Lists</a>
  12. <p><a href="http://www.w3schools.com/html/html_css.asp">HTML Styles: Color, Size, Font, etc.</a></p>
  13. <h1>HELP WITH HTML:</h1>
  14. <p><strong>To type in bold, you have to use the keyword strong. </strong></p>
  15. <h1>This is the first head paragraph. Use the h1 keyword.</h1>
  16. <h2>This is the second. Use the h2 keyword.</h2>
  17. <h3>Third. Use the h3 keyword.</h3>
  18. <h4>Fourth. Use the h4 keyword</h4>
  19. <h5>Fifth. Use the h5 keyword.</h5>
  20. <h6>And the last one, the sixth. Use the h6 keyword.</h6>
  21. <p>Now, onto adding links & images.</p>
  22. <p><strong>URL:</strong></p>
  23. <a href="http://www.w3schools.com/html/html_links.asp">To add a link, click this link</a>
  24. <p><strong>IMG:</strong> (You can click this to see how to add images)</p>
  25. <a href="http://www.w3schools.com/html/html_links.asp"/><img src="http://images.wisegeek.com/duckling-in-water.jpg"/></a>
  26. <p>Now it's time to go over ordered/unordered lists.</p>
  27. <h3><strong>Ordered Lists</strong></h3>
  28. <ol>
  29. <li>To make an ordered list, go to the link above.</li>
  30. </ol>
  31. <h3><strong>Unordered Lists</strong></h3>
  32. <ul>
  33. <li>To make an unordered list, go to same link above.</li>
  34. </ul>
  35. <h3>Next, we're going to use HTML styles!</h3>
  36. <p style= "color:green; font-size: 50; font-family: Verdana">In HTML, we can manipulate the text (HTML Styles) and how it looks, this includes its...</p>
  37. <ul>
  38. <li>Color.</li>
  39. <li>Font size</li>
  40. <li>Font it uses</li>
  41. </ul>
  42. <p>Now, here's even some more styles.</p>
  43. <p style = "background-color:grey"> You can also change the background color for a text. This is another HTML style. You use the background-color keyword.</p>
  44. <p style = "text-align:center"> You can also align your text using the text-align keyword.</p>
  45. <p> You can make it go right, left, or the center.</p>
  46. <p> One other thing we can do is <em>italicize</em> words using the em keyword!</p>
  47. <p> Go to the link above to see how you can use the HTML styles better.</p>
  48. </body>
  49. </html>
Advertisement
Add Comment
Please, Sign In to add comment