12.09.2015 Views

Boot Camp

Web Authoring Boot Camp - StudioBast

Web Authoring Boot Camp - StudioBast

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

appendix 2<br />

Problem-Solving Tips<br />

Problem-Solving<br />

My Code Doesn’t Work!<br />

When you are learning to code, you’ll have a lot of situations where your code just<br />

doesn’t work. Things look wrong, or don’t validate, or look significantly different on different<br />

browsers.<br />

Most of the time it’s because of simple things that break your code’s ability to work, especially<br />

depending on which doctype you chose. Here are a few things to keep an eye out for:<br />

Placement<br />

• Your web page must have open and closed html tags surrounding the head and<br />

body.<br />

• Your head tags must open and close before you open the body tags: <br />

• NO tables, text tags, styles, etc. ever go inside the head section of your website.<br />

• All your text, image, link, and styling tags need to be in the body of your web<br />

page<br />

Validation Hint: If your page has several dozen errors, you likely have a problem with<br />

your doctype, opening html tag, and/or metatags.<br />

Tags<br />

• Make sure you have open and closing tags for tags that wrap around something:<br />

Ex. text here<br />

• Make sure your closing tag has a slash in it: Ex. <br />

• Make sure you open and close the same tags:<br />

• NO <br />

• YES <br />

• Check that you did stand-alone tags right: , , <br />

Validation hint: If you get an error mentioning some part of the , , and like tags,<br />

look at both the line the error has hit on AND the lines above it. Often you will find you<br />

forgot to close another tag set, like ending a table row before starting a new table row.<br />

261

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!