HTML What Youll Learn Preformatted text Combining tags

HTML

What You’ll Learn… • Pre-formatted text • Combining tags • Special Characters

Pre-formatted text • <pre> </pre> • instructs your web browser to display the text exactly as typed in the HTML document, including spaces, tabs, and carriage returns • Example <pre> Teacher Hubbard Sires </pre> Classroom 309 315

How to combine tags • Let’s make something bold AND italic – I’m bold and italic • Notice the tags are on the outside and the tags are on the inside • Maintain the order (what’s starts first finished last) • Like a sandwich of tags!

Special Characters • Makes a special character show up web page – Accent mark – Less than sign – Copyright sign • Examples – – – < is used for < > is used for > & is used for & is used for a space © is used for a ©

Lesson 5 Assignment • Create a new folder called “Last. Name First. Name Project 5” • Open notepad++, create a New File and save it as project 5. html • Add the required tags (with the correct indentation too!) • Add a comment above the <head> tag with our name, the date, and the period • In the body, use the preformatted tag to add a table listing one of the following your top 5 dream careers(don’t hold back!) • Make a list your 5 dream colleges. – Title your list “Dream Colleges” (both bold and italic). – Make the first item of your list both underlined and italic. – Make the second item of your list both bold and underlined • At the bottom of your web page (before the end body tag), add a line across the page and center it. On the next line center the copyright symbol, your name, and the date