.jpeg)
Pengertian Website
Website adalah suatu halaman yang di dalamnya terdapat berbagai macam segala informasi yang dapat di akses oleh siapapun dan dimanapun. Selama ad jaringan internet maka kita dapat mengakses apapun yang ingin kita cari.
Fungsi Website
1. Fungsi Komunikasi
2. Fungsi Informasi
3. Fungsi Hiburan
4. Fungsi Transaksi
Bahasa Pemrograman Yang Digunakan Untuk Membuat Website
- Html dan CSS
- Java
- Python
- JavaScript
- PHP
- SQL
- C++
1. Html dan CSS
Struktur Dasar Html
<!DOCTYPE html>
<html>
<head>
<title>Yuk Belajar Html</title>
</head>
<body>
</body></html>
Keterangan:
- Pada tag <!DOCTYPE html> mendefinisikan bahwa dokumen ini adalah dokumen Html.
- Tag <Html> merupakan root dari halaman Html
- Tag <head> berfungsi untuk menampung data data yang untuk memperindah tampilan html, seperti menambah title, menghubungkan file, dan CSS.
- Tag <title> merupakan judul untuk halaman Html (yang ditampilkan di bilah judul browser atau di tab halaman).
Contoh dokumen Html Sederhana
<!DOCTYPE html>
<html>
<head>
<title>My blog</title>
</head>
<body>
<h1>Belajar Coding</h1>
<p>Ayo belajar</p><p>Jangan main hp terus </p><p>Katanya mau jadi orang sukses</p>
</body>
</html>
 |
Cara membuat tabel pada html
Untuk membuat tabel kita menggunakan Elemen <tr> dan <td>. untuk membuat baris pada tabel kita dapat menggunakan tag <tr>, sedangkan untuk membuat kolom atau sel pada setiap baris pada tabel kita menggunakan tag <td>.
<!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>SULASMITA SARI</td><td rowspan="11" align="center"><img src="mita.jpg" width="210" height="313"></td></tr><tr><td>Jenis Kelamin</td><td>Perempuan</td></tr><tr><td>NPM</td><td>21140043</td></tr><tr><td>Alamat</td><td>Jl.Sakti Lubis Gg.Pegawai No.20</td></tr><tr><td>Tempat/Tanggal Lahir</td><td>SIDODADI 18 Februari 2004 </td></tr><tr><td>Hobi</td><td>Membaca</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>Thinking Ekstrovert</td></tr></table></body>
Cara memasukkan foto di Html
Untuk memasukkan gambar pada Html, kita harus memastikan terlebih dahulu bahwa gambar yang ingin kita masukkan ke dokumen Html memiliki format dan nama file(photo)yang sesuai . Jika format dan nama gambar tidak sesuai, kemungkinan besar gambar akan gagal ditampilkan. Kita juga harus memastikan bahwa file gambar yang ingin kita massukkan ke dalam dokumen harus satu folder dengan dokumen yang kita buat. Untuk mengatur ukuran gambar kita dapat menggunakan width dan height.
Example:
<!DOCTYPE html>
<html>
<head>
<title>Yuk Belajar Html</title>
</head>
<body>
<img src="aqua.jpg" width="400" height="600">
</body></html>
Cara membuat tulisan berwarna pada Html
- nama warna (blue,red,grey dll)
- nilai hex (#00BFFF, #888888 dll)
- nilai RGB rgb(0, 255, 244)
Example:
<!DOCTYPE html>
<html>
<head>
<title>Yuk Belajar Html</title>
</head>
<body bgcolor="#000000"><h1 style="color:lime;">Capek ya?</h1><h2 style="color:#00bfff;">Lah ini mimpi punya siapa? </h2><h3 style="color:#ff1493;">Kok masih males-malesan sih</h3><p style="color:rgb(0, 255, 254);">Ayo hei semangat katanya mau jadi orang sukses</p></body></html>
Cara Pemanggilan Link Pada Html
Seringkali kita merasa kesulitan ketika ingin memasukkan link di html, baik itu link medsos,situs,dan lain sebagainya. Ketika ingin membuat link pada Html, maka kita dapat menggunakan tag <a> kemudian tag ini harus didampingi dengan href untuk menentukan alamat URL tujuan dari link. Jangan lupa untuk mencantumkan alamat url tujuan saat link dibuka, tambahkan teks label untuk link, kemudian tutup dengan tag penutup</a>.
Example:
<!DOCTYPE html>
<html>
<head>
<title>Pemanggilan Link pada HTML</title>
</head>
<body>
<h2>Buka tautan berikan untuk mengunjungi instagram saya
<a href="https://www.instagram.com/miita_1824">Instagram</a>
</h2>
</body>
</html>
Maka ketika kita klik link instagram tersebut maka secara otomatis kita akan mengunjungi situs instagram tersebut. Seperti contoh dibawah ini.
Tidak ada komentar:
Posting Komentar