Marking up a letter Evaluation By Andres Romaña

MDN Learn
#1
section { text-align: right}

Dr.Eleanor Gaye
Awesome Science faculty

University of Awesome

Bobtown, CA 99999

USA

Tel: 123-456-7890
Email: no_reply@example.com

1 de Abril de 2020

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

Re: Eileen Dover University application

Dear Eileen,

Thank you for you recent application to join us at the University of Awesome 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 beter if you could start at the beginning of a semester, the start dates for each one are as follows:

  • First semester: 9 September 2020
  • Second semester: 9 January 2020 15 January 2020
  • Third semester: 2 May 2020 2 May 2020

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 subject 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 temperatures exceeding 30°C(86°F), when the audience size exponentially increases (effect of 3 x 103 > 3 x 10 4.)
  3. HTML and CSS constructs for representing musical scores.

So please can you provide more information on each pf 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 favorite dances are as follows, with definitions:

Polynesian chicken dance
A little know 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 tyny, very rapid movements. One of my fellow studens used to say that he thought this dance inspired modern styles such as Twerking.
Artic robot dance
An intersting 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 excellent to each other.” – Bill S Preston, Esq

there is the CodePen –

https://codepen.io/iambeast9716/pen/qBdwaMR

#2

Hi there @Allislove, and thanks for sending in your code!

This looks OK, but there are definitely some things you could do to improve this:

  1. General best practice says that you should always write your HTML element names in lower case, so for example not <STYLE type="text/css"> or <Strong>.

  2. The original example comes with some CSS that handles the styling for you, so you don’t really need to create your own CSS for the sender column. Instead, you should attach our provided CSS to the page, and add class="sender-column" to the items you want to move over to the right.

  3. Postal addresses should be wrapped in <address> elements.

  4. The first postal address is being rendered strangely, as you have some closing </b> tags sat in there with no opening <b> tags. Check this part of the HTML carefully and make sure it is well-formed.

  5. Some of your paragraphs have no markup at all, e.g. Dear Eileen,

  6. You are using <strong> to denote 2nd level headings. Instead, you should be using <h2> elements.

  7. You don’t need to wrap your ordered list (<ol>) in a <p>. The <ol> provides a perfectly good container for the list on its own.

  8. There are some key acronyms that you are marking up as bold, e.g. <b>HTML</b>. You shouldn’t be using bold anyway for bold terms (<strong> is semantically better), and instead you need to use an <abbr>element for acronyms/abbreviations.

  9. There is a bit where you use 4 <br> tags in a row to create vertical space - you shouldn’t do this, as CSS is supposed to be used for styling and layout, not presentational markup.

  10. For your quote, you need to use a <q> element, not just plain quote marks. The semantically denotes it as a quote, and <q> automatically provides correct quote marks for whatever language your page is set to.

#3

Thanks Chris, How this look now?

https://codepen.io/iambeast9716/pen/qBdwaMR
#4

This is a bit better, but there are still quite a lot of strange things in here. Tell you what, have a look at our finished version, to see what it should look like: https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/marking-up-a-letter-finished/index.html

#5

Thanks, crhis now i can see my erros.