INTRODUCTION TO WEB DEVELOPMENT LABORATORY WORK 1: HTML TEXT Name: ____________________________________ PURPOSE The purpose of this assignment is to practice writing HTML text. These tags are used in almost every modern website ever created and are essential to learn. ACTIVITIES Perform each of the following activities. If you have questions, issues, or doubts, please ask for help. Do not just guess. 1) Unzip the file Lab1.zip a. In the Lab1.zip folder there is a file named lab1_screenshot.png. This is a screenshot of what today’s completed exercise should look like. Use this screenshot as a guide while completing this exercise. 2) Don’t forget to turn on Live Preview so you can see your website update in Chrome as you write in Brackets or Sublime Text. a. Notice on the lab1_screenshot.png that there are four sections. Each section is separated by a horizontal rule and there is an <h1> heading tag that contains a title. There should also be an HTML comment above the <h1> tag for each section. Let’s create these sections first: i. Under the <p> tag and above the closing </body> tag write a horizontal rule <hr> tag, a blank comment <!---> tag, and a heading 1 <h1> tag on separate lines. 1. Copy these three lines and paste them three times. ii. Write “Headings” between the first set of comment and <h1> tags iii. Write “Paragraph” between the second set of tags iv. Write “List Types” between the third set of tags v. Write “Extra Tags — abbr, cite, sub, sup, small” between the fourth set of tags b. Now, using the lab1_screenshot.png as a guide, fill in the correct content for each section. The Lab1.zip folder contains a file named text.txt that contains the Lorem ipsum filler text that you need to complete this exercise. Also, do not forget to add the bold and italic text to the second and third paragraphs in the Paragraph section. You will also need to add some text in the Extra Tags section. Finally, unless you already have experience writing HTML, you are going to need to use the links in your reading assignment to complete this exercise. 3) You are on your own, but remember the reading assignment contains all of the information you will need to complete this assignment. Also, do not be afraid to ask your teacher or fellow students for help. You need to do whatever it takes to learn this material. Good luck and have fun! 4) Save your work to a zip file and upload it to the DL
