Liên kết mạng xã hội
Thuộc phần Kiến thức cơ bản trong hành trình HTML của Coddy. Bài học 34 trên 60.
Thử thách
DễHãy chia sẻ mạng xã hội của bạn: mọi người sẽ muốn kết nối với bạn!
- Sau phần 'About Me', thêm một
<div>. - Bên trong đó, tạo tiêu đề bằng thẻ
<h2>có nội dung 'Connect with Me'. - Thêm các liên kết có thể nhấp đến hồ sơ mạng xã hội của bạn bằng thẻ
<a>. Nhớ thêmtarget="_blank"để mở các liên kết trong tab mới.
Ví dụ:
Tự làm thử
<!DOCTYPE html>
<html>
<body>
<!-- Header Section -->
<div>
<h1>John Doe</h1>
<p>Web Developer | Creative Thinker</p>
</div>
<!-- Profile Picture -->
<div>
<img src="https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.png" alt="My profile picture" width="200" height="200" />
</div>
<!-- About Me Section -->
<div>
<h2>About Me</h2>
<p>Hello! I'm a passionate web developer learning HTML basics. I enjoy coding and building creative projects.</p>
</div>
</body>
</html>Tất cả bài học trong Kiến thức cơ bản
1Kiến thức cơ bản về HTML
HTML là gì?Cấu trúc cơ bản của HTMLThẻ và phần tửThẻ lồng nhau và thẻ đóngChú thích trong HTML7Trang hồ sơ cá nhân
Tổng quan dự ánPhần đầu trang
Ảnh đại diệnPhần giới thiệu bản thânLiên kết mạng xã hội2Văn bản và định dạng
Tiêu đềĐoạn vănNgắt dòngChữ đậm và chữ nghiêngLại chữ đậm và chữ nghiêngÔn tập: định dạng8Biểu mẫu và đầu vào phần 1
Kiến thức cơ bản về biểu mẫuÔ nhập văn bảnThuộc tính của ô nhậpTrường mật khẩuNhãn cho ô nhậpÔn tập: biểu mẫu cơ bản11Trang đăng ký sự kiện
Tổng quan dự ánPhần đầu trangPhần thông tin sự kiệnBiểu mẫu đăng kýPhần chân trang3Làm việc với danh sách
Danh sách không có thứ tựDanh sách có thứ tựDanh sách lồng nhauÔn tập: danh sách9Biểu mẫu và đầu vào phần 2
Nút radioHộp kiểmDanh sách thả xuốngNútNút trong biểu mẫuÔn tập: biểu mẫu #1Ôn tập: biểu mẫu #2Tự luyện tập: Playground Web