Basic Elements

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…

Read More

Make Your First Web Page

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…

Read More

Background Images

The background-image property allows you to put images in the background. In addition, you can position the images, repeat them and size them. So many fun things. But we’ll get to that…first let’s see how to select an image. Setting a Background Image Background-image specifies an image to use as the background for an element. It…

Read More

Comments in HTML

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…

Read More

Nesting

An important term used in HTML as well as in most programming languages is that of “nesting”.  This means that elements or structures are embedded inside of other elements or structures.  But they don’t over lap. HTML elements are nested which means they can be placed inside of each other.  What does that mean though? …

Read More

Specificity or Which Declaration?

Okay – this is a rather complicated subject and one that drives even experienced programmers crazy.  The word alone is a mouthful, right?  What this means is which CSS declaration applies to which HTML element. Why do you need to know this?  Because, sometimes your CSS won’t work and you can’t figure out why.  Understanding…

Read More

Getting Images from the Web

Sometimes you’ll be given images – for example if a graphic designer creates a logo for the website you are working on. Sometimes, you’ll create them yourself. But, a lot of the time, you’ll be looking at the internet for images. So, let’s see how. How to Insert an Image from the web We will…

Read More