Selasa, 14 Maret 2017

Membuat List Pada HTML 5

Tidak ada komentar
www.w3.org

Membuat List

Tujuan membuat list adalah untuk membuat sebuah daftar.
Penggunaan list digunakan dengan code berikut:

<ol>Untuk membuat format list (untuk dasarnya)<ol>
<ul>Untuk membuat format list yang menggunakan list lagi didalamnya</ul>
<il>Untuk membuat string di dalam daftar tersebut</il>
Contoh:
<ol>
<il><b>Berbagai Peralatan Teknologi Informasi dan Telekomunikasi</b></il>
    <ul>
     <il>Peralatan Telekomunikasi</il>
     <il>Komputer dan Internet</il>
    </ul>
<il><b>Sejarah Teknologi Informasi dan Telekomunikasi</il>
    <ul>
      <il>Sejarah dan Perkembangan Teknologi Komunikasi</il>
    </ul>
</ol>
Result:

    Berbagai Peralatan Teknologi Informasi dan Telekomunikasi
      Peralatan Telekomunikasi Komputer dan Internet
    Sejarah Teknologi Informasi dan Telekomunikasi
      Sejarah dan Perkembangan Teknologi Komunikasi

Membuat style

Berikut adalah Atribut yang digunakan:
    Bulleted
      style="list-style-type: Disc" (Lingkaran bewarna Hitam style="list-style-type: Circle" (Lingkaran bewarna putih) style="list-style-type: Square" (Persegi empat bewarna hitam)
    Numbered
      style="list-style-type: Decimal" (1,2,3,4,..) style="list-style-type: Decimal-leading-zero" (01,02,03,04,...) style="list-style-type: lower-roman" (i,ii,iii,iv,...) style="list-style-type: Upper-roman" (I,II,III,IV,...) style="list-style-type: Lower-alpha" (a,b,c,d,e,...) style="list-style-type: Upper-alpha" (A,B,C,D,E,...) style="list-style-type: None" (Tidak menggunakan apapun:p)
Cara peggunaan nya adalah memasukkan salah satu atribut style tersebut ke dalam tag <ul> ataupun <ol>

 Contoh:
<ul style="list-style-type: Decimal"></ul>
<ol style="list-style-type: Decimal"></ul>
Share:
Read More

Minggu, 05 Maret 2017

Struktur Dasar HTML 5 (Part 2)

Tidak ada komentar

Kemaren sudah kita bahas yang part 1, sekarang kita akan melanjutkannya.
Langsung saja seperti kemarin, saya akan langsung membahasnya:

1.Penggunaan tag <br>

Tag <br> ditujukan untuk membuat baris, berbeda dengan paragraf, teks baris tidak menambahkan jarak saat menambahkan baris diantara satu baris dengan baris lainya.
Tag diawali <br> dan diakhiri oleh </br>
contoh:

 <br>Saat kulihat matamu tanpa sengaja</br>
<br>Baru tersadar aku memiliki perasaan</br>
<br>Perasaan yang nanti membuatku tersiksa</br>
<br>Sampai akhirnya terjatuh dilubang yang sama</br>

Result:

Saat kulihat matamu tanpa sengaja
Baru tersadar aku memiliki perasaan
Perasaan yang nanti membuatku tersiksa
Sampai akhirnya terjatuh dilubang yang sama

2.Membuat Judul/Title

Ini cukup gampang, dengan menulis <title> tulis judul disini </title> setelah <head>
contoh:

<head>
      <title>Hello World!</title>
</head>

3.Membuat Metatags

Penjelasannya cukup rumit, salah satu contoh fungsi metatags adalah untuk mendata keyword yang akan dibaca oleh Search Engine.
Dalam membuat metatags dibutuhkan dua atribut, yaitu name dan content.

Contoh:

<meta name="keywords" content="Struktur HTML 5, Dasar HTML 5">

Selain itu, metatags juga berfungsi untuk pengalihan situs, yaitu mengalihkan/membawa pengunjung ke situs lain,namun berbeda dengan Hyperlink.

Contoh:

<meta http-equiv="refresh" content="5;url=http://www.inisitus.com/">


4.Menulis tag comment

Ini cuma berfungsi untuk menampilkan comment/sepatah kata yang di tulis dalam sebuah script, bukan untuk teks. comment ini tidak akan dibaca oleh mesin.
Kode nya adalah menulis <!-- disertai dengan teksnya dan diakhiri  dengan -->

contoh:

<head>
      <!-- Buatlah sebuah title -->
</head>

Cukup segini saja pembahasannya, part ini mungkin tidak akan dilanjutkan lagi dan akan digantikan oleh pembahasan yang lebih spesifik lagi. Terima Kasih...
Share:
Read More

Rabu, 01 Maret 2017

Struktur Dasar HTML 5 (Part 1)

Tidak ada komentar
www.w3.org

 To the pointnya aja, kali ini kita akan membahas tentang html secara dasar.

1.Membuat Document type

Ini merupakan langkah awal kita untuk membuat script, bahasa yang akan kita gunakan akan bergantung pada ini.
Karena kali ini kita membuat script html, maka berikut adalah codenya:

 <!DOCTYPE html>

  Lihat Halaman Blog Aslinya DISINI..

2.Membuat HTML,Head,Body

Ini adalah langkah kedua untuk membuat sruktur, tanpa ini semua kode yang kita masukkan tidak akan berfungsi. karena ketiga code ini digunakan untuk membuat struktur yang berbeda beda yang terletak pada tempat yang berbeda pula.
Berikut adalah codenya:

Untuk HTML: <html>......</html>//diawali dengan <html> dan diakhiri dengan </html>
Untuk HEAD: <head>......</head>//diawali dengan <head> dan diakhiri dengan </head>
Untuk BODY: <body>......</body>//diawali dengan <body>dan diakhiri dengan </body>

Jadi kalau misalnya semuanya digabung, maka akan menjadi:

<!DOCTYPE html>
<html>
   <head>
    
   </head>
   <body>

   </body>
</html>

 Lihat Halaman Blog Aslinya DISINI..

3.Membuat Title

Untuk membuat title/judul, maka mudah saja anda cukup memasukkan code berikut kedalam kolom <head> tadi. seperti:

codenya: <title>Masukkan judul</title>

<head>
 <title>Ini Judul ya?</title>

Lihat Halaman Blog Aslinya DISINI..

4.Membuat Heading

Heading sama seperti judul, namun konteksnya kecil. seperti untuk subjudul, subbab, atau topik yang akan dibahas. Seperti apa heading? seperti yang diatas(4.Membuat Heading).Setiap heading memiliki tingkatan yang berbeda, makin besar angka headingnya, makin kecilu ukurannya.
Saat ini, tingkatan heading hanya sampai <h6>
berikut adalah kodenya:

<h1>......</h1>
<h2>......</h2>
<h3>......</h3>
<h4>......</h4>
<h5>......</h5>
<h6>......</h6>

Contohnya:

Heading 1

Heading2

Heading3

Heading4

Heading5
Heading6

5.Membuat Paragraf

Ya...begitulah, anak SD juga tau kalau begini.
berikut kodenya:

<p>......</p>

Contoh:
code:

 <p>Dua orang pemabuk berjalan bersama, pemabuk pertama berkata kepada yang lain,"sungguh malam yang indah, kita bisa melihat bulan."</p>
<p>Pemabuk kedua membantah dan berkata."Kau salah, itu adalah matahari."</p>
<p>Mereka Mulai mulai bertengkar, dan datanglah pemabuk ketiga."Pak, bisa selesaikan perdebatan kami, apa yang ada di langit itu? bulan atau matahari"</p>
<p>Pemabuk ketiga berkata,"hmm, saya tidak tahu, saya tidak tinggal disini."</p>

 Result:

Dua orang pemabuk berjalan bersama, pemabuk pertama berkata kepada yang lain,"sungguh malam yang indah, kita bisa melihat bulan."
Pemabuk kedua membantah dan berkata."Kau salah, itu adalah matahari."
Mereka Mulai mulai bertengkar, dan datanglah pemabuk ketiga."Pak, bisa selesaikan perdebatan kami, apa yang ada di langit itu? bulan atau matahari"
Pemabuk ketiga berkata,"hmm, saya tidak tahu, saya tidak tinggal disini."

Lihat Halaman Blog Aslinya DISINI..

 Oke, Cukup sekian saja.Terima Kasih telah membaca...
Share:
Read More

Welcome

Welcome
Bintang Satria Ikram. Diberdayakan oleh Blogger.

Kontributor