Kamis, 14 Januari 2016

Belajar HTML

Selamat siang semua... selamat datang di blog baru ane sekaligus post pertama ane nih... untuk post pertama ini, ane bakal ngasih pengetahuan tentang belajar kode html, tapi baru yang dasarnya doang, soalnya ane juga masih belajar nih :D ane pengen ngepost ini soalnya ane baru dapet informasi ini dari guru TIK di sekolah ane...

oke kalian semua pasti uda banyak yang tau apa itu html yakan? menurut ane html itu adalah kode-kode yang diimplamentasikan untuk merangkai rancangan sebuah halaman situs yang nantinya bisa kita gunakan secara online. oh iya html itu singkatan dari Hyper Text Mark Up Language...kalian bisa memakai aplikasi teks seperti Notepad, Adobe Dreaweaver, Microsoft Frontpage, Visual Studio, Sanny Builder, dan lain-lain untuk menulis serangkaian kode html...
untuk kode-kode / tag utamanya ada beberapa yaitu :
  • <html>
  • <head>
  • <title>
  • <body>
dah... untuk penulisan tag html harus ditutup dengan tag itu sendiri, tetapi diawali dengan garis miring, walaupun kadang bisa tidak memakai penutup tapi cara tersebut tidak dianjurkan... seperti contohnya begini, menulis tag dasar html...

<html>
<head><title> *judul*</title>
</head>
<body> *isi*</body>
</html>

itu untuk dasarnya saja, untuk menambahkan favicon kalian bisa menulisnya diantara tag head pembuka dan head penutup. kalian bisa memakai foto/icon berukuran 50x50 pixel, kalian bisa menguploadnya di web photo hosting atau dimana aja. untuk kodenya bisa ditulis seperti ini :

<link rel="shortcut icon" href=*link foto / ikonnya*>

nah sekarang kita akan mengisi bagian isi atau <body>. kita meletakkan kode-kode isi diantara pembuka dan penutup isi atau diantara tag <body> dan </body>. misalnya ane akan menulis tentang bintang. maka kita bisa menulisnya sebagai berikut :

<p align="justify"><font face="comic sans ms" size="4">Bintang merupakan benda langit yang memancarkan <a href="http://id.wikipedia.org/wiki/Cahaya" title="Cahaya">cahaya</a>. Terdapat bintang semu dan bintang nyata. Bintang semu adalah bintang yang tidak menghasilkan cahaya sendiri, tetapi memantulkan cahaya yang diterima dari bintang lain. Bintang nyata adalah bintang yang menghasilkan cahaya sendiri. Secara umum sebutan bintang adalah objek luar angkasa yang menghasilkan cahaya sendiri (bintang nyata).</p></font>

maka akan seperti ini :

Bintang merupakan benda langit yang memancarkan cahaya. Terdapat bintang semu dan bintang nyata. Bintang semu adalah bintang yang tidak menghasilkan cahaya sendiri, tetapi memantulkan cahaya yang diterima dari bintang lain. Bintang nyata adalah bintang yang menghasilkan cahaya sendiri. Secara umum sebutan bintang adalah objek luar angkasa yang menghasilkan cahaya sendiri (bintang nyata).

untuk tag-tagnya ane bakal jelasin.


  1. tag <p> untuk mengatur paragraf. oh iya dalam html ada yang namanya atribut. yaitu poin-poin yang bisa kita ubah untuk mengatur tag induknya, diletakkan di dalam kode pembuka. seperti pada tag <p> diatas ane kasih atribut align="justify" yang berguna untuk mengatur perataan teks yang kita tulis. Ane make value "justify" untuk rata kanan kiri, selain justify ada juga "center" untuk rata tengah, "right" untuk rata kanan dan "left" untuk rata kiri.
  2. tag <font> untuk mengatur font dari teks, dan diatas ane kasih atribut face untuk mengatur jenis huruf yang digunakan, size untuk mengatur ukuran hurufnya.
  3. tag <a> bisa diartikan sebagai tautan, karena fungsinya untuk menautkan dokumen html yang satu dengan yang lain. ane memakainya untuk menyisipkan hyperlink, href untuk alamat webnya dan title untuk judul/nama ketika pointer menunjuk ke hyperlink tersebut. dan diantara tag pembuka dan penutup ditulis teks yang akan dijadikan hyperlink.
yah menulisnya jangan  lupa pake tag penutupnya ya gan... dah sekian dulu info dari ane ya semoga bermanfaat dan yang mastah plis CMIIW :D