HTML Tag, Element, Attribute & Comment
Selamat mencoba & memahaminya:)
Jangan asal copas" yah siapa tau yang kamu copas itu salah:)
Ini tugas nya yah temen-temen,
dibawah
STUDI KASUS : Membuat Halaman Website sederhana menggunakan Text Editor W3Schools / Text Editor apapun yang kalian
miliki dengan rincian hasil akhir yang harus di capai sebagai berikut:
1. Website Harus mengandung data Profile Kalian
• BIODATA (Nama Lengkap , Tempat & Tgl Lahir , Jenis Kelamin , Kelas , Alamat , No WA , Email
• FOTO PRIBADI
2. Website harus mengandung Cerita Unik Selama STAY AT HOME dimasa Pandemi Covid19
3. Website harus mengandung Text Yang jika di KLIK akan mengarah ke Halaman BLOG Kalian Masing2. ( Hyperlink )
4. Website harus mengandung Comment dan Atribute
Panduan mengerjakan Studi Kasus ke 2 :
1. Untuk mengerjakan Studi kasus ini ada beberapa Tag dan Juga Atribut baru yang harus kalian coba dan jugacari informasinya.
Sebagai Contoh Untuk mengetengahkan text kita gunakan tag pembuka <center> dan penutup </center>
2. Untuk memberikan warna Background kalian coba cari materi tentang Body Backgound di google atau
bisa baca materi HTML malui blog saya : https://rpl-smk4-lppmripdl.blogspot.com/2020/03/html-elements.html
3. Untuk memasukan Gambar Foto ada beberapa tahapan yang harus kalian pahami :
- Gunakan Tag <img > seperti yang sudah di pelajari pada Studi kasus 1 ketika kita memasukan logo SMK
- Untuk Foto kalian bisa menggunakan Foto yang ada di Facebook kalian, dengan melakukan Copy Link Tautan
dari Foto yang kalian pilih
Misalnya : Kalian akan memasukan salah satu gambar, kalian tinggal klik kanan dan pilih “ Salin Alamat
Gambar” . Alamat ini yang nanti kalian masukan kedalam Tag <img>
4. Pada Tampilan Garis kalian bisa menggunakan TAG <hr> tanpa Tag Penutup
5. Untuk Text “ Kunjungi BLOGku “ kalian pelajari materi di atas mengenai tag <a href > yang nanti kalian
masukan Link alamat Blog yang sudah kalian miliki.
Ini coding tugas diatas yah temen-temen:)
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<body bgcolor="Red" id="myid" class="myclass><p style="color:black"> <h1><b><center>WELCOME TO MY WEBSITE</center></b></h1></p>
<p>
</p>
<center><a> kunjungi <a href="http://restinopiantii-pelajarperdulicovid19.blogspot.com">BLOGku</a></a>
</center>
<hr>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic4uqVcI1FrlkUgQVZ_hDfMBQAr1Q4DEqU4ffLvEP8QycDt3M9Ow0paWfNzhIHkIyZFN7kwICcPHF5-aGUdacwYbOcvdHgcYSRY4n4FIfiHQMgh0reHzrDpddac8hIVwb38of5DAnV3g/s1600/IMG_20200511_103527.png" width=50%/><p><h1><b>Resti Nopianti</b></h1>
</p>
<p><b>My Biografi</b></p>
<p>Bandung, 23 November 2003</p>
<p>Perempuan</p>
<p>Kp.Cintalaksana 03/03 Desa Gunubg Masigit Kec.Cipatat Kab.Bandung Barat</p>
<p><center>Contact:</center></p>
<p>083174783096 _ reresty11gmail.com</p>
</center><p>Pengalaman saat stay@Home saya banyak melakukan kegiatan, seperti hari hari biasa belajar atau mengerjakan tugas, membantu pekerjaan rumah. Karena pembelajaran masih sama seperti biasa ketika sekolah diberi materi atau mencari materi sendiri. Tetapi yang membedakan adalah caranya sekarang kita semua memanfaatkan Daring. Tapi saya menyayangkan adanya tugas daring seperti ini, apalagi jika tugas nya sudah memanfaatkan atau menggunakan Microsoft word/office dll. Mengapa disayangkan karena masih banyak siswa yang tidak mau berusaha terlebih dahulu atau semampunya.</p>
<hr></hr>
</body>
</html>
Ini hasilnya yah teman-teman:)
Note: jika ingin mengcopas bilang dulu & jangan asal copas yah:) atau nggak ketik sumbernya, sama-sama belajar saling menghargai yah🙏
Dan ini saya sedang mencobanya,hhe
Mengapa diatas saya sedang menulis padahal ini menggunakan teknologi? Yah karena kebiasaan saya, saya selalu dicatat dulu sebelum langsung menggunakan media teknologi:)
Mohon maaf apabila ada kesalahan kata, atau kesalahan dalam tag nya, terimakasih:)
ini codingan nya
