Presentation is loading. Please wait.

Presentation is loading. Please wait.

UNIT 2UNIT 2 > MODULE 5 Lesson 1: Creating a Data Table OverviewMODULE 5.

Similar presentations


Presentation on theme: "UNIT 2UNIT 2 > MODULE 5 Lesson 1: Creating a Data Table OverviewMODULE 5."— Presentation transcript:

1 UNIT 2UNIT 2 > MODULE 5 Lesson 1: Creating a Data Table OverviewMODULE 5

2 Open up All your html files in notepad++ Check each of the notepad html documents. Make sure that it says index.html and not home.

3 UNIT 2UNIT 2 > MODULE 5 Lesson 1: Creating a Data Table Overview Open the accessibility.html file in notepad++. Copy and make your page look like this.MODULE 5 Web Portfolio: Your Name Accessibility

4 School Lunch Menu // specifies this is the heading // specifies start a row // no data in column Monday // header for column Tuesday // header for column Wednesday // header for column Thursday // header for column Friday // header for column // end the row // end heading //start body of the table // start a row Carnivores Sausage pizza //data Corn dogs // data Sloppy Joe // data Beef taco // data Chicken and dumplings //data // end a row // start a row Herbivores Veggie pizza // data Veggie dogs // data BBQ tempeh // data Bean burrito // data Tofu teriyaki // data // end a row // end body of table // end the table DO NOT COPY THIS. THIS IS FOR INFORMATION. start table end table title of table headings for the table Starts a row and column ends row column the actual data of the table If a cell contains headers, it begins and ends with elements:

5 Create this table in your accessibility.html. Start tying the code after the

6 After you finish Go to this website: http://www.freeformatter.com/html-formatter.html#ad-output Copy your entire html file from the accessibility.html into the editor section. Change the indention level to tab delimited Click format HTML Click copy to the clipboard Go to your notepad document. Copy over the current text and paste. Your document Should be indented correctly.

7 Reflection Activity – Open the index.html document. Write a reflection as described below. Open the index.html document. You will now write a Reflection in the Unit 2 area of your index.html notepad document. It should be about what you have learned so far about html and the different tags and Unit 2


Download ppt "UNIT 2UNIT 2 > MODULE 5 Lesson 1: Creating a Data Table OverviewMODULE 5."

Similar presentations


Ads by Google