Practice: Structure, Text & Links

Take a moment to think about this

This lesson doesn't teach anything new — it's meant to give you hands-on practice with the document structure, headings, paragraphs, text styling, links, images, and lists you learned in the Basics chapter. Understanding each concept on its own isn't enough; only by combining them will you really get how tag structures work together. Open up an editor and write out each of the tasks below yourself. There's no answer key — open it in a browser and check your own results.

Practice Tasks

Task 1: Write a complete, valid HTML5 document with doctype, html, head (including title), and body. Task 2: In that body, add an h1 heading and two paragraphs, using strong and em to emphasize some of the text. Task 3: Build one ordered list and one unordered list, nesting a list inside one of the list items. Task 4: Below the paragraph, add an outbound link (with target="_blank" rel="noopener") and an image tag with alt text.

Can write correct document structure (doctype, head, body)
Can use text formatting tags (strong, em) meaningfully
Can write links and images with a full set of attributes

Code Example

html

<!-- Starter skeleton — ဒီထဲမှာ task 1-4 ကို ဖြည့်ပါ -->
<!DOCTYPE html>
<html lang="my">
<head>
  <meta charset="UTF-8">
  <title><!-- title ထည့်ပါ --></title>
</head>
<body>
  <!-- Task 2: h1 + paragraphs (strong, em) -->

  <!-- Task 3: ordered list + unordered list (nested) -->

  <!-- Task 4: link (_blank, noopener) + image (alt) -->
</body>
</html>

You should see

When you open it in a browser, you should see a page with a heading, formatted paragraphs, two kinds of lists, a link, and an image, all rendering correctly.

Try it in 5 minutes

Write all 4 tasks yourself within 10 minutes and open the result in a browser. Then click View Page Source and double-check your own syntax.

A quick word of caution

Don't copy-paste — type it out yourself. Only by typing the tags with your own hands will you notice things like a forgotten closing tag.