digital information technology help...

14
Digital Information Technology Help File

Upload: others

Post on 28-Jun-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM

Digital Information Technology Help File

Page 2: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM

Please note that there is a sentence of directions before you actually start the

steps for this project...

Page 3: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM
Page 4: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM
Page 5: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM

Note: Lines 1-15 of the above code will be explained on the following slides

Page 6: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM

Lines 1 and 2 of every Plain Text file you create for a webpage will need to be

typed exactly as you see below.

This tells the computer what the document type is, such as html.

Page 7: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM

Your title tag needs to go between your head tags.

Both title and head tags need to have open and close tags.

Your title appears on the tab of the open window:

Page 8: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM

Your body style goes next and this is where you put the background color.

Your heading needs to be centered. Center tags should be opened and closed.

Your h1 and center tags need to have open and close tags.

h1 is also the largest heading size.

Your heading appears at

the top of your webpage

Page 9: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM

Your text goes next...

Your paragraph tags <p> need to have open and close tags.

Paragraph tags create a double space.

Page 10: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM

• <ol> tag needs to be opened at the very beginning of list, and closed at very

end of list

• <li> tag needs to be opened before every line on the list, and closed after

every line on the list.

• <em> is an italic emphasis tag, which also needs to be opened and closed

• Font color change be changed by using <li style=color:

• Don't forget to close the strong tags as well.

Page 11: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM

It is very important that the image name that

you type into your code EXACTLY MATCHES

the image filename in your Module 6 folder

Page 12: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM

• Your <footer> tag would begin below the body of your webpage. Footer tags need

both an open and a close tag.

• This particular footer needs both your name and an email hyperlink.

• The email hyperlink must begin with <a href=mailto

• Text typed after the email address and the closing bracket will appear on your

page.

• You can align your footer to the right if you would like. Below see the code for align

right. Don't forget to close with a </p>

Remember you need a body close tag.

Page 13: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM

If your .html tag is not closed, your page will not display.

And then your webpage is DONE! :)

Page 14: Digital Information Technology Help Filedwadsworth.weebly.com/uploads/2/1/9/5/21957084/605help.pdf · 6.05 Module 6 Project Author: Catalone, Kim Created Date: 7/1/2016 12:28:53 PM