2. 18 People Surveyed

5. HTML (HyperText Markup Language) HTML “tags” Describes structure Building blocks Headings, paragraphs, lists, links, images, quotes, etc.

6. Page title This is a heading. This is a paragraph. This is another paragraph.

7. Basic HTML Tags Links CLICK HERE! Images Lists or First item in the list Second item in the list or

8. HTML Forms HTML5 – New elements Header, footer – API’s Geolocation Drag and drop Going Further

9. Describes style and layout – How HTML elements will be displayed Multiple web pages – Saves time/work Inline or in CSS file CSS (Cascading Style Sheets)

10. Selector and declaration block h1 { color: red; font-size: 12px; text-align: center; } Class or id selectors #main-title { text-align: center; } CSS

11. <link type="text/css“ rel="stylesheet“ href=“path_to_css_file"/> Page title This is a heading. This is a paragraph. This is another paragraph. h1 { color: purple; text-align: center; } p { font-family: Verdana; } #demo { font-size: 36px; }

13. Backgrounds Fonts Tables Outlines Margins Dimensions Floating.... and so much more! CSS

14. Programming language of the web – Similar to what you already know Gives a page functionality Can change HTML content and CSS styles In the HTML document or in.js file JavaScript

15. Change HTML content – Click herehere Strings – Click herehere JavaScript Examples Math – Click herehere Dates – Click herehere

16. Log onto a lab machine and go to: /web/home/your_username/public_html Create a file: index.html – Minimum: Put any bit of HTML – Extra: Add CSS – DOUBLE EXTRA: Add JavaScript Change the permissions to be seen on the web – chmod 644 – people.cs.clemson.edu/~your_username HOMEWORK

17. www.w3schools.com www.codecademy.com Resources