Đọc tên Quan hệ Ông-Cha-Con-Cháu-Anh-Em trong cây phả hệ DOM

Nội dung

Cho đoạn code HTML sau:

<div id="menu">
  <p class="khung-gioi-thieu">
    <u><b>Giờ mở cửa</b></u>: lúc <span style="color: red;">Hoàng hôn đã đến</span> và quán tự <span style="color: blue;">đóng khi
      Bình minh lên</span> <b>(tức chỉ bán buổi tối)</b>
  </p>

  <h2>Menu của chúng tôi, bao gồm các món</h2>
  <ol>
    <li>
      <b>Bún đậu mắm tôm</b>
      <i>Giá cả khá thơm</i>
      <span class="price">95,000 đ/tô</span>
      <br />
      <img src="https://nentang.vn/wp-content/uploads/2021/09/bun-dau-mam-tom.jpg" class="anh-dai-dien" />
    </li>
    <li class="mon-an-hot">
      <b>Lẩu dê Trần Văn Hoài</b>
      <i>Ăn vào nhớ hoài</i>
      <span class="price">55,000 đ/tô</span>
      <br />
      <img src="https://nentang.vn/wp-content/uploads/2021/09/lau-de.jpg" class="anh-dai-dien" />
    </li>
  </ol>
</div>

Yêu cầu

Sử dụng các từ ngữ phả hệ như sau để làm bài tập:

• Ông
• Cha
• Con
• Chú
• Cháu
• Anh em

1. Liệt kê tên tất cả các thẻ đang sử dụng trong đoạn code HTML trên

2. Liệt kê phả hệ DOM của các phần tử

- Ông tổ tiên là thẻ nào? Có đặc điểm gì (có sử dụng id hay class gì)?

- Ông tổ tiên có mấy người con? Liệt kê các thẻ con và đặc điểm của chúng (có sử dụng id hay class gì)...

3. Thẻ h2 gọi thẻ ol và p.khung-gioi-thieu là gì?

4. Thẻ li gọi thẻ h2 là gì?

5. Thẻ ol có mấy thẻ con? Làm sao phân biệt được các con của thẻ ol?

6. Có thẻ img? Thẻ img gọi thẻ ol là gì?

7. Thẻ ol có mấy cháu?

8. Đâu là đoạn code CSS, vui lòng tô màu để đánh dấu nó...