Revisiting Links & Images
Now that you have learned about paths – let’s take a second look at how links and images are created. When we learned about them initially, we just assumed the link or the file that you needed was in the same folder as the file you were working in. But, if that is not the…
Read MoreHomework 1: First Web Pages
Create your own index.html web page. Follow the instructions in the form below. You’ll need this code snippet! <!DOCTYPE html> <html> <head> <title>My Coding Homepage</title> </head> <body> <h1>This is my page for coding class</h1> <p> My name is …</p> <p>My school is…</p> </body> </html>
Read MoreBasics of Tables
Tables are used to display grids of information and to organize content into rows and columns. Tables are defined with the <table> tag. Tables are divided into table rows with the <tr> tag Table rows are divided into table data with the <td> tag HTML <table> <tr> <td>Summer</td> <td>Swimming</td> <td>Fourth of July</td>…
Read MoreLists in HTML
What is a list? It is just what it sounds like – a list of things. Like a shopping list. Or a packing list. Lists can be ordered (1, 2, 3), unordered (just bullets) or description lists. All lists are comprised of list items. Ordered Lists An ordered list is a list which is numbered…
Read MoreImages
Why use images? An image can dramatically change the look and the usability of your page. Plus, they are fun to play with. And look – goats climbing a tree??! Before we start to work with images, let’s learn a little about them. Filenames When you insert an image – the first thing you need…
Read MoreLinks
A link or hyperlink is a text or an image that you can click on and jump to another web page or document. The ability to link to various web pages, pictures and other elements is one of the cornerstones of HTML and what makes it so cool and usable. Links are defined with the…
Read MorePaths
What is a path? A path tells where a file is located. All computers or servers if the file is up on the web – store files in an organized fashion. They are called directories on Windows and Linux machines and folders on Macs. These organized structures are arranged in a hierarchical manner. Two Types: …
Read MoreThe <head> Section
The <head> element is a container for holding meta data or data that is needed by your web server or search engines. For now, the only element you need to use and truly understand is <title>. As we learn more, we will come back and revisit these other elements and how to use them. But,…
Read MoreAttributes
Some HTML Elements use attributes to provide additional information about an element. So far, we have only learned about elements that do not use attributes. However, many elements such as creating links or inserting images require attributes. Before, we get to those elements let’s learn a little about attributes! Here are some basic facts. Attributes…
Read MoreMake Your First Web Page
CodeAnywhere We are going to use www.codeanywhere.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. I’ve created accounts for each of…
Read More