My website is www.pgrocer.net.After you click on CIS120/17 you will see this page.
Title: Jan 2410:54 AM (1 of 20)
These are the html examples we will start looking at today.
My audio andSmartboardnotes.
Title: Jan 2411:16 AM (2 of 20)
Clicked on the example HTML5intro.html and this page came up.
Next, I will right click and view the source code to see the HTMLthat I wrote that generated this page. A picture of the source codeis shown on the next slide.
Title: Jan 2411:17 AM (3 of 20)
A paragraph has the tag of <p> and a division has the tag of <div>.A paragraph skips a line at the end but a division does not.
The <head> tag holds information about the page such as the title. Note the close of the title and the close of the head show the </ to show the end of title of head.
The body has the lines I want to appear on the page. In this case it is just one line in a paragraph.
Title: Jan 2411:22 AM (4 of 20)
Good source for information.
Title: Jan 2411:23 AM (5 of 20)
Title: Jan 2411:24 AM (6 of 20)
Title: Jan 2411:24 AM (7 of 20)
Title: Jan 2411:31 AM (8 of 20)
You write the code in a text editor like Notepad or Notepad++ and then saveit with a .html extension.
Title: Jan 2411:33 AM (9 of 20)
I saved the page as firstS19.htmlNow I am loading it to see the result.
Note that you can get a menu in Firefox to help with this.
Title: Jan 2411:46 AM (10 of 20)
Click on the navy bar and select menu barto get the menu I used in the last slide.You can then click on File and get theselection that lets you save or open.
Title: Jan 2411:46 AM (11 of 20)
Now I am adding style to the page using CSS (Cascading Style Sheets).I designate the tag I want to apply the style to such as body or p or li.I have said in body that I want the default font color to be red. For li I overrode the red and specified green.
Title: Jan 2411:50 AM (12 of 20)
Title: Jan 2411:50 AM (13 of 20)
Title: Jan 2411:56 AM (14 of 20)
Title: Jan 2411:59 AM (15 of 20)
Title: Jan 2412:05 PM (16 of 20)
Now I am applying style to the headers that I coded.
Title: Jan 2412:06 PM (17 of 20)
Title: Jan 2412:07 PM (18 of 20)
Title: Jan 2412:07 PM (19 of 20)
Title: Jan 2412:11 PM (20 of 20)