Tautan Media Sosial
Termasuk bagian Dasar-Dasar dalam perjalanan HTML di Coddy. Pelajaran 34 dari 60.
Tantangan
MudahMari bagikan media sosialmu, orang-orang pasti ingin terhubung!
- Setelah bagian 'About Me', tambahkan
<div>lagi. - Di dalamnya, buat judul dengan tag
<h2>yang bertuliskan 'Connect with Me'. - Tambahkan tautan yang dapat diklik ke profil media sosialmu menggunakan tag
<a>. Ingat, buat tautannya terbuka di tab baru dengan menambahkantarget="_blank"
Contohnya:
Coba sendiri
<!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>Semua pelajaran di Dasar-Dasar
1Dasar-Dasar HTML
Apa itu HTML?Struktur Dasar HTMLTag dan ElemenTag Bersarang dan Tag PenutupKomentar dalam HTML7Halaman Profil Pribadi
Gambaran Umum ProyekBagian Header2Teks dan Pemformatan
JudulParagrafPindah BarisTeks Tebal dan MiringTeks Tebal dan Miring LagiRangkuman: Pemformatan8Formulir dan Input Bagian 1
Dasar FormulirInput TeksAtribut InputKolom Kata SandiLabel untuk InputUlasan, Formulir Dasar11Halaman Pendaftaran Acara
Gambaran Umum ProyekBagian Header9Formulir dan Input Bagian 2
Tombol RadioKotak CentangMenu DropdownTombolTombol dalam FormulirRangkuman, Formulir #1Rangkuman, Formulir #2Latihan sendiri: Playground Web