Belajar Dasar-Dasar HTML

Assalamu'alaikum wa rahmatullahi wa barakatuh

Apa kabar kawan-kawan sekalian? Untuk kali ini saya akan menjelaskan tentang dasar-dasar dari HTML.

Oh iya, btw kalian udah pada tau belom apa itu HTML? Nah biar gak kelamaan langsung aja saya jelasin di sini.

Jadi HTML yang kepanjangannya adalah Hypertext Markup Language adalah bahasa standar yang digunakan dalam membuat halaman website dan dapat diakses dan menampilkan berbagai macam informasi pada browser internet. HTML ini merupakan bahasa standar yang digunakan secara luas dalam menampilkan halaman website.

HTML ini memiliki tag yang merupakan kode dari bahasa ini, di mana memuat instruksi yang akan mempengaruhi tampilan dari halaman website tersebut. Contoh dari tag ini misal untuk membuat kata bercetak tebal APA KABAR?, maka dalam penulisannya adalah <b>APA KABAR</b>, di mana tag <b> akan menampilkan karakter yang dicetak tebal. Dan untuk membuat tulisan seperti INI, maka penulisannya ditambahkan atribut menjadi <font color=red>INI</font>. Terdapat banyak tag dan atribut beserta fungsinya masing-masing yang digunakan dalam HTML ini.

Untuk bagian-bagian dari HTML ini, yaitu:
  •  <html> merupakan tanda awal dari dokumen HTML (ditutup dengan </html> pada akhir dokumen.)
  • <head> sebagai informasi page header, didalamnya memuat <title> sebagai judul dari halaman, yang akan muncul di bagian atas browser.
  • <body> sebagai badan atau isi dari dokumen HTML tersebut

Nah, dari beberapa penjelasan singkat di atas, untuk mempelajari HTML ini alangkah baiknya untuk mempraktikannya untuk membuat halaman website sederhana. Nah saya akan menampilkan contohnya di bawah ini.



Gimana, apa ada yang bisa buat kaya gitu? wkwk

Yaudah, langsung aja saya kasih tahu tutorialnya nih hehe.
  1. Buka aplikasi yang untuk membuat dokumen HTML. Untuk aplikasi ini ada banyak sih sebenernya (Notepad, Notepad++, Visual Studio Code, dll) terserah tergantung selera kalian. Tapi di sini saya pake Visual Studio Code hehe (bisa download di sini )
  2. Buat file HTML baru, dan masukkan file terserbut ke suatu folder tersendiri yang kemudian akan dimasukkan pula file pendukung dari HTML tersebut.
  3. Kemudian, ketikkan dokumen tersebut dalam bahasa HTML. Dari contoh tersebut, kita menggunakan tambahan tag-tag beserta atribut antara lain:
    • <br> untuk membuat baris teks.
    • <body bgcolor=navy> untuk menjadikan warna background body berwarna navy.
    • <center> untuk menjadikan teks rata tengah
    • <h1> untuk menjadikan ukuran teks besar
    • <image source="resmi.jpg" width=75/>  untuk menampilkan gambar beserta ukurannya yang diambil dari folder yang sama dengan file HTML.
  4. Dalam bahasa HTML, penulisannya seperti ini
    <html>
    <head>
    <title>HALO</title>
    </head>
    <body>
    <body bgcolor =navy><center>
    <br><h1><font color=yellow><b>BIODATA</b></h1>
    <br><image src="resmi.jpg" width=75 /></br>
    <font color=white>
    <br>Nama : Moch. Revian Aufiar Riefky</br>
    <br>NRP : 1110181017</br>
    <br>TTL : Banyuwangi, 23 September 1998</br>
    <br>Alamat : Bakungan, Banyuwangi, Jawa Timur</br>
    </body>
    </html>
  5. Setelah selesai, simpan file HTML tersebut, dan lihat tampilannya pada browser.
Nah, sekian postingan saya kali ini, semoga bermanfaat bagi kita semua. Jika ada kesan dan saran, sila berkomentar di bawah ini. Terima kasih!

Wassalamu'alaikum wa rahmatullahi wa barakatuh

Komentar

Posting Komentar

Postingan populer dari blog ini

Array pada PHP

Gambar
Assalamu'alaikum warahmatullahi wabarakatuh Apa kabar teman-teman hehe? pada kesempatan kali ini saya akan menjelaskan secara ringkas mengenai array pada PHP. Selama ini bentuk variabel yang kita buat untuk menyimpan suatu value atau nilai adalah berbentuk tunggal. Maksudnya, satu variabel hanya bisa untuk menyimpan sebuah value saja.Misal sebuah value telah disimpan atau diassign ke dalam sebuah variabel, selanjutnya variabel tersebut akan diassign kembali dengan sebuah value yang lain, maka value yang sebelumnya akan ditimpa oleh value yang baru. Agar sebuah variabel bisa diassignkan dengan value yang lebih dari satu, maka digunakanlah array. Array bersifat seperti sebuah matriks, di mana memiliki ruang-ruang yang berjumlah N. Dalam PHP, ruang-ruang pada array ini dihitung mulai dari 0 menuju N-1. Untuk mendeklarasikan sebuah variabel agar bertipe data array ialah:   $x = array(); Sedang untuk memasukkan value ke dalam array ialah dengan cara: <?php $x...
Baca selengkapnya

Studi Kasus Statement While Pada PHP

Gambar
Di sini saya akan memberikan beberapa studi kasus dari penggunaan statement While pada PHP. Perbedaan Peletakan bil++; pada Script A.     Jika bil++; diletakkan seperti dalam script di bawah ini: 1.   <?php 2.        $jumlah = 0 ; 3.        $bil = 2 ; 4.        while ( $bil <= 50 ) 5.        { 6.            $jumlah = $jumlah + $bil ; 7.            $bil ++; 8.        } 9.        echo "Hasilnya adalah " . $jumlah ; 10. ?> Maka tampilan webnya ialah: B.      Jika bill++; diletakkan seperti dalam script di bawah ini: 1.   <?php 2.        $jumlah = 0 ; 3.        $bil = 2 ; 4.    ...
Baca selengkapnya

Memahami Session pada PHP

Session adalah cara yang digunakan untuk meyimpan pada server komputer untuk digunakan pada beberapa halaman termasuk halaman itu sendiri. Session menyimpan informasi ke dalam bentuk variabel super global  $_SESSION.  Variabel ini disimpan pada server komputer dan dapat digunakan oleh semua halam pada website tempat session dimulai. Session berbeda dengan cookie yang menyimpan informasi pada komputer cilent. Kelebihan variabel session ini adalah dia mampu menyimpan informasi yang berlaku untuk seluruh halaman/page pada sebuah aplikasi. Hal ini dapat berguna untuk menyimpan data dan informasi yang akan digunakan pada halaman lain dan dapat dipanggil sewaktu - waktu pada halaman lainnya. Session akan hilang dan terhapus ketika si pengguna meninggalkan aplikasi (untuk beberapa kasus), apabila tidak ingin session hilang, maka lebih tepatnya kita menyimpannya ke dalam basis data. Berikut adalah sintak untuk memulai session :  <?php //memulai session session_start(); ?...
Baca selengkapnya