Tiêu đề, đoạn văn và danh sách · Lập trình với Martin

Xem này: mỗi loại nội dung có thẻ riêng

HTML có thẻ dành riêng cho từng loại nội dung. Đây là những thẻ bạn dùng nhiều nhất:

<h1>Main heading – only once per page</h1>
<h2>A chapter heading</h2>
<h3>A smaller heading inside a chapter</h3>

<p>An ordinary paragraph of text.</p>
<p>Another paragraph. Every paragraph gets its own <p> tag.</p>

<p>You can <strong>make words bold</strong> or <em>italic</em>.</p>

Tiêu đề đi từ <h1> (lớn nhất) đến <h6> (nhỏ nhất). Giống vở ghi chép: <h1> là tên trên bìa, <h2> là các chương, <h3> là mục con.

Danh sách

<!-- A bulleted list (ul = unordered list) -->
<ul>
  <li>first thing</li>
  <li>second thing</li>
</ul>

<!-- A numbered list (ol = ordered list) -->
<ol>
  <li>step one</li>
  <li>step two</li>
</ol>

Mỗi mục danh sách là <li>, và tất cả được bọc trong <ul> (dấu chấm) hoặc <ol> (số).

💡

Dòng trông lạ <!— text —> là comment – ghi chú chỉ dành cho bạn, trình duyệt bỏ qua. Lập trình viên để lại tin nhắn như vậy trong code.

Lượt của bạn 💪

Lấp trang chủ bằng nội dung. Trang cần có:

Một <h1> (bạn đã có),
ít nhất hai chương với tiêu đề <h2> và đoạn văn,
ít nhất một danh sách (<ul> hoặc <ol>),
chữ in đậm bằng <strong>.

Ý tưởng và giải pháp cho dự án của bạn:

🏫 Website trường – ý tưởng và giải pháp

Các chương có thể là: Về trường chúng em, Sắp diễn ra, và danh sách câu lạc bộ.

<h1>Riverside Elementary School</h1>
<p>Welcome to our school's website.</p>

<h2>About Our School</h2>
<p>Our school has stood in Riverside for <strong>120 years</strong>. We have
350 students, a big gym, and a brand-new computer lab.</p>

<h2>Clubs</h2>
<ul>
  <li>floorball</li>
  <li>ceramics</li>
  <li>coding</li>
  <li>choir</li>
</ul>

<h2>Coming Up</h2>
<ol>
  <li>outdoor school (June)</li>
  <li>sports day</li>
  <li>winter fair</li>
</ol>

🙋 Website cá nhân – ý tưởng và giải pháp

Các chương có thể là: Tôi thích gì, Tôi làm được gì, danh sách game hay sách yêu thích.

<h1>Hi, I'm Jake</h1>
<p>I'm 10 years old and this is my website.</p>

<h2>What I Like</h2>
<p>More than anything, I love <strong>soccer</strong> – I play for the youth team.
At home I build worlds in Minecraft and I'm learning to code.</p>

<h2>My Top Games</h2>
<ol>
  <li>Minecraft</li>
  <li>Mario Kart</li>
  <li>Rocket League</li>
</ol>

<h2>What I Can Do</h2>
<ul>
  <li>juggle a soccer ball</li>
  <li>make pancakes</li>
  <li>build a website (right now!)</li>
</ul>

🌍 Nhật ký du lịch – ý tưởng và giải pháp

Các chương có thể là: Chuyến đi gần nhất, Sắp đi đâu, danh sách quốc gia đã đến.

<h1>Where We've Been 🌍</h1>
<p>A journal of our trips and adventures.</p>

<h2>Last Trip: The Mountains</h2>
<p>Over the summer we hiked <strong>the whole ridge</strong>. Three days of
walking, one wrong turn, and a hundred wild berries.</p>

<h2>Countries I've Visited</h2>
<ul>
  <li>United States</li>
  <li>Canada</li>
  <li>Mexico</li>
  <li>Italy</li>
</ul>

<h2>Next Year's Plan</h2>
<ol>
  <li>camping by the lake</li>
  <li>mountains out west</li>
  <li>the beach in Greece</li>
</ol>

⚽ Website câu lạc bộ – ý tưởng và giải pháp

Các chương có thể là: Về câu lạc bộ, Kết quả gần đây, danh sách đội hình.

<h1>Riverside Eagles FC</h1>
<p>The official website of our soccer club.</p>

<h2>About the Club</h2>
<p>We play in the district youth league. We train
<strong>Tuesdays and Thursdays at 5:00 PM</strong> on the field behind the school.</p>

<h2>Recent Results</h2>
<ol>
  <li>Eagles – Hawks 3 : 1</li>
  <li>Falcons – Eagles 2 : 2</li>
  <li>Eagles – Wildcats 4 : 0</li>
</ol>

<h2>Roster</h2>
<ul>
  <li>Jake – goalkeeper</li>
  <li>Matt – defense</li>
  <li>Owen – midfield</li>
  <li>Tom – forward</li>
</ul>

✅

Tự kiểm tra: Trang có tiêu đề lớn, tiêu đề chương nhỏ hơn, đoạn văn, và ít nhất một danh sách có dấu chấm hoặc số. Trông như website thật (dù chưa được trang trí).

Điều cần nhớ từ bài này

Tiêu đề <h1>–<h6> sắp xếp trang như chương trong sách.
Văn bản trong đoạn <p>; nhấn mạnh bằng <strong> và <em>.
Danh sách: <ul> cho dấu chấm, <ol> cho số, mục luôn trong <li>.