HTML Tag Element Atribut dan Comment

HTML

assalamualaikum wr'wb

Alhamdulillah pada kesempatan kedua ini kita masi dapat belajar melalui media digital yang telah ada untuk memudahkan proses belajar mengajar kita secara darinng.

bailklah teman teman pada kesempatan kali ini kita akan meneruskan materi ketiga kita yaitu tentang comment,yang mana pada pertemuan sebelumnya kita sudah mempelajari apa saja tag tag yang ada dalam element html,lalu apa itu comment?

baiklah segera saja kita mulai pembelajaran kali ini.

langsung saja kita mulai ke materinya:

Maksudnya, keberadaan comment dalam source code akan diabaikan dan tidak dibaca oleh komputer saat

programnya dijalankan. Dalam kasus HTML, browser akan mengabaikan semua comment yang kita tulis.

"Lalu, apa gunanya comment kalau begitu?"

Bayangkan kalian diberi tugas untuk memperbaiki sebuah kode HTML. Namun, kode tersebut rumit dan sulit bagi

kalian untuk tahu fungsi dari masing-masing bagian dalam kode.

Pasti kalian akan berpikir:

"Aduh, andaikan programmer yang bikin kodenya bisa kasih penjelasan kodenya sedikit aja"

Nah itulah gunanya comment. Kita bisa menambahkan comment pada source code kita untuk memberi catatan

kecil yang menjelaskan kode yang kita tulis.

cukup singkat bukan pengertian dari comment yang sudah kita baca.

supaya sedikit memperjelas pembelajaran kita kali ini saya akan memberikan contoh penggunaan comment pada code html

misalnya saja saya akan membuat source code sederhana seperti di bawah ini:

<!DOCTYPE html>

<html>

<head>

<title>Website Pribadiku</title>

</head>

<body>

<p> Halo Teman Teman !</p>

</body>

</html>

nah jika source code di tulis seperti itu maka yang akan tampil di web browser hanyalah kata *Halo Teman Teman* mengapa demikian,karna pada bagian kata *Hello word* merupakan bagian comment yaitu code tertulis yang hanya di lihat ketika kita membuka source code nya saja dan jika di lihat di web browser maka tida akan tampil apa apa.

baiklah segitu penjelasan singkat tentang comment semoga dapat di pahami dengan mudah oleh teman teman semua

seperti biasa selanjutnya kita akan membuat tampilan website sederhana dan akan melibatkan tag tag dan element yang telah kita pelajari

disini guru pembimbing saya sudah memberikan gambaran atau harus seperti apa tampilan website yang harus kita buat berikut perintahnya

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 Atribut

oke mari kita mulai saja pembuatan website sederhana kita kali ini,disini saya masih akan menggunakan text editor Notepad++

berikut adalah tampilan source code yang telah berhasil saya buat

<!DOCTYPE html>

<head>

<title>website pertamaku</title>

<style>

body{background-color: lavender;}

.container{

width: 1300px;

margin: auto;

border: 1px solid black;

background-color: white;

}

</style>

</head>

<body>

<h1 font color="black">→Welcome To My Website←</h1>

</center>

♥ <a href="https://aditajudin-pelajarperdulicovid19.blogspot.com/2020/03/pelajar-perduli-covid-19.html?m=1">Kunjungi Blogku</a>

</center>

<hr>

<h2>«My Biografi»</h2>

<td width="353">KETERANGAN</td>

</tr>

<td>Adi tajudin</td>

</tr>

<td>Tempat/Tanggal Lahir</td>

<td>Bandung,05 desember 2002</td>

</tr>

<td>Jenis Kelamin</td>

</tr>

<td>Kelas</td>

</tr>

<td>contact</td>

</tr>

<td>Email</td>

<td><font color="blue">aditajudin12@gmail.com</font></td>

<td>Alamat</td>

<td>kp cilimus ds cikande kec saguling rt2 rw1 kab bandung barat</td>

</tr>

</table>

<br/>

<p>ni adalah pengalaman ku selama libur karena wabah virus corona.

Sebenarnya aku tidak menginginkan adanya libur pada saat saat sekarang ini,

karena ya lagi masa seneng seneng bareng sama temen. Pertama kali libur rasanya biasa aja,

tapi lama kelamaan kangen sama temen-temen. Pengin main bareng sama temen-temen.

Tapi, mau gimana lagi, sekarang kan kita harus saling menjaga diri pada wabah ini.

Kegiatan di rumah itu cuman sholat, mandi, bersih bersih rumah, kalau semuanya sudah selesai paling

mengisi waktu luang dengan kegiatan belajar produktif sperti coding dan lain lain yang bersangkutan dengan dunia IT

setelah itu tinggal nonton tv, main hp, sambil baring. Tiap hari melakukan kegiatan itu terus,

kalo di pikir pikir bosan juga sih tiap hari seperti itu tapi ya mau gimana lagi apalagi tugas makin hari makin numpuk Haduhhh....

Tapi dibalik semua ini ada hikmah nya juga bagi kita semua diantaranya waktu bersama keluarga menjadi lebih banyak

karna semua kegiatan kebanyakan dilakukan dirumah

Semoga wabah virus corona ini cepat hilang. Agar aktivitas semua orang bisa kembali normal seperti biasanya.

</p>

</div>

</body>

</html>

jika di lihat dari text editor Notepad++ maka tampilan nya seperti gambar di bawah ini:

dan jika kita menjalan kan code tersebut dalam web browser maka tampilan nya akan menjadi seperti pada gambar di bawah ini:

di dalam source code di atas saya telam menambahkan tag <a href yang mana tag tersebut berpungsi untung menghubungkan halaman kita dengan halaman yg lain atau sederhananya untuk menambahkan link,jika saya meng klik ikon kunjungi blogku maka akan otomatis mengarah pada halaman blog pribadi saya yang telah saya buat:

demikian penjelasan singkat pada materi kali ini yang bisa saya sampaikan semoga mudah di pahami dan ada guna serta manfaatnya bagi kita semua,tiada kata terlambat dalam menuntut ilmu.

and see you -jangan lupa titk koma-

penulis:

Adi Tajudin

Xirpl3

Cari Blog Ini

Pelajar perduli COVID-19

HTML Tag Element Atribut dan Comment

Komentar

Posting Komentar

Postingan populer dari blog ini

Website Sederhana

Tugas Lanjutan