"Marking up a letter" assessment

mikoMK · June 11, 2022, 1:12am

Hi @slameb and welcome to the community

Great work on your first exercise!

Here are some small improvements:

The date isn’t part of the address. It should be wrapped in it’s own  with the “sender-column” class and outside <address>.
There’s a   missing after “Miss Eileen Dover” in the second address.
The cite attribute of <q> should only be used for an URL to the source of the quote. It’s okay to not use it here.
The <cite> tag should also include “The memoirs of”.

I hope that helps. If you have any questions, feel free to ask.
For any future exercises it would be good to create an own topic.

Have a nice day,
Michael

mendescc · June 26, 2022, 12:02pm

Hi! I’ve finished my letter task. Waiting for review and feedback.

mikoMK · June 28, 2022, 12:31am

Hi @mendescc and welcome to the community

Excellent work on you first exercise.

There are only some tiny things that could be improved:

You don’t need  inside <address>.
The  s before and after the  end tags are not needed because the  breaks the line automatically.
I would leave out the cite attribute. The memoirs are probably a book and the cite attribute is used for web references. You correctly set the <cite> tag.

I hope that helps!

If you plan to post more exercises, it would be great if you could create new topics. Thanks.

Have a nice day,
Michael

Bonzar · July 2, 2022, 8:55pm

Hi! I have finished my letter task. I will be glad to hear your review and feedback.

Voidling · July 5, 2022, 5:01pm

Hello, I have finished the markup of the letter. Please rate the task I have completed, thank you all in advance for your responsiveness! https://codepen.io/Voidling/pen/XWZQPrg

SAY · July 5, 2022, 5:01pm

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>letter</title>
     <meta name="autor" content="Eleanor Gaye">
	 <link  rel="stylesheet" href="style.css">
  </head>
  <body>
      <div class="sender-column"><strong>Dr. Eleanor Gaye</strong>
    <address>
        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>
      </address>
        <time datetime="2020-01-20">20 January 2016</time></div>
        <br>
    
     <div><strong>Miss Eileen Dover</strong><br>
    <address>
     4321 Cliff Top Edge<br>
     Dover, CT9 XXX<br>
     UK<br>
  </address></div><br>

<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 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:</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="http://example.com." target="blanc"><cite>important university dates</cite></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 &times; 10<sup>3</sup> increasing to 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 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 <i>very</i> influential dance dating back as far as 
  <abbr title="years before our era">300BC</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 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="http://example.com." target="blanc"><cite>exotic dance research page.</cite></a></p>

    <p>Yours sincerely,</p>
    <p><strong>Dr Eleanor Gaye</strong></p>
<footer>
    <blockquote>University of Awesome motto: <q cite="http://example.com.">Be awesome to each other.</q>
      -- The memoirs of Bill S Preston, <abbr title="Esquire">Esq</abbr></blockquote>
</footer>
     
  </body>
</html>

mikoMK · July 8, 2022, 7:18am

Hi @Bonzar

Well done!

Here are some comments:

You don’t need the  inside <address>
The datetime attributes should have a different format to be recognized: e. g. <time datetime="2016-01-20">
The links are missing titles.

I think that’s it.

Happy coding,
Michael

mikoMK · July 8, 2022, 7:29am

Hi @Voidling and welcome to the community

Nice work on your first exercise.

Here are some possible improvements:

You can set the sender-column class directly on <address>. No need for the <div>.
<time> shouldn’t be part of the address.
The links are missing titles.
You’re missing the  elements in point two of “Subjects to Study”
“Esq.” at the end is a title and therefore also part of the <cite>

I hope that helps.
Michael

mikoMK · July 8, 2022, 7:52am

Hi @SAY and welcome to the community

Good start with your first exercise

Here are my comments:

The names should be inside <address>.
The title of a link should describe the target like title="table of awesome university important dates", the correct value for target is “_blank” to open in a new tab and the <cite> inside the <a> isn’t necessary.
You shouldn’t use <blockquote> because you already use the inline quote element (<q>)
The name after the quote is the source and should therefore be inside <cite> tags.

For future exercises it would be great if you put your work in an online editor like CodePen.

Keep up the good work!
Michael

SAY · July 28, 2022, 8:49am

Thank you for rating.

sandman · August 1, 2022, 1:22pm

Hi! I’ve just completed the task. Could you comment on it?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<meta name="author" content="Dr Eleanor Gaye">
<title>Letter</title>
</head>
<body>
    <address class="sender-column">
        <strong>Dr. Eleanor Gaye</strong><br>
        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
    </address>
    
    <p><time datetime="2016-01-20">20 January 2016</time></p>
    
    <address>
        <strong>Eileen Dover</strong><br>
        4321 Cliff Top Edge<br>
        Dover, CT9 XXX<br>
        UK
    </address>
    
    
    <h1>Re: Eileen Dover university application</h1>

    <h2>Dear Eileen,</h2>

    <p>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.</p>

    <h2>Starting dates</h2>

    <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:</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">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> 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 &times; 10<sup>3</sup> increasing to 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 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 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 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">my exotic dance research page.</a></p>
    <p>Yours sincerely,
    Dr Eleanor Gaye</p>   
    <p>University of Awesome motto: <q>Be awesome to each other.</q>  <cite>-- The memoirs of Bill S Preston, Esq</cite></p>
       

</body>
</html>

mikoMK · August 3, 2022, 7:10pm

Hi @sandman and welcome to the community

Great work on you first big exercise!

Here are my comments:

It’s correct that you added the  around <time>, but you also need to use the “sender-column” class on it (like you did for <address>) to move it to the right.
The <abbr> for “Esq.” at the end is missing.
Everything else is correct.

Keep up the great work!

For future exercises it would be great to open new topic. I nearly missed your posts.

Have a nice day,
Michael

PS: Your email address is visible in your post. It ended up in the optional “name” field of your profile. I recommend removing it.

Nishurato · September 29, 2022, 11:37am

Hi! I finished the letter markup assessment.

Can you check my code for the errors?

I would appreciate your feedback.

My letter

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 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:

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:

Turning H₂O into wine, and the health benefits of Resveratrol (C₁₄H₁₂O₃.)
Measuring the effect on performance of funk bassplayers at temperatures exceeding 30°C (86°F), when the audience size exponentially increases (effect of 3 × 10³ > 3 × 10⁴.)
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 300 BC, a whole village would dance around in a circle like chickens, to encourage their livestock to 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 imperceptibly 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 characterized 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. -- The memoirs of Bill S Preston, Esq

mikoMK · October 1, 2022, 3:16pm

Hi @Nishurato and welcome to the community

Unfortunately when copying HTML to the forum we can’t see the actual tags. May I ask you to share your code in an online editor like https://codepen.io/, https://glitch.com or https://jsfiddle.net/. Please also start a new topic so your work doesn’t accidentally go unnoticed. Thank you

Have a nice day,
Michael

TrehubIllia · October 10, 2022, 12:56pm

Hello, I have finished the letter markup task. Could you check it out?
I will be very grateful to you.
Thanks in advance

Echpochmak · October 10, 2022, 1:44pm

Hi, I just completed the “Marking up a letter” assessment and would appreciate a marking guide/any feedback. Thanks!

Тестовая страница

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

<p class="sender-column"><time datetime="2016-01-20">20 January 2016</time></p>

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


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

<p>Dear Eileen,</p>

<p><b>Thank you</b> 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. <b>I will answer your questions one by one</b>, in the following sections.</p>

<h2>Starting dates</h2>

<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:</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><b>Please</b> 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">our website</a>.</p>


<h2>Subjects of study</h2>

<p>At the Awesome Science Faculty,  <b>we have apretty open-minded research facility</b> — 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>

<p>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>.)<br>
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&times;10<sup>3</sup> increasing to 3&times;10<sup>4</sup>.)<br>
<abbr title="Hypertext Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheets">CSS</abbr> constructs for representing musical scores.</p>

<p>So please <b>can you provide more information</b> 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! <b>As part of my post-doctorate work</b>, I did study exotic tribal dances. To answer your question, my favourite dances are as follows, with definitions:</p>
<dl>
  <dt><b>Polynesian chicken dance</b></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><b>Icelandic brownian shuffle</b></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><b>Arctic robot dance</b></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 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 exotic dance research <a href="http://example.com">page</a>.</p>

<p>Yours sincerely,<br>
<b>Dr. Eleanor Gaye</b></p>

University of Awesome motto: <q>Be awesome to each other.</q> -- <a href="http://example.com"><cite>The memoirs of Bill S Preston, <abbr title="Esquire">Esq</abbr></cite></a>

mikoMK · October 14, 2022, 8:11pm

Hi @TrehubIllia and welcome to the community

Well done on this exercise. Congratulations!
Here are some comments:

No need for the  inside the <address>.
Contact details are also part of <address>. So “Tel” and “Email” go inside.
The  around the date also needs the “sender-column” class to be right aligned.
“Esq” on the last line is also an abbreviation.
Everything else looks fine.

Have a nice weekend,
Michael

PS: Your email address is visible in your post. It ended up in the optional “name” field of your profile. I recommend removing it.

mikoMK · October 14, 2022, 8:16pm

Hi @Echpochmak and welcome to the community

Great work!

Here are my comments:

You should use  instead of  to show importance.
The  inside <dt> aren’t needed.
The rest looks fine.
For future exercises it would be good to use an online code editor like CodePen.

Have a nice weekend,
Michael

TrehubIllia · October 15, 2022, 1:35pm

Thank you for your rating, the tips are very helpful

motyya · December 9, 2022, 10:59am

Hi, I just finished the assessment. Can you please check it out? Thank You!

github.com

motyya/projects/blob/main/project_.html

 <!DOCTYPE html>
<html lang="en-us">
	<head>
		<title>First project</title>
		<meta charset="utf-8">
		<meta name="author" content="motyya">
		<link rel="stylesheet" href="styles/project.css">
	</head>
	<body>
		<address class="sender-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<br>
		</address>
		<p class="sender-column">
		<time datetime="2016-01-20">20 January 2016</time>

This file has been truncated. show original