Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (20)
Similar a Pres
Similar a Pres (20)
Último
Último (20)
Pres
- 1. Building and Marketing Websites
- 2. Marketing Google advertising Search PPC / CPC CPA Cost per action “action” can be mean different things
- 3. More HTML elements Links , Tables
- 4. Links <a href=“http://www.google.com”>This is a link</a>
- 5. Links <a href=“http://www.google.com”>This is a link</a> href attribute required Specifies destination of the link Content of element acts as a label for the link. In the browser the label appears with an underline to indicate you can click on it
- 6. Links Anchors are inline elements May only contain text and other inline elements. <a href=“http://www.google.com”>This is a link</a> <a href=“http://www.google.com”><imgsrc=“…” /></a>
- 7. Links: href attribute href attribute provides the address of the page (its URL) to the browser 2 ways to specific URL
- 8. Links: href attribute <a href=“http://www.google.com”>This is a link</a> Absolute URL Provide the full URL for the document, including the protocol (http://)
- 9. Links: href attribute <a href=“test.html”>This is a link</a> Relative URL Can be used when you are linking to another document on your own site (i.e., on the same server).
- 10. Tables
- 11. Tables
- 14. Tables Rows tr = table row Cells: th = table header td = table data Actual content goes into cells
- 15. Tables What about columns? The number of columns in a table is determined by the number of cells in each row Make sure you have the same number of cells in each row!
- 16. Back to CSS
- 17. Inheritance Elements pass down certain style properties to the elements they contain
- 19. Classes Used to classify elements into a conceptual group.
- 20. <html> <head> <title>Simple Website</title> </head> <body> <h1>Welcome</h1> <p class=“green”>This is a demonstration.</p> <p>Business as usual</p> </body> </html>
- 21. Font Sizes body { font-size: 14px; }
- 22. Font Sizes body { font-size: 14px; } h1 { font-size: 150%; } Percentage tells the font how big it should be relative to another font size.
- 23. Font Sizes body { font-size: 14px; } h1 { font-size: 150%; } h2 { font-size: 1.2em; } Similar to em. Specifies a scaling factor.
- 24. Font Sizes
- 25. Font Sizes body { font-size: small; }