PENGENALAN
Pengertian HTML secara awam seperti saya adalah serangkaian kode – kode bahasa pemrograman yang digunakan untuk membangun website yang akan membentuk halaman – halaman situs setelah dionlinekan ke internet.
Struktur kode HTML yang harus selalu ada di setiap halaman situs adalah:
<html>
<head>
<title>Tulis Judul Anda di Sini</title>
<meta name=”description” content=”tulis deskripsi/penjelasan singkat situs anda di sini”>
<meta name=”keyword” content=”tulis kata kunci halaman anda di sini”>
</head>
<body>
Di sini adalah konten / isi halaman anda
</body>
</body>
</html>
TUTORIAL
TUTORIAL
Latihan 1. Belajar membuat halaman sederhana dengan kode HTML
Sebagai bahan untuk belajar HTML, sekarang buka program Notepad anda. Caranya klik ” start ” pilih program, cari program Notepad, jika sudah anda buka kemudian tuliskan kode – kode HTML di bawah ini :
<html>
<head>
<title>Modul Belajar HTML</title>
<meta name=”description” content=”Modul belajar HTML”>
<meta name=”keyword” content=”modul html,belajar html”>
</head>
<body>
</body>
</html>
Setelah selesai menuliskan kode – kode HTML di atas kemudian anda simpan.
Caranya : klik ” file ” kemudian pilih ” save as ” tentukan lokasi penyimpanan, misalnya pada folder ” latihan ” di ” my document ” , pada ” file name ” tulis nama file misalnya ” latihan1.html ” pada save as type isikan ” all file ” kemudian klik ” save “.
Caranya : klik ” file ” kemudian pilih ” save as ” tentukan lokasi penyimpanan, misalnya pada folder ” latihan ” di ” my document ” , pada ” file name ” tulis nama file misalnya ” latihan1.html ” pada save as type isikan ” all file ” kemudian klik ” save “.
Untuk mengetahui hasilnya pada browser, caranya sebagai berikut :
Cari file ” latihan1.html ” yang anda simpan pada folder ” latihan ” di ” my document ” , setelah ketemu kemudian klik kanan, pilih ” open with ” lalu pilih browsernya misalnya ” Mozilla firefox "
Latihan 2. Belajar membuat link atau tautan dengan kode HTML :
misalnya : kata yang terlihat dalam link ( ancor text ) adalah “cara membuat website”
sedangkan alamat/URL dari halaman yang dituju tersebut adalah http://internet-dan-komputer/cara-membuat-website
maka kode HTML nya adalah :
<a href=”http://internet-dan-komputer/cara-membuat-website”>cara membuat website</a>
Latihan 3. Belajar kode warna HTML untuk mengedit warna teks :
<font color=”red”>kata yang diedit</font>, ini akan mengubah warna teks menjadi merah.
Lihat contoh berikut ini :
<font color=”red”>cara membuat HTML</font> ini berisi cara-cara membuat HTML.
Latihan 4. Kombinasi kode warna HTML, paragraf baru, ukuran huruf dan jenis huruf :
<p align=”left”><font face=”arial” size=”6″ color=”red”>kata yang diedit</font></p>
ini akan membuat paragraf menjadi rata kiri, dengan jenis huruf arial, ukuran 6 dan warna teks menjadi merah.
Lalu bagaimana untuk membuat warna menjadi warna campuran, ah… itu gampang. Caranya anda buka photoshop. klik kotak merah, kemudian akan muncul kotak dialog color picker, lalu cari warna yang anda inginkan, lalu copy code warna yang ada di bawah, setelah itu anda paste pada kode warna HTML untuk mengedit warna.
Contoh : color=”#ed260b”
mudah – mudahan jelas ya.
Kode HTML lainnya :
<p>isi paragraf</p> , untuk membuat paragraf baru
<br>isi kalimat</br> , untuk membuat baris baru
<b>kata/kalimat</b> , untuk membuat teks tebal
<i>kata/kalimat</i> , untuk membuat kata miring
<u>kata/kalimat</u> , untuk membuat garis bawah
Semoga Paham dan Bermanfaat kawan 😊
