"Marking up a letter" assessment


(Chris Mills) #21

Hi Vivek,

Congratulations on finishing the first HTML assessment. Here are the links for the marking guide:

And our finished final example:

I’d like to invite you to look over these and see where you went wrong, if at all. I’ve had a look at your version, and it looks really good! I can’t see anything immediately wrong with it, and you did some extra useful things like providing meta data. Well done.


(Vivek Agrawal) #22

@chrismills
Thanks :smile: I really appreciate that!
It would be great if you look into this: (Important)Error/Bug: HTML Forms module is missing from the navigation menu

A big Thank you @chrismills for providing all of us a real learning experience with MDN. Please tell me how can I be of your help? I will love to help you.


(Chris Mills) #23

You are currently doing a really great job with all the troubleshooting you are doing on MDN. Thanks for that! I’d love you to give me some feedback on the Forms module — how helpful it is, if you feel it is missing things.

It is a weird module compared to the others — it was already on MDN, so I’ve tried to adapt it for the Learning Area. Also, you need CSS/JS knowledge to really make the most of forms, so it isn’t pure HTML, and some of the topics aren’t exactly beginner’s topics either.


(Vivek Agrawal) #24

@chrismills
You work so hard for us, Chris :smiley:. It’s a pleasure for me to help you out. I’ll keep on improving things out my way.

I’ll go through the forms module in a few days and I’ll surely create a PR or edit if I think there’s something to work on.

You can get in touch with me personally here: vivekmittalagrawal@gmail.com


#25

Hi Chris! Thanks to you and your team for all these guides. Heard that you like hummus. I can send you some good tahini as a thank you gift.(I am from Antalya/TURKEY, so trust my tahini judging skills)

Can you check my code from “Marking up a letter”

<head>
    <link rel="stylesheet" type="text/css" href="styles/styles.css">
</head>

<body>

Dr. Eleanor Gaye
Awesome Science faculty
University of Awesome
Bobtown, CA 99999,
USA
Tel: 123-456-7890
Email:no_reply@example.com

    </p>
    
    <p class="receiver-column"><time datetime="06-20-2016">20 January 2016</time></p>

Miss Eileen Dover

4321 Cliff Top Edge

Dover, CT9 XXX

UK


Re: Eileen Dover university application

Dear Eileen,

Thank you for your recent application to join us at the University of Awesome’s science faculty to study as part of your PhD next year. I will answer your questions one by one, in the following sections.
Starting dates

We are happy to accomodate 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>
  • First semester: 9 September 2016
  • Second semester: 15 January 2017
  • Third semester: 2 May 2017
  • Please let me know if this is ok, and if so which start date you would prefer.

    You can find more information about important university dates on our website.

    Subjects of study

    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:

    1. Turning H2O into wine, and the health benefits of Resveratrol (C14H12O3.)
    2. Measuring the effect on performance of funk bassplayers at tempratures exceeding 30oC (86oF), when the audience size exponentially increases (effect of 3 x 103 > 3 x 104.)
    3. HTML and CSS constructs for representing musical scores.

    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.

    Exotic dance moves

    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>
    
    Polynesian chicken dance
    A little known but very influential dance dating back as far as 300BC, a whole village would dance around in a circle like chickens, to encourage their livestock or be "fruitful".
    Icelandic brownian shuffle
    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 imperceptably tiny, very rapid movements. One of my fellow students used to say that he thought this dance inspired modern styles such as Twerking.
    Arctic robot dance
    An interesting example of historic misinformation, English explorers in the 1960s believed to have discovered a new dance style characterised by "robotic", stilted movements, being practiced by inhabitants of Northern Alaska and Canada. Later on however it was discovered that they were just moving like this because they were really cold.

    For more of my research, see my exotic dance research page.

    Yours sincerely,

    Dr Eleanor Gaye

        <p>University of Awesome motto: <q>"Be awesome to each other." -- <cite href="http://www.brainquotes.com">Bill S Preston, Esq</cite></q></p>
    
        </body>
        </html>

    (Aleksey Gurin) #26

    Hello! I just completed the “Marking up a letter” assessment and would appreciate any feedback. Thanks!

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=width-device">
            <meta name="author" content="Dr. Eleanor Gaye">
            <meta name="description" content="Reply on Eileen Dover university application">
            <!--<link rel="stylesheet" href="style.css">-->
            <title>E-MAIL:Re: Eileen Dover university application</title>
            <style>
                body {
                  max-width: 800px;
                  margin: 0 auto;
                }
    
                .receiver-column {
                  text-align: right;
                }
    
                h1 {
                  font-size: 1.5em;
                }
    
                h2 {
                  font-size: 1.3em;
                }
    
                p,ul,ol,dl,address {
                  font-size: 1.1em;
                }
    
                p, li, dd, dt, address {
                  line-height: 1.5;
                }
            </style>
        </head>
        <body>
            <p class="receiver-column">
                <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>
    
            <p  class="receiver-column"><time datetime="2016-01-20">20 January 2016</time></p>
    
            <p>
                <strong>Miss Eileen Dover</strong><br>
                4321 Cliff Top Edge<br>
                Dover, CT9 XXX<br>
                UK
            </p>
    
    
            <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>
            
            <h2>Starting dates</h2>
    
            <p>We are happy to accomodate you starting your study with us at any time, however <strong>it would suit us better</strong> if you could start at the beginning of a semester; the start dates for each one are as follows:</p>
            <ul>
                <li>First semester: <time datetime="2016-09-09">9 September 2016</time></li>
                <li>Second semester: <time datetime="2017-01-15">15 January 2017</time></li>
                <li>Third semester: <time datetime="2017-05-02">2 May 2017</time></li>
            </ul>
            <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 important university dates on <a href="http://example.com" title="Awesome Science faculty website">our website</a>.</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:</p>
            <ol>
                <li><em>Turning H<sub>2</sub>O into wine, and the health benefits of Resveratrol (C<sub>14</sub>H<sub>12</sub>O<sub>3</sub>.)</em></li>
                <li><em>Measuring the effect on performance of funk bassplayers at tempratures exceeding 30<sup>&deg;</sup>C (86<sup>&deg;</sup>F), when the audience size exponentially increases (effect of 3 &times; 103 &gt; 3 &times; 104.)</em></li>
                <li><em><abbr title="Hypertext Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheets">CSS</abbr> constructs for representing musical scores.</em></li>
            </ol>
            <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:</p>
            <dl>
                <dt><em>Polynesian chicken dance</em></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 or be "fruitful".</dd>
                    <dt><em>Icelandic brownian shuffle</em></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 imperceptably 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><em>Arctic robot dance</em></dt>
                    <dd>An interesting example of historic misinformation, English explorers in the 1960s believed to have discovered a new dance style characterised by "robotic", stilted movements, being practiced by inhabitants of Northern Alaska and Canada. Later on however it was discovered that they were just moving like this because they were really cold.</dd>
            </dl>
            <p>For more of my research, see <a href="http://example.com" title="Dr. Eleanor Gaye's exotic dance research page">my exotic dance research page</a>.</p>
    
            <p>Yours sincerely,<br>
            Dr Eleanor Gaye</p>
    
            <p>University of Awesome motto: <q>Be awesome to each other.</q> -- <cite>Bill S Preston, <abbr title="Esquire">Esq</abbr></cite></p>
        </body>
    </html>

    (Chris Mills) #27

    Hi eggofevil!

    This looks really good, from a cursory glance. One thing I did notice:

    • You’ve not used <sup> elements in “3 × 103 > 3 × 104” - the 3 and 4 at the eds of 103 and 104 are supposed to be superscript.

    But that’s about it.

    You check also check your code against our finished code, to see if there are any more differences: https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/marking-up-a-letter-finished/index.html

    See our marking guide too: https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/marking-up-a-letter-finished/marking-guide.md


    (Aleksey Gurin) #28

    Thank you very much!


    (David Rose) #29

    Hello,
    Ive finished my Letter Markup Assesment and im looking for the marking guide, below is my code.
    !DOCTYPE html>

    Dr. Eleanor Gaye
    Awesome Science faculty
    University of Awesome
    Bobtown, CA 99999,
    USA
    Tel: 123-456-7890
    Email: no_reply@example.com

    20 January 2016

    Miss Eileen Dover
    4321 Cliff Top Edge
    Dover, CT9 XXX
    UK

    Re: Eileen Dover university application

    Dear Eileen,

    Thank you for your recent application to join us at the University of Awesome’s science faculty to study as part of your PhD next year. I will answer your questions one by one, in the following sections.

    Starting dates

    We are happy to accomodate 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:

    • First semester: 9 September 2016
    • Second semester: 15 January 2017
    • Third semester: 2 May 2017
    Please let me know if this is ok, and if so which start date you would prefer.

    You can find more information about important university dates on our website.

    Subjects of study

    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:

    1. Turning H2O into wine, and the health benefits of Resveratrol (C14H12O3.)
    2. Measuring the effect on performance of funk bassplayers at tempratures exceeding 30°C (86°F), when the audience size exponentially increases (effect of 3 × 103 > 3 × 104.)
    3. HTML and CSS constructs for representing musical scores.
    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.

    Exotic dance moves

    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:

    Polynesian chicken dance

    A little known but very influential dance dating back as far as 300BC, a whole village would dance around in a circle like chickens, to encourage their livestock or be "fruitful".

    Icelandic brownian shuffle

    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 imperceptably tiny, very rapid movements. One of my fellow students used to say that he thought this dance inspired modern styles such as Twerking.

    Arctic robot dance

    An interesting example of historic misinformation, English explorers in the 1960s believed to have discovered a new dance style characterised by "robotic", stilted movements, being practiced by inhabitants of Northern Alaska and Canada. Later on however it was discovered that they were just moving like this because they were really cold.


    For more of my research, see my exotic dance research page.

    Yours sincerely,



    Dr Eleanor Gaye


    University of Awesome motto: Be awesome to each other. – Bill S Preston, Esq



    (Chris Mills) #30

    Hi David,

    Well done on some good work — this looks OK from a cursory glance, but I’d like to invite you to look over our source code, marking guide and live example to see how your work matches up:


    (Kaushil Ruparelia) #31

    Hi, please check and review this code.

    <!DOCTYPE HTML>
    
    <html lang="en">
    <head>
      <title>Re: Eileen Dover university application</title>
      <meta name="author" content="Kaushil Ruparelia">
      <link rel="stylesheet" href="letter_style.css">
      <meta charset="utf-8">
    </head>
    <body>
      <div class="receiver-column">
      <p><em><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<br /></em></p>
    
      <p>20 January 2016<br /></p>
      </div>
    
    <p><em><strong>Miss Eileen Dover</strong><br />
    4321 Cliff Top Edge<br />
    Dover, CT9 XXX<br />
    UK</em><br /></p>
    
    
    <h1>Re: Eileen Dover university application</h1>
    <article>
    <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>
    <h2>Starting dates</h2>
    
    <p>We are happy to accomodate 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:</p>
    
    <ul>
    <li><time datetime="2016-09-09">First semester: 9 September 2016</time></li>
    <li><time datetime="2017-01-15">Second semester: 15 January 2017</time></li>
    <li><time datetime="2017-05-02">Third semester: 2 May 2017</time></li>
    </ul>
    <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="#">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 &mdash; 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:</p>
    <ol>
    <li>Turning H<sub>2</sub>O into 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 tempratures exceeding 30&deg;C (86&deg;F), when the audience size exponentially increases (effect of 3 &times; 10<sup>3</sup> &gt; 3 &times; 10<sup>4</sup>.)</li>
    <li><abbr title="HyperText Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheets">CSS</abbr> constructs for representing musical scores.</li>
    </ol>
    <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 <em>did</em> study exotic tribal dances. To answer your question, my favourite dances are as follows, with definitions:</p>
    
    <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 or 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 imperceptably 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 characterised by "robotic", stilted movements, being practiced by inhabitants of Northern Alaska and Canada. Later on however it was discovered that they were just moving like this because they were really cold.</dd>
    </dl>
    <p>For more of my research, see my <a href="#">exotic dance research page.</a></p>
    
    <p>Yours sincerely,<br><br><br><br>
    Dr Eleanor Gaye</p>
    
    <p>University of Awesome motto: <q>Be awesome to each other.</q> -- <cite>Bill S Preston, <abbr title="Esquire">Esq</abbr></cite></p>
    </article>
    </body>
    </html>

    (Chris Mills) #32

    Hi Kaushil,

    Well done on some good work — this looks good from a cursory glance, but I’d like to invite you to look over our source code, marking guide and live example to see how your work matches up:


    (Shashikant) #33

    Guys please review it and gave your valuable suggestion. Thanking You ! in advance.

    <!DOCTYPE html>
    <html lang="en-US">
    <head>
    <meta charset="utf-8" />
    <meta name="author" content="Mr. Shashikant Tripathi" />
    <meta name="description" content="The letter is a response from a research fellow to a prospective PhD student concerning their application to work at the university." />
    <title>Application for prospective PhD Student</title>
    <link rel="stylesheet" href="css/assessments.css" />
    </head>
    <body>
    <main>
    <article>
    <p class="receiver-column"><strong><em>Dr. Eleanor Gaye</em></strong><br/>
    <em>Awesome Science faculty</em><br/>
    <em>University of Awesome</em><br/>
    <em>Bobtown, CA 99999</em>,<br/>
    <abbr title="United States of America"><em>USA</em></abbr><br/>
    <strong><em>Tel</em></strong>: <em><a href="tel:1234567890">123-456-7890</a></em><br/>
    <strong><em>Email</em></strong>: <a href="mailto:no_reply@example.com"><em>no_reply@example.com</em></a></p>
    
    <time class="receiver-column" datetime="2016-01-20">20 January 2016</time>
    
    <address><strong><em>Miss Eileen Dover</em></strong><br/>
    <em>4321 Cliff Top Edge</em><br/>
    <em>Dover, CT9 XXX</em><br/>
    <abbr title="United Kingdom"><em>UK</em></abbr></address>
    
    <h1>Re: Eileen Dover university application</h1>
    
    <p><strong>Dear Eileen</strong>,</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>
    
    <h2>Starting dates</h2>
    <p>We are happy to accomodate 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:</p>
    <ul>
    <li>First semester: <time datetime="2016-09-09">9 September 2016</time></li>
    <li>Second semester: <time datetime="2017-01-15">15 January 2017</time></li>
    <li>Third semester: <time datetime="2017-05-02">2 May 2017</time></li>
    </ul>
    <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://example.com" title="Link to university different dates">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 &ndash; 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:</p>
    <ol>
    <li>Turning H<sub>2</sub>O into wine, and the health benefits of Resveratrol &#40;C<sub>14</sub>H<sub>12</sub>O<sub>3</sub>.&#41;</li>
    <li>Measuring the effect on performance of funk bassplayers at tempratures exceeding 30 &#8451; &#40;86&#8457;&#41;, when the audience size exponentially increases &#40;effect of 3 &#215; 10<sup>3</sup> &#60; 3 &#215; 10<sup>4</sup>.&#41;</li>
    <li> <abbr title="Hyper Text Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheet">CSS</abbr> constructs for representing musical scores.</li>
    </ol>
    <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 <em>did</em> study exotic tribal dances. To answer your question, my favourite dances are as follows, with definitions:</p>
    <dl>
    <dt>Polynesian chicken dance</dt>
    <dd>A little known but very influential dance dating back as far as 300BC, a whole village would dance around in a circle like chickens, to encourage their livestock or 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 imperceptably 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 characterised by "robotic", stilted movements, being practiced by inhabitants of Northern Alaska and Canada. Later on however it was discovered that they were just moving like this because they were really cold.</dd>
    </dl>
    <p>For more of my research, see my <a href="http://example.com" title="Link to exotic dance research page">exotic dance research page</a>.</p>
    <p>Yours sincerely,<br/>
    <cite>Dr Eleanor Gaye</cite></p>
    <p>University of Awesome motto: "Be awesome to each other." -- <cite>Bill S Preston</cite>, Esq</p>
    </article>
    </main>
    </body>
    </html>

    (Chris Mills) #34

    Hi Shashikant!

    Well done on some good work — this looks good from a cursory glance, but I’d like to invite you to look over our source code, marking guide and live example to see how your work matches up:

    https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/marking-up-a-letter-finished/index.html41
    https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/marking-up-a-letter-finished/marking-guide.md2
    https://mdn.github.io/learning-area/html/introduction-to-html/marking-up-a-letter-finished/1

    (Sajal Choudhary) #35

    Hi guys,

    Just finished with the “marking up a letter” assessment.
    I’ve run the W3 HTML validator, and there were no errors.
    Any feedback will be much appreciated.

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <title>Letter Example</title>
        
        <meta charset="utf-8">
        <meta name="author" content="Dr. Eleanor Gaye">
        
        <link rel="stylesheet" href="style.css">
      </head>
      <body>
        <p class="receiver-column">
            <em>
            <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 <br> <br>
            </em>
    
            <time datetime="2016-01-20">20 January 2016</time><br> <br>
        </p>
        
        <p>
            <em>
            <strong>Miss Eileen Dover</strong><br>
            4321 Cliff Top Edge <br>
            Dover, CT9 XXX <br>
            UK <br>
            </em>
        </p>
        
        <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>
        
        <h2>Starting dates</h2>
        
        <p>We are happy to accomodate 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:</p>
        
        <ul>
            <li>First semester: <time datetime="2016-09-09">9 September 2016</time></li>
            <li>Second semester: <time datetime="2017-01-15">15 January 2017</time></li>
            <li>Third semester: <time datetime="2017-05-02">2 May 2017</time></li>
        </ul>
        
        <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="https://example.com" title="Important university dates  ">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:</p>
        
        <ol>
            <li>Turning H<sub>2</sub>O into 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 tempratures exceeding 30<sup>o</sup>C (86<sup>o</sup>F), when the audience size exponentially increases (effect of 3 x 103 &amp;gt 3 x 104.)</li>
            <li><abbr title="Hypertext Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheets">CSS</abbr> constructs for representing musical scores.</li>
        </ol>
        
        <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:</p>
        
        <dl>
            <dt>Polynesian chicken dance</dt>
            <dd>A little known but very influential dance dating back as far as 300BC, a whole village would dance around in a circle like chickens, to encourage their livestock or 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 imperceptably 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 characterised by "robotic", stilted movements, being practiced by inhabitants of Northern Alaska and Canada. Later on however it was discovered that they were just moving like this because they were really cold.</dd>
        </dl>
        
        <p>For more of my research, see my <a href="https://example.com" title="Exotic dance research page">exotic dance research page</a>.
        <p>Yours sincerely,<br><br><br><br></p>
        <p>Dr Eleanor Gaye</p>
        <p>University of Awesome motto: <q cite="https://example.com">Be awesome to each other.</q> -- <em>Bill S Preston, Esq</em></p>
      </body>
    </html>

    (Andrii Maistruk) #36

    Hi there!
    Could someone give me a short feedback unto my assessment code “Marking up a letter”?
    Thank you in advance!!!
    P.S. any commented improvements are welcome
    https://codeshare.io/5XBwdY


    (Chris Mills) #37

    According to the marking guide, it should be wrapped in a <cite> element:

    https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/marking-up-a-letter-finished/index.html#L106

    Also see the marking guide:


    (YukyCookie) #38

    I got an question about the last sentence of the letter.

    Bill S Preston, Esq" should be wrapped in a element

    I don’t understand why use element.

    Could you answer the question?:blush:


    Learning web development: Marking guides and questions
    (Bripmccann) #39

    @chrismills I had a few questions/possibly found some issues:

    • Are we meant to tag ourselves as the author? The instructions say that the "author of the letter" should specified in a meta tag. I took this to mean Dr. Eleanor Gaye, the actual writer. That's also the name used in the example finished letter. But the marking guide says to tag the "author/coder/content creator", which clearly means ourselves, but it also uses "Dr. Eleanor Gaye" as an example. That might be the most obvious example, but the ambiguity here makes it confusing.
    • Is that why Dr. Gaye's info shouldn't be marked with the <address> element? The instructions ask us to think about why that would be inappropriate, but this isn't addressed in the marking guide.
    • It looks like the example screenshot was taken from a version where the <address> element was applied. Could someone replace this with a screenshot of the current version? Edit: Added screenshot of current GitHub live example.
    • Is receiver-column misnamed? It aligns the sender's information to the right, while the receiver's info stays on the left.
    • In the example code where citations are introduced, a webpage is cited using both the <cite> element and the cite attribute on <q>. Would that be appropriate when citing the quote here?
    • Could the instructions possibly clarify what should be tagged with <sup> (without making it too easy)? It's not immediately clear that 3 × 103 > 3 × 104 is wrong. (Well, it's mathematically wrong, but so is 3 × 103 > 3 × 104.)
    • Could Wikipedia's list of character entity references be linked in the instructions? The greater than symbol was used several times in earlier sections, so we can be tested on our memory of that, but the degree and multiplication symbols weren't.

    Let me know if any of this (or anything like this, if I do more in the future) would be better in a new topic (or on Github?).


    #40
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta name="author" content="Dr. Eleanor Gaye">
        <title>PhD student</title>
        <link rel="stylesheet" href="css.css">
      </head>
      <body>
        <p class="receiver-column">
          <em>
          <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&#64;example.com
          </em>
        </p>
          
        <p class="receiver-column">
            <time datetime="2016-01-20">20 January 2016</time>
        </p>
        
        <p>
          <em>
            <strong>Miss Eileen Dover</strong><br>
            4321 Cliff Top Edge<br>
            Dover, CT9 XXX<br>
            UK
          </em>
        </p>
    
    
        <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>
        
        <h2>Starting dates</h2>
        
        <p>We are happy to accomodate 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:</p>
        <ul>
          <li>First semester: <time datetime="2016-09-09">9 September 2016</time></li>
          <li>Second semester: <time datetime="2017-01-15">15 January 2017</time></li>
          <li>Third semester: <time datetime="2017-05-02">2 May 2017</time></li>
        </ul>
    
        <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 title="IMPORTANT" target="_blank" href="http://example.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:</p>
        <ol>
          <li>Turning H<sub>2</sub>O into 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&deg;C (86&deg;F), when the audience size exponentially increases (effect of 3 &#215; 10<sup>3</sup> &gt; 3 &#215; 10<sup>4</sup>.)</li>
          <li><abbr title="Hypertext Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheets">CSS</abbr> constructs for representing musical scores.</li>
        </ol>
    
        <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 <em>did</em> study exotic tribal dances. To answer your question, my favourite dances are as follows, with definitions:</p>
    
        <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 or 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 imperceptably 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 characterised by "robotic", stilted movements, being practiced by inhabitants of Northern Alaska and Canada. Later on however it was discovered that they were just moving like this because they were really cold.</dd>
        </dl>
    
        <p>For more of my research, see my <a title="EXOTIC" target="_blank" href="http://example.com">exotic dance research page</a>.</p>
    
        <p>Yours sincerely,</p>
        <pre>
    
    
    
        </pre>
        <p>Dr Eleanor Gaye</p>
    
        <p>University of Awesome motto: <q cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q">Be awesome to each other.</q> <cite title="http://example.com">-- Bill S Preston, <abbr title="Esquire">Esq</abbr></cite></p>
      </body>
    </html>