#5. Tutorial HTML Dasar – Ngoding Dengan Tag Dan Atribute HTML ( Bahasa Indonesia).

sukakoding.com

Hai Sukakoders, pertemuan kali ini kita akan ngoding dengan tag dan atribute pada HTML. Sebelum mulai ngoding admin anggap kalian udah paham tentang dasar dasar HTML dulu. jika belum kalian bisa baca dulu  dan #4. Tutorial HTML Dasar – Tag Tag Dan Atribut Pada HTML (Bahasa indonesia). dan jika kalian sudah hafal dengan cara penulisan HTML kalian bisa menggunakan text editor seperti sublime text, atom atau notepad++ untuk mempermudah kalian dalam ngoding. Untuk pertemuan ini dan seterusnya admin akan menggunakan sublimer text. Jika kalian juga ingin menggunakan sublime text, kalian bisa download disini.

Fakta Tentang Tag Dan Atribute HTML

  • Semua Elemen HTML bisa memiliki Atribute
  • Atribute selalu diletakan di Tag HTML awal
  • Atribute digunakan untuk memberikan informasi tambahan
  • Atribute biasanya berbentuk kunci dan nilai (<html kunci=”nilai”>)
  • Terdapat atribute yang tidak memiliki nilai.

Let’s Code

Tag Link <a>

Kita mulai dengan atribute yang paling mudah terlihat dampaknya yaitu atribute pada tag <a>.Silahkan tulis kode di bawah.

Tips: Jika kalian menggunakan sublime text silahkan buka aplikasinya terus tekan ctrl + s. dan simpan file dengan nama atribut.html atau nama file kalian masing masing. jika sudah kalian hanya perlu mengetikan di workspace html di ikuti dengan tombol TAB maka secara otomatis kalian akan dibuatkan tag dasar HTML.

sukakoding.com

kalian bisa berimprovisasi dengan menambahkan atribute lain. caranya tinggal kalian tambahkan disamping atribute sebelumnya. dalam html urutan atribute tidak mempengaruhi. contoh

sukakoding.com

Save dan lihat apa yang terjadi.

Atribute pada Tag <a>

  • href=”sumber link yang akan dituju”
  • target=”menentukan dimana link akan terbuka (_blank, _parent, _self, _top, nameframe)”
  • rel=”menetukan hubungan antar document (alternate, author, bookmark, external, help, license, next, nofollow, noreferrer, noopener, prev, search, tag)”
  • dll
Baca Juga:  Cara Membobol Akun Mobile Legends Teknik Profesional

Tag Gambar <img>

digunakan untuk menampilkan konten berupa gambar. Berbentuk seperti <img src=”folder/nama_file_gambar.ekstensi_file”. contoh admin punya gambar bernama viavallen.jpg

sukakoding.com

perhatikan tag <img> terdapat atribute src yang artinya source atau sumber dari gambar yang akan ditampilkan. perlu diingat bahwa nama gambar relatif terhadap nama file html kita. contoh admin menaruh file html di desktop terus admin buat folder img dan menaruh gambar via vallen di dalam folder img. itu sebabnya nilai dari atribut src adalah img/viavallen.jpg

 

 

 

 

Tinggalkan Balasan

This site uses Akismet to reduce spam. Learn how your comment data is processed.