Popular Posts

Senin, 19 Maret 2018

BSI - PURWOKERTO - BELAJAR HTML (PART 1)


HTML (HYPERTEXT MARKUP LANGUAGE)
-ELEMENT HTML = satu blok kode yang terdapat tag pembuka dan tag penutup
-TAG HTML= penanda, diketik dengan simbol "<" dan ">"
-ATTTRIBUTE HTML
STRUKTUR DASAR HTML

<html>
<head> .... </head>
<body>
......
</body>
</html>

TAG HTML :
<b>.....</b> = tebal
<i>.....</i> = miring
<u>.....</u> = garis bawah
<p>.....</p> = paragraf
<marquee>...</marquee> = teks berjalan
                bgcolor='DarkCyan' (untuk memberi warna begron)
                style='font-family:EngraversGothic BT" (mengatur  font)
                font-size:30px (ukuran font)
                color:"white' (mengatur warna)
contoh : <marquee bgcolor='DarkCyan' style='font-family:EngraversGothic BT; font-size:30px; color:white'>Selamat Datang Di Blog Saya </marquee>
<br> = ganti baris (break)
<hr> = garis horizontal( horizontal ruler)

HEADING : di gunakan untuk judul
ex : judul blog, judu, berita dll
<h1>...</h1> = paling besar
...
<h6>...</h6> = paling kecil

BULLET & NUMBERING

<ul>       ul: unordered list  ol : ordered list                                           <ul class='sub-menu'>   = untuk membuat sub menu
 <li>...</li>          li : list
 <li>...</li>
</ul>

<center>...</center>     = teks rata tengah
RANGKUMAN MATERI


  1.   Install XAMPP
  2.   Buka aplikasinya, kemudian klik tombol start pada bagian Apache dan MySQL



  3.   ika sudah maka tampilan Apache dan MySQL nya akan berubah seperti gambar di bawah ini


  4.   Selanjutnya masuk ke folder htdocs yang terletak di folder instalasi xampp
  5.   Hapus file dengan nama index.html dan index.php 
  6.   Buka web browser
  7.   Ketikkan di address bar “localhost” tanpa tanda petik, à Enter


  8.   Buat folder baru dengan  nama “lat1” di folder htdocs
  9.   Isikan di notepad, struktur dasar html beserta tag title

  10.   Simpan file tsb dalam folder lat1, dengan nama percobaan.html




  11.   Kembali ke browser dan reload, maka hasil nya seperti ini
  


  12.   Klik lat1, maka muncul file .html yang tadi kita buat



  13.   Langkah terakhir untuk melihat tampilan dari file .html yang telah kita buat, maka klik saja percobaan.html. hasilnya seperti gambar di bawah


Tidak ada komentar:

Posting Komentar