Applying CSS
Or really – how do you use it? There are three ways to apply CSS so it works with your HTML: In-line, internal and external: In-line: put straight into HTML tags using the style attribute. They look like this: <p style=“color:green”> text</p> Internal: embedded or internal styles are used for the whole page. Inside the…
Read MoreWhat is CSS?
CSS stands for Cascading Style Sheets and defines how HTML elements are to be displayed. Why was CSS created? HTML was never intended to contain tags for formatting but tags to define content like <h1> and <p> Adding tags like <font> and <background-color> started a nightmare for developers especially in large sites as you had…
Read MoreHomework: Lists
Make sure previous week’s homework is done. Then you’ll create a new file called vacation.html Make sure you READ the instructions below Go through them one by one in order and check them off!! When you are done, it should look something like this. Or here’s the web page. Without the cool colors yet 🙂…
Read MoreHomework: Paths
Do Quiz on paths!
Read MoreRevisiting 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 More