Batik: November 2015

Minggu, 15 November 2015

cara membuat list dalam html

langkah langkah yang harus kita pelajaridalam pembuatan list dalam html salah tag list yang definisikan dengan <ul><ol><li>

Ordered list menggunakan tag <ol>, dan unordered list menggunakan tag <ul>, sedangkan untuk list sendiri menggunakan tag <li>. Penjelasan ini akan lebih mudah jika menggunakan contoh.Berikut adalah contoh kode HTML untuk membuat ordered list menggunakan tag<ol>:

<!DOCTYPE html>
<html>
<head>
  <title>penggunaan tag list </title>
</head>
<body>
  <h1>daftar belanjaan</h1>
  <ol>
  <li>minyak goreng</li>
    <li>sabun mandi</li>
    <li>deterjen</li>
    <li>shampoo</li>
    <li>obat nyamuk</li>
  </ol>
</body>
</html>


Untuk membuat unordered list, tinggal ganti tag <ol> menjadi <ul>.Berikut adalah contoh kode HTML untuk membuat unordered list menggunakan tag<ul>:
<!DOCTYPE html>
<html>
<head>
  <title>penggunaan tag list </title>
</head>
<body>
  <h1>daftar belanjaan</h1>
  <ul>
    <li>minyak goreng</li>
    <li>sabun mandi</li>
    <li>deterjen</li>
    <li>shampoo</li>
    <li>obat nyamuk</li>
  </ul>
</body>
</html>

Sabtu, 14 November 2015

HTML Styles

Seluruh html secara default adalah background putih tulisan hitam, sekarang kita akan mempelajari bagai mana cara agar kita bisa mengubah tulisan dan background sesuka hat kita
Background color
<body bgcolor="red">
<h1>ini heading</h1>
<p>ini paragraf</p>
</body>
NB: cara diatas adalah untuk mengganti background kita dengan warna yang kita suka

Text color
<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>
NB: cara diatas untuk mengganti warna tulisan warna boleh kita ubah sesuka hatikita

HTML Font
<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph.</p>

HTML Size
<h1 style="font-size:300%">This is a heading</h1>
<p style="font-size:160%">This is a paragraph.</p>

Html alignment
<h1 style="text-align:center">Centered Heading</h1>
<p>This is a paragraph.</p>

Minggu, 01 November 2015

Basic Html

Document HTML
Sobat Robot kali ini sobat Robot akan mempelajari Html, setelah sebelumnya membaca tentang apa itu html sekarang sobat akan mempaktikannya untuk yang pertama kita akan membuat html untuk sebuah dokumen disini kita menggunakan heading dan paragraf
<!DOCTYPE html>
<html>
<body>
<h1>Heading pertama saya</h1>
<p> paragraf pertama saya. </p>
</body></html>

HTML Heading
Heading bisa didefinisikan dengan tag <h1> sampai <h6>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

HTML Paragraf
Paragraf bisa didefinisigan dengan tag <p>
<p>ini adalah paragraf</p>
<p>ini adalah paragraf selanjutnya </p>

HTML Image
menambahkan gambar dalam HTML dapat didefinisikan dengan tag <img>
source file (src) alternative text (alt) ukuran (width & height)
<img src="robotikroom.jpg" alt="robotikroom.blogspot.co.id" width="100px" height="100px">

NB: untuk gambar harus menyertakan extention .jpg atau .png

Html

OK sobat robot ,sebelum anda mempelajari bahasa pemrograman robot, alangkah baiknya jika kita menyiapkan secangkir kopi dan ditemani cemilan,
HTML adalah kependekan dari Hypertext Markup Language dan pengertiannya adalah sekumpulan text atau file ASCII yang berisi intruksi atau perintah program untuk web browser untuk menampilkan tampilan grafis sebuah halaman website.
File HTML dapat dibuat menggunakan aplikasi text editor pada semua system operasi,contohnya adalah Notepad di windows atau simple text di Macintosh.
HTML merupakan cross platform karena walau pembuatannya menggunakan operating system tertentu,namun akan memiliki tampilan yang sama disemua operating system.

Sekrang kesimpulannya adalah HTML itu bekerja pada sisi klien/browser sehingga hanya browser yang mendukung HTML yang bisa menampilkannya dengan baik.

Nah itu adalah HTML,lalu apakah yang disebut dengan Tag HTML?....

Tag HTML itu umumnya dibuat secara berpasangan yaitu tag pembuka dan tag penutup.
Web browser akan mecari tag-tag HTML dalam file text , membaca dan kemudian menampilkannya sesuai dengan yang diperintahkan.Tag HTML ditandai dengan karakter "<" ">" .
Format tag HTML adalah <nama tag>Yang ditampilkan</nama tag>

Contoh penggunaan tag HTML
<html>
<head><title> belajar bersama robot </title></head>
<body>
saya akan belajar dengan singguh sungguh
</body>
</html>
Tag tersebut akan memberikan instruksi kepada web browser bahwa anda membuat scrip html dengan nama " belajar bersama robot " dan memiliki isi yaitu ''saya akan belajar dengan sungguh sungguh''

Banyak tag HTML yang selalu berpasangan seperti ini,sebuah tag penutup selalu di beri tanda "/" untuk menghentikan proses tagging kepada web browser.Jadi,jika kita lupa tidak memberikan karakter "/" maka browser akan menganggap tag tersebut sama seperti text biasa lainnya.
tag HTML tidak case sensitif,maksudnya karakter huruf besar maupun huruf kecil sama saja,contoh;
<body> ____</body> sama saja dengan <BODY>____</BODY> .Namun antara tag pembuka dan penutup sebaiknya tidak berbeda jenis karakternya, misal <body>...</BODY>.

Kesalahan dalam menulis tag HTML tidak berakibat buruk pada system komputer,tetapi browser hanya mengabaikan perintah tersebut dan menganggapnya sebagai text biasa.
Browser web dirancang memiliki kemampuan hanya untuk mengenali dan mengeksekusi beberapa Tag HTML dari keseluruhan tag HTML standard dari W3C.
Jika web browser tidak mengenali tag HTML tertentu maka browser akan melewatinya saja seakan hanya text biasa lainnya.

Laman