Sabtu, 02 Maret 2019

BELAJAR PEMROGRAMAN HTML Part 1 (Mengenal HTML)

Mengenal Apa Sih HTML itu ???
Hello guys selamat siang, gimana nih kabarnya temen-temen semua? semoga temen-temen selalu diberi kesehatan agar bisa melakukan kegiatan sehari-hari , amiin. okke temen-temen seperti biasa saya akan berbagi tentang apa yang telah saya dapatkan di perkuliahan. Kali ini kita akan membahas tentang salah satu bahasa komputer yaitu HTML, pasti temen-temen pada bertanya-tanya nih apa itu HTML? bagaimana cara codingnya? menggunakan aplikasi apa ?  digunakan untuk apa?. Oke tenang temen-temen pertanyaan-pertanyaan itu akan segera terjawab setelah ini. Kita langsung masuk ke materi .

Apa itu HTML ???




HTML (Hyper Text Markup Languange) adalah bahasa komputer yang digunakan untuk membuat suatu web. Sebagian besar apa yang kalian lihat di web layar komputer adalah kumpulan dari bahasa dan kode HTML. 






Menggunakan Aplikasi apa ??? 



Untuk bisa belajar HTML, saya menyarankan menggunakan aplikasi Visual Studio Code. kenapa saya menyarankan aplikasi ini , selain aplikasi ini gratis haha aplikasi ini juga sangat cocok digunakan untuk pemula atau masih belajar karena aplikasinya yang simpel dan mudah. Kalian bisa mendownload disini https://code.visualstudio.com/download. Silahkan temen-temen download sesuai dengan bit laptop/pc yang kalian miliki.



Cara membuat HTML

1. Buka aplikasi Visual Studio Code


2. klik file -> new file


3. Kemudian akan muncul seperti ini



4. Lalu ketik program apa yang ingin dibuat


5. Save program 



6. Pilih tempat untuk menyimpan program dan memberi nama program




7. Mengganti type menjadi type HTML



8. Klik ok
9. Membuka program dari folder yang telah disimpan -> pilih open with google chrome atau browser yang lain


10. Hasil program

Penjelasan program

<html>
<head>
<title> Mengenal HTML </title>
</head>
<body>
<h1> <font color= red><ins>BIODATA MAHASISWA</ins> </font> </h1>
<font size = 5>
<p>Nama : Rahmat Fauzi Yulianto </p>
<p> NRP : 1103181035 </p>
<p>Perguruan Tinggi : PENS </p>
<p>Jurusan : Teknik Elektronika </p>
</font>
</body>
</html>

          Oke temen-temen sebelum masuk ke penjelasan, saya akan memberitahu kunci dari pemrograman HTML ini. Kuncinya yaitu di dalam pemrograman selalu berpasangan dan terdapat 3 bagian penting yang dapat saya  definisikan sendiri yaitu terdapat nyawa, kepala dan badan. Nyawa ini adalah bentuk dari program tersebut yakni <html> </html>, yang kedua yakni kepala <head> </head> ini mempunyai fungsi seperti kepala yaitu deklarasi judul program dan kemudian yang terakhir yaitu <body> </body> ini mempunyai fungsi sebagai deklarasi isi dari program. Yang dimaksud dengan berpasangan adalah seperti yang saya tuliskan tadi jika ada <head> maka pasangannya adalah </head> dst.

Kita masuk ke penjelasan program :
 1. <html> </html> , merupakan deklarasi yang menyatakan program berbentuk HTML.
  2. <head> </head> , untuk mengawali dan mengkhiri deklarasi judul.
  3. <title> </title> , untuk memberi masukan judul program.
  4. <body> </body> , untuk mengawali dan mengakhiri deklarasi isi.
  5. <h1> </h1> , untuk memberikan judul pada isi
  6. <font color> </font> , untuk memberikan warna pada huruf (font).
  7. <ins> </ins> , untuk meberikan garis bawah pada karakter/string yang kita inputkan.
  8. <p> </p> , untuk membuat paragraph atau garis baru.


Oke temen-temen saya kira cukup belajar bareng untuk kali ini. Semoga apa yang kita pelajari kali ini bisa berguna untuk sekarang, besok dan kapanpun, amin. Jika ada saran, komentar, kritik, pertanyaan dan  request bisa temen-temen tulis di kolom komentar.  Oke guys sampai bertemu di pembahasan selanjutnya.
  
-byee

#SalamOrangBodo
 



Tidak ada komentar:

Posting Komentar

CARA MEMBUAT LINE TRACER ANALOG MUDAH

CARA MEMBUAT LINE TRACER ANALOG Oke temen-temen sudah lama tak jumpa nih, apa kabaar? Semoga tetap sehat yaa. Kali ini saya kembali hadi...