FREE Trial

The page shown in Figure 1-44 contains the required HTML5 tags for all webpages. In your...

Fantastic news! We've Found the answer you've been seeking!

Question:

    
 
 


2. Save the file as a Hyper Text Markup Language file with the name template01 in the chapter01 apply folder provided with t

If you are using a plain text editor such as Notepad (Windows) or TextEdit (Mac), all of the code and content is black, as sh

Transcribed Image Text:

The page shown in Figure 1-44 contains the required HTML5 tags for all webpages. In your HTML editor, you will enter these required HTML tags and save the file as an HTML document that can serve as the model, or template, for other HTML documents. You will make a copy of the HTMIL template and insert the paragraph content to create and personalize a page to introduce yourself, your major, and your goals for the class. The figures in this exercise use Notepad++ (Windows) and TextWrangler (Mac) as HTML editors, but you can complete the exercises in this book using any HTML editor such as Sublime, Programmer's Notepad, KompZer, HTML Kit, CoffeeCup, Aptana, UltraEdit, or Microsoft WebMatrix, to mention a few. Perform the following tasks: 1. Open your HTML editor, and enter the required HTML tags as shown in Figure 1-44. In this figure, the tags within the <head> section are indented to visually separate the <head> section from the <body> section. Adding spaces, indents, or extra blank lines to an HTML document does not change the way the page looks in the browser. Professional webpage developers use indents and blank space to make the code easier to read and maintain. 1 <IDOCTYPE htmi> 2 <html lang-"en"> 3 chead> <title></title> meta charset-"utf-8"> </head> 4. 7 body> 10 </body> 11 </html> Figure 1-44 Source: Notepad++ 2. Save the file as a Hyper Text Markup Language file with the name template01 in the chapter01\apply folder provided with the Data Files for Students. (Hint: If you are using TextWrangler, enter the entire file name and extension of template01.html to save the file as an HTML file). Both Notepad++ and TextVWrangler save HTML files with an html file name extension and apply color coding. 3. Tap or click the opening <html> tag. Examine the HTML document shown in Figure 1-45, which displays the code in Notepad++. In a Word document, answer the following questions: a. In what color does Notepad++ display HTML tags? b. What color are HTML attributes? c. What color are HTML attribute values? d. When you tap or click the start or end tag of a set of paired tags, what background color is used to highlight the pair? template01.htmi - Notepad Fle Edt Search View Enceding Language Setings Macro Run Plugins Window ? <!DOCTYPE html> 2 eHinl lang="en" 3 e<head> <title></title> <meta charset"utf-8"> </head> 7 E<body> 10 </body> 11 K/html Figure 1-45 4. Examine the HTML document shown in Figure 1-46, which displays the code in TextWrangler. In a Word document, answer the following questions: a. In what color does TextWrangler display HTML tags? b. What color are HTML attributes? c. What color are HTML attribute values? Source: Notepad++ If you are using a plain text editor such as Notepad (Windows) or TextEdit (Mac), all of the code and content is black, as shown in Figure 1-47. template01.html - Notepad File Edit Format View Help KIDOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="utf-8"> </head> <body> </body> </html> Figure 1-47 5. Delete the closing quotation mark in the <meta charset="utf-8"> tag and observe how the colors change on the screen. In a Word document, explain how the colors changed on the screen. Replace the missing quotation mark. Observing how the colors work in your HTML editor helps you productively find and correct errors. 6. Save the template01.html file with the name intro.html in the chapter01 \apply folder provided with the Data Files for Students. Given all HTML5 pages start with the same required tags, a productive way to create a new file is to open the template01.html file and then save it with a new name as a starting point for the new page. 7. Enter the paragraph tags, horizontal rule tags, and content as shown in Figure 1-48 (Notepad++) and Figure 1-49 (TextWrangler). Modify the content within the paragraph <p> ... </p> tags to introduce yourself in this page. Use indents as desired to make the page easy to read. The page shown in Figure 1-44 contains the required HTML5 tags for all webpages. In your HTML editor, you will enter these required HTML tags and save the file as an HTML document that can serve as the model, or template, for other HTML documents. You will make a copy of the HTMIL template and insert the paragraph content to create and personalize a page to introduce yourself, your major, and your goals for the class. The figures in this exercise use Notepad++ (Windows) and TextWrangler (Mac) as HTML editors, but you can complete the exercises in this book using any HTML editor such as Sublime, Programmer's Notepad, KompZer, HTML Kit, CoffeeCup, Aptana, UltraEdit, or Microsoft WebMatrix, to mention a few. Perform the following tasks: 1. Open your HTML editor, and enter the required HTML tags as shown in Figure 1-44. In this figure, the tags within the <head> section are indented to visually separate the <head> section from the <body> section. Adding spaces, indents, or extra blank lines to an HTML document does not change the way the page looks in the browser. Professional webpage developers use indents and blank space to make the code easier to read and maintain. 1 <IDOCTYPE htmi> 2 <html lang-"en"> 3 chead> <title></title> meta charset-"utf-8"> </head> 4. 7 body> 10 </body> 11 </html> Figure 1-44 Source: Notepad++ 2. Save the file as a Hyper Text Markup Language file with the name template01 in the chapter01\apply folder provided with the Data Files for Students. (Hint: If you are using TextWrangler, enter the entire file name and extension of template01.html to save the file as an HTML file). Both Notepad++ and TextVWrangler save HTML files with an html file name extension and apply color coding. 3. Tap or click the opening <html> tag. Examine the HTML document shown in Figure 1-45, which displays the code in Notepad++. In a Word document, answer the following questions: a. In what color does Notepad++ display HTML tags? b. What color are HTML attributes? c. What color are HTML attribute values? d. When you tap or click the start or end tag of a set of paired tags, what background color is used to highlight the pair? template01.htmi - Notepad Fle Edt Search View Enceding Language Setings Macro Run Plugins Window ? <!DOCTYPE html> 2 eHinl lang="en" 3 e<head> <title></title> <meta charset"utf-8"> </head> 7 E<body> 10 </body> 11 K/html Figure 1-45 4. Examine the HTML document shown in Figure 1-46, which displays the code in TextWrangler. In a Word document, answer the following questions: a. In what color does TextWrangler display HTML tags? b. What color are HTML attributes? c. What color are HTML attribute values? Source: Notepad++ If you are using a plain text editor such as Notepad (Windows) or TextEdit (Mac), all of the code and content is black, as shown in Figure 1-47. template01.html - Notepad File Edit Format View Help KIDOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="utf-8"> </head> <body> </body> </html> Figure 1-47 5. Delete the closing quotation mark in the <meta charset="utf-8"> tag and observe how the colors change on the screen. In a Word document, explain how the colors changed on the screen. Replace the missing quotation mark. Observing how the colors work in your HTML editor helps you productively find and correct errors. 6. Save the template01.html file with the name intro.html in the chapter01 \apply folder provided with the Data Files for Students. Given all HTML5 pages start with the same required tags, a productive way to create a new file is to open the template01.html file and then save it with a new name as a starting point for the new page. 7. Enter the paragraph tags, horizontal rule tags, and content as shown in Figure 1-48 (Notepad++) and Figure 1-49 (TextWrangler). Modify the content within the paragraph <p> ... </p> tags to introduce yourself in this page. Use indents as desired to make the page easy to read.

Expert Answer:


answer-question
Related Book For  answer-question
Discovering Advanced Algebra An Investigative Approach

Discovering Advanced Algebra An Investigative Approach

ISBN: 978-1559539845

1st edition

Authors: Jerald Murdock, Ellen Kamischke, Eric Kamischke

See More Books
Posted Date:
See More Questions

Students also viewed these accounting questions

The Guide To Understanding The Insurance Industry 2007 2008 Dig Into The Financials That Drive Insurers 1st Edition - ISBN: 1419679899 - Free Book