articleBody
| -
BlkMgnBdt:
Hello, I just finished the letter assessment.
I would like for one of you fantastic individuals to correct me
on my errors.
Appreciate it!
Hello there!
From a cursory look, your markup structure looks pretty good. A
few immediate thoughts:
You’ve got two <header> tags - the second one needs to
be turned into a closing tag for the markup to work as
expected.
It looks like you’ve got an extra closing </p> before
the second <header> tag.
Looks like you’ve missed out the date/time.
The sentences on the same lines as the <h2> elements need
to be inside their own paragraphs
You can see all you need to do to complete the assessment on our
marking guide:
github.com
mdn/learning-area/blob/master/html/introduction-to-html/marking-up-a-letter-finished/marking-guide.md
# Marking guide for "Marking up a letter"
The following guide outlines a marking guide for the MDN Learning Area HTML Topic — [Marking up a letter](https://developer.mozilla.org/en-US/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter). Each subtask detailed in the assessment is listed below, along with an explanation of how many marks the task is worth, and the mark breakdown.
Note: These are guidelines, not set in stone rules — you are of course free to use your judgement on mark awarding when you meet an edge case, or somethign that isn't clearly cut.
The overall mark awarded is out of 47. Work out their final mark, and then divide by 47 and multiply by 100 to give a percentage mark. For reference, you can find a [finished marked up letter](index.html) that would be awarded top marks.
## Block/structural semantics
<dl>
<dt>You should structure the overall document with an appropriate structure including doctype, and <html>, <head> and <body> elements (5 marks)</dt>
<dd>They need to:
<ul>
<li>Provide an HTML5 doctype (<!doctype html>, 1 mark)</li>
<li>Include a <head> element just below that (1 mark)</li>
<li>Wrap the content in a <body> element (1 mark)</li>
<li>Wrap head and body in an <html> element (1 mark)</li>
<li>You get one bonus mark for including a lang attribute in the <html> tag (1 mark)</li>
</ul>
This file has been truncated. show original
Probably easier though is to just check your markup against our
finished version:
github.com
mdn/learning-area/blob/master/html/introduction-to-html/marking-up-a-letter-finished/index.html
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="author" content="Dr. Eleanor Gaye">
<title>Awesome science application correspondance</title>
<style>
body {
max-width: 800px;
margin: 0 auto;
}
.receiver-column {
text-align: right;
}
h1 {
font-size: 1.5em;
}
This file has been truncated. show original
Don’t get worried if you structure is not identical to ours
— there are multiple ways to do each task in web deveopment. We
didn’t include <section> and <article> elements in
our version, but you’ve used yours well, so that’s fine.
Best regards,
Chris
-
@chrisdavidmills
Here’s my HTML letter markup assessment project. Please, have a
look: https://github.com/vkWeb/letter-markup/blob/master/index.html
Please, give your feedback. It’ll help me in improving my
skills. Thanks for the time Chris.
|