Job Offer: html and css developer

We're looking for an HTML and CSS developer.

For our client, The Cat Factory, we need a

skilled web developer in HTML and CSS. We offer a

competitive salary, a bag of cat food, and toys.

Don't wait, apply now! Our crazy team is waiting for you

right 
meow!

We're looking for an HTML and CSS developer.

For our client, The Cat Factory, we need a

skilled web developer in HTML and CSS. We offer a

competitive salary, a bag of cat food, and toys.

Don't wait, apply now! Our crazy team is waiting for you

right 
meow!

. Note that in

35

---

our  we'll want to make sure we have character encoding for "utf-8" so that

we can display special characters on our site.


Our starting template for the code will look like this:

 tag has no content.

We generally start from the most general content, followed by more specific,

detailed content as we progress. Let's analyze our pieces:

36

---

1. In the article, the most important information would probably be the header information

which contains the title: "Justin Beaver: Ever since I learned HTML, my life has made a

complete 180."

2. The next most important information is about the author, "authored by Damian Wielgosik."

3. The first paragraph of text comes next, then a place for a photo and its description.

4. Finally, the last paragraph, which contains a quote, "I will probably have a song about HTML

on my next album".

And those are our pieces. This type of analysis where we look at the pieces helps us

visualize how the HTML code will look. The hierarchy starts from the most general

element (the parent), and then continues to elements which a parent contains

(children), which are more specific, detailed elements.

With this understanding of hierarchy, our information should be organized as

follows in the HTML code:

 parent. Articles consist of a header and content, so all tags representing

heading and paragraphs will naturally be children of 

.

37

---

Adding to our list of elements that we've discovered so far, we're going to now use

an element that marks headers, the 

 tag.

We can add the 

 code as a child of 

. As we move from top to

bottom in the code (in terms of importance), note that we also move rightwards with

indentations to show that an element is lower on the hierarchy than its above

component. In the example below, 

 is not only below 

, but also

indented to show where it is on the hierarchy.