Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML World Wide Web Consortium What does HTML stand for? –www.w3.orgwww.w3.org –www.w3schools.comwww.w3schools.com –http://Reference.sitepoint.comhttp://Reference.sitepoint.com.

Similar presentations


Presentation on theme: "HTML World Wide Web Consortium What does HTML stand for? –www.w3.orgwww.w3.org –www.w3schools.comwww.w3schools.com –http://Reference.sitepoint.comhttp://Reference.sitepoint.com."— Presentation transcript:

1 HTML World Wide Web Consortium What does HTML stand for? –www.w3.orgwww.w3.org –www.w3schools.comwww.w3schools.com –http://Reference.sitepoint.comhttp://Reference.sitepoint.com

2 HTML 5 Released in 2012 Extends HTML 4 (Backwards Compatible) Plays better with smartphones/tablets New Tags: Etc…

3 HTML 5 Doctype All HTML documents should begin with the DOCTYPE tag.

4 HTML Tag Structure Tags use brackets –Begin tags: Text Between Tags –End Tags:

5 HTML Document HTML Tag At the top and bottom of every web page. Just after the tag Each page needs only one set of HTML tags. Page Information

6 HTML Header Section This text displays on the browser’s title bar.

7 HTML Body Section Everything that displays on the web page goes here.

8 Sample Page Stoll’s web page This is my content

9 HTML Tag Structure Attributes Text, images, multimedia, etc. go between tags Example Web page stuff

10 HyperText Links Display Text www.website.com

11 Bold Underline and Italics Bold Tag – This text will appear bold Underline Tag – This text will underlined Italic Tag (Emphasize) – This text will appear in italics

12 HTML Headings … through … Largest to smallest (h1 is largest) Line breaks and paragraphs (end tag optional) (no end tag)

13 HTML most stuff goes here Attributes: The web page is defined here Browsers and white space

14 HTML Ordered Lists: Chevelle Cuda Shelby Camaro

15 HTML Unordered Lists: Chevelle Cuda Shelby Camaro

16 HTML Tables Mickey Mouse 87 4'1''

17 Tables This is my test table Mickey Mouse 87 4'1''

18 A Table With Two Rows Mickey Mouse 87 4'1'' Goofy 220 6‘9''

19 Two Row Table Output Mickey Mouse 87 4'1'' Goofy 220 6‘9''

20 HTML Tables Mickey Mouse 87 4'1''

21 CSS Vs. HTML Tables www.2advanced.com (beautiful - all flash - site)www.2advanced.com www.cssremix.com www.css-tricks.com (Look at videos 1-20 in order)www.css-tricks.com Colorzilla - A FireFox addon that allows you to copy colors directly from web pages.

22 Changing the color of links

23 Tips for the Quiz Some items on the quiz: –Bold, italic, and underline tags –Hyperlink syntax –Line break tag –Background color –Lists –Tables


Download ppt "HTML World Wide Web Consortium What does HTML stand for? –www.w3.orgwww.w3.org –www.w3schools.comwww.w3schools.com –http://Reference.sitepoint.comhttp://Reference.sitepoint.com."

Similar presentations


Ads by Google