Marking Up A Letter : Assessment

<html lang = 'en-US'>
<head>
    <meta charset = "utf-8">
    <meta name="author" content="Dr. Eleanor Gaye"
    <link href = "styles/markup.css" rel = "stylesheet">
</head>

<body>
    <address class = "sender-column">
        <p>
            <strong>Dr. Eleanor Gaye</strong><br>
            Awesome Science faculty<br>
            University of Awesome<br>
            Bobtown, CA 99999,<br>
            USA<br>
            <strong>Tel:</strong> 123-456-7890<br>
            <strong>Email:</strong> no_reply@example.com
        </p>
    </address>
    <time class="sender-column" datetime="2016-01-20">20 January 2016</time>

    <address>
        <p>
            <strong>Miss Eileen Dover</strong><br>
            4321 Cliff Top Edge<br>
            Dover, CT9 XXX<br>
            UK<br>
        </p>
    </address>

    <h1>Re: Eileen Dover university application</h1>

    <p>Dear Eileen,</p>
    <p>
        Thank you for your recent application to join us at the University of Awesome's science faculty 
        to study as part of your <abbr title="Doctor of Philosophy">PhD</abbr> next year. I will answer your questions one by one, in the following sections.
    </p>

    <h1>Starting dates</h1>

    <p>
        We are happy to accommodate you starting your study with us at any time, however it would suit us better if you 
        could start at the beginning of a semester; the start dates for each one are as follows:
        <ul>
            <li>First semester: <time datetime="2016-09-9">9 September 2016</time></li>
            <li>Second semester: <time datetime="2016-01-15">15 January 2017</time></li>
            <li>Third semester: <time datetime="2017-05-2">2 May 2017</time></li>
        </ul>
    </p>
    <p>Please let me know if this is ok, and if so which start date you would prefer.</p>
    <p>You can find more information about <a href="http://google.com">important university dates</a> on our website.</p>

    <h2>Subjects of study</h2>

    <p>
        At the Awesome Science Faculty, we have a pretty open-minded research facility — as long as the subjects fall 
        somewhere in the realm of science and technology. You seem like an intelligent, dedicated researcher, and just the 
        kind of person we'd like to have on our team. Saying that, of the ideas you submitted we were most intrigued by are 
        as follows, in order of priority:
        <ol>
            <li>
                Turning H<sub>2</sub>O nto wine, and the health benefits of Resveratrol 
                (C<sub>14</sub>H<sub>12</sub>O<sub>3</sub>.)
            </li>
            <li>
                Measuring the effect on performance of funk bassplayers at temperatures exceeding 
                30<sup>OC</sup> (86<sup>OF</sup>), when the audience size exponentially increases (effect of 3 Ă— 103 
                increasing to 3 Ă— 104.)
            </li>
            <li>
                HTML and CSS constructs for representing musical scores.
            </li>
        </ol>
    </p>
    <p>
        So please can you provide more information on each of these subjects, including how long you'd expect the research 
        to take, required staff and other resources, and anything else you think we'd need to know? Thanks.
    </p>

    <h2>Exotic dance moves</h2>

    <p>
        Yes, you are right! As part of my post-doctorate work, I did study exotic tribal dances. To answer your question, 
        my favourite dances are as follows, with definitions:
        <dl>
            <dt>Polynesian chicken dance</dt>
            <dd>
                A little known but very influential dance dating back as far as 300<abbr title="before Christ">BC</abbr>, a whole village would dance around 
                in a circle like chickens, to encourage their livestock to be "fruitful".
            </dd>
            
            <dt>Icelandic brownian shuffle</dt>
            <dd>
                Before the Icelanders developed fire as a means of getting warm, they used to practice this dance, 
                which involved huddling close together in a circle on the floor, and shuffling their bodies around in 
                imperceptibly tiny, very rapid movements. One of my fellow students used to say that he thought this dance 
                inspired modern styles such as Twerking.
            </dd>

            <dt>Arctic robot dance</dt>
            <dd>
                An interesting example of historic misinformation, English explorers in the 1960s believed to have discovered 
                a new dance style characterized by "robotic", stilted movements, being practiced by inhabitants of Northern Alaska 
                d Canada. Later on however it was discovered that they were just moving like this because they were really cold.
            </dd>
        </dl>
    </p>
    <p>
        For more of my research, see my <a href="http://google.com">exotic dance research page</a>.
    </p>
    <p>Yours sincerely,</p>
    <p>Dr Eleanor Gaye</p>
    <p>
        University of Awesome motto: "Be awesome to each other." -- The memoirs of Bill S Preston, <abbr title="esquire">Esq</abbr>
    </p>
</body>

I have put a class attribute to the first address tag, but the css properties have not been applied to it. What should I do to correct the error ? I also need feedback on the solution.

Hello,
First thing you should do is validate your html using an online html validator. You’ll discover you’ve missed out the doctype, you’ve forgotten to close your author meta tag, there’s no header title, your datetime elements need DD not just D for single numbers, you have wrapped a P tag around the list items, just put the P around the opening paragraphs.

Did you really want en-US as the language? especially when you have British English spellings.

Your maths symbols, you probably wanted &times;

I’ll leave the rest to others :slight_smile:

1 Like

Thanks for your suggestions.

Thanks for the help @Neil_Walker.

Apart from that, your code doesn’t look too bad. I did notice that you missed out the closing </html> tag too.

For the CSS, your <link> element and class attributes look basically correct. Have you got the CSS file in the correct place? It should be inside a folder called “styles” inside the same directory as the HTML file.

One last thing — it’s better to write your attributes and values with no spaces in between them, so for example

href="styles/markup.css"

rather than

href = "styles/markup.css"

It’ll work most of the time, but there are circumstances where it might make things harder to read, or even cause unexpected results.