1 / 35

HTML

HTML. HTML stands for Hypertext Markup Language. It is a type of computer language created just for the internet. It tells your computer what to do. Basic Rules. HTML is written in all lowercase Tags must be enclosed with brackets < >

anthea
Download Presentation

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. HTML HTML stands for Hypertext Markup Language. It is a type of computer language created just for the internet. It tells your computer what to do.

  2. Basic Rules • HTML is written in all lowercase • Tags must be enclosed with brackets < > • Tags should be written on separate lines unless they are part of the same paragraph • If one item is missing or misplaced, the tag will not work.

  3. Open vs. Closed An open tag looks like this: <html> A closed tag looks like this: </html> Not all tags need a closed tag.

  4. Examples With a closed tag: The <b>dog</b> barked The dog barked Without a closed tag: The <b>dog barked The dog barked

  5. Attributes Some tags need extra direction. These extra directions need to be surrounded by quotation marks so that the computer understands that what exactly you want.

  6. Example Look at the following tag: <font color=“66ffcc”> The quotations tell the computer exactly what color to change the font to.

  7. Starting Tags The following 4 tags will ALWAYS start every web page.

  8. <html> This tag tells the computer to start reading the html language. Closing Tag: </html>

  9. <head> This tag holds information about your web page such as keywords (meta tags), titles, etc. Closing Tag: </head>

  10. <title> This tag creates a title for the browser Closing Tag: </title>

  11. <body> This tag starts the main part of the web page that viewers will see, such as text, graphics, etc. Closing Tag: </body>

  12. The start of EVERY web page should look like this: <html> <head> <title> <body>

  13. The closing tags for <html>, <head>, and <body> go at the END of the entire web page document.

  14. Formatting Formatting tags allow you to change colors, font, size, etc.

  15. <h…1-6> Creates a heading Open Tag with Attribute: <h1> or <h3> Closing Tag: </h>

  16. <body bgcolor> This tag allows you to set a solid color for the background. You must use a web safe color. Open Tag with Attribute: <body bgcolor= “#0099CC”> No closing tag

  17. <body background> This tag allows you to put a picture in the background Open Tag with Attribute: <body background=“picture.gif”> <body background=“http:www….”> No closing tag

  18. <i> Italicizes text Closing Tag: </i>

  19. <b> bolds text Closing Tag: </b>

  20. <u> underlines text Closing Tag: </u>

  21. <font color> This tag allows you to change the color of your text Open Tag with Attribute: <font color=“#66ccff”> Closing Tag: </font color>

  22. <font size> This tag allows you to change the size of your text Open Tag with Attribute: <font size=“3”> Closing Tag: </font size>

  23. <imgsrc> Places a photo or graphic Open Tag with Attribute: <img src=“picture.gif”> <img src=“http:www….”>

  24. <height> <width> Changes the pixel size of an image Combined tag with attribute: <img src=“picture.gif” height=100 width=100>

  25. <p> Creates a new paragraph No Closing Tag

  26. <br> Creates a line break No Closing Tag

  27. <hr> Creates a separating line Closing Tag: </hr>

  28. <a href> Creates a link Open and Closing Tag with Attribute: <a href=“http://www.google.com”> Google </a>

  29. <a href=“mailto:”> Creates an e-mail link Open and Closing Tag with Attribute: <a href=“mailto: estrella.webdesign@yahoo.com”> E-mail </a>

  30. <ul> Makes an unordered (bulleted list) Closing Tag: </ul>

  31. <ol> Makes an ordered (numbered list) Closing Tag: </ol>

  32. <li> Creates list items No Closing Tag

  33. Example of <ul> list <ul> Favorite Movies <li> Hangover <li> Flicka <li> Rugrats Movie <li> Despicable Me </ul> • Favorite Movies • Hangover • Flicka • Rugrats Movie • Despicable Me

  34. Example of <ol> list <ol> Classes <li> English <li> Math <li> Web Design <li> Government </ol> Classes English Math Web Design Government

More Related