Pengertian, Jenis Bahasa, dan Contoh HTML
Apa itu Website?
Website adalah kumpulan halaman dalam suatu domain yang memuat tentang berbagai informasi agar dapat dibaca dan dilihat oleh pengguna internet melalui sebuah mesin pencari seperti Google, Google Chrome, Mozilla Firefox, Yahoo, Opera dan lain-lain.
Apa itu HTML?
Hyper Text Markup Language adalah sebuah bahasa yang menggunakan markup atau penanda untuk membuat halaman web. Penanda atau markup disebut dengan Tag. Teks editor yang digunakan yaitu NotePad/NotePad++ untuk menulis kode-kode HTML. HTML berperan untuk menentukan struktur konten dan tampilan dari sebuah web. Kalau di ibaratkan, HTML itu seperti batu bata untuk membangun rumah. Batu bata ini dapat disusun, hingga menjadi fondasi dasar.
Selain HTML, ada bahasa lain yang menjadi pelengkapnya yaitu :
- C,
- C++,
- Java,
- Python,
- CSS/HTML,
- JavaScript,
- PHP,
- SQL,
- TypeScript,
- Ruby, dan
- Go.
- CONTOH SEDERHANA MEMBUAT DOKUMEN HTML
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
hello-world.html.
Tips: buat kamu yang menggunakan Notepad di Windows, simpanlah nama filenya dengan menggunakan tanda petik
"hello-world.html" agar ekstensinya .html, bukan .txt.Kemudian buka file hello-world.html dengan web browser.. maka hasilnya:
- CARA MEMBUAT TABEL HTML
Untuk membuat tabel kita menggunakan 2 tag penting yaitu <tr> dan <td>.
<tr> = untuk membuat baris pada tabel.
<td> = untuk membuat kolom atau sel pada tabel.
Contoh :
<!DOCTYPE html>
<html>
<head>
<title>BIODATA DIRI</title>
</head>
<body>
<h1 align="center">BIODATA DIRI</h1>
<table width="745" border="1" cellspacing="0" cellpadding="5" align="center">
<tr align="center" bgcolor="#00ffff">
<td>DATA DIRI</td>
<td>KETERANGAN</td>
<td>FOTO</td>
</tr>
<tr>
<td>Nama</td>
<td>Alya Dwiyani</td>
<td rowspan="11" align="center"><img src="alya.jpg" width="210" height="313"></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>Perempuan</td>
</tr>
<tr>
<td>NPM</td>
<td>21140040</td>
</tr>
<tr>
<td>Alamat</td>
<td>Jl.Sakti Lubis Gg.Pegawai No.20</td>
</tr>
<tr>
<td>Tempat/Tanggal Lahir</td>
<td>NAGA HARJO/23-Agustus-2003</td>
</tr>
<tr>
<td>Hobi</td>
<td>Bermain Voli</td>
</tr>
<tr>
<td>Agama</td>
<td>Islam</td>
</tr>
<tr>
<td>Prodi</td>
<td>S1 Manajemen</td>
</tr>
<tr>
<td>Konsentrasi</td>
<td>Manajemen Informatika</td>
</tr>
<tr>
<td>Semester</td>
<td>II</td>
</tr>
<tr>
<td>MK</td>
<td>Insting</td>
</tr>
</table>
</body>
</html>
Maka hasilnya :
- CARA MEMASUKKAN FOTO PADA HTML
Jika mau memasukkan gambar pada Html, kita harus memastikan bahwa gambar yang mau di masukkan harus memiliki format dan nama file(photo)yang sesuai . Jika format dan nama gambar tidak sesuai, maka gambar tidak akan muncul. Kemudian file gambar juga harus satu folder dengan dokumen yang kita buat. Kita gunakan width dan height untuk mengatur ukuran gambar.
CONTOH :
<img src="alya.jpg" width="400" height="600">
Dan hasilnya :
- CARA MEMBERI WARNA TEKS HTML
Untuk membuat tulisan bewarna pada html kita dapat gunakan style langsung pada tulisan yang ingin kita warnai.
Kita juga bisa membuat background kita menjadi berwarna dengan menggunakan "bgcolor".
Kemudian, Ada 3 cara yang bisa di gunakan untuk memilih warna yaitu:
- nama warna (green,grey dll)
- nilai hex (#008000, #808080 dll)
- nilai RGB rgb(0, 255, 244)
CONTOH :
<!DOCTYPE html>
<html>
<head>
<title>Belajar kuy</title>
</head>
<body bgcolor="#808080">
<h1 style="color:red;">yuk semangat yuk</h1>
<h2 style="color:#008000;">Menuju masa depan yang cerah</h2>
<h3 style="color:blue;">Harus jadi orang sukses</h3>
<p style="color:purple;">Semangat kuliahnya!</p>
</body>
</html>
Maka Hasilnya :
- CARA MEMANGGIL LINK HTML
Jika ingin membuat link pada Html, kita gunakan tag <a> href untuk menentukan alamat URL tujuan dari link kemudian buat alamat url tujuan dan jangan lupa tutup dengan tag penutup</a>.
CONTOH :
<!DOCTYPE html>
<html>
<head>
<title>Memanggil Link</title>
</head>
<body>
<h2>MY INSTAGRAM
<a href="https://www.instagram.com/alyadwiyani14">@alyadwiyani14</a>
</h2>
</body>
</html>
Seperti pada umumnya, ketika kita klik link maka akan muncul halaman yang kita tuju :
Nah, jadi seperti itulah cara sederhana membuat dokumen html. Semoga bermanfaatt!!
Komentar
Posting Komentar