Spanning Multiple Columns Sometimes, you’ll want to expand a cell of data to cover more then one column. The colspan attribute lets you stretch a cell across 2 or more columns. This occurs frequently with headers and we’ll use that in the example below.  See how “Favorite Things” stretches across two columns now so that…

These allow you to create a dictionary or glossary or list of terms easily.  They are not used nearly as widely as ordered and unordered lists but can be good to know. HTML Example <dl> <dt>Dogs</dt> <dd>Furry creatures that shed all over the place, have to be walked several times a day, are nice to…

Lists can be nested – lists within lists. Remember to keep your lists nested properly and to not cross your tags. Indenting helps make it easier to read and make sure it is formatted properly. Nested Unordered Lists HTML Example <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li> </ul> Web Page Here’s…

Now that you have learned how elements are created – let’s take a look at a few of the most common ones. Paragraphs & Breaks <p> tags create a paragraph.  The basic syntax is: <p>content for your paragraph</p> You put paragraph tags around your text in order to create structure.  If you don’t use paragraph…

Intro to CodeTasty We are going to use www.codetasty.com to create HTML, CSS and other files. This is a cloud editor.  What that means is that you can work from any computer on your files and that you do not have to install any software on your computer to use it. You each have an…

What are Comments? Comments are used in all programming languages and while often seem pointless or a pain they are vital to the coding process.  Essentially, they are words that are protected or “commented” out so that the computer/browser/compiler ignores them. What is their purpose? To make your code easier to read – both for…