Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie Pres
Ähnlich wie Pres (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (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; }