Belajar HTML Colors

Dalam HTML, warna dapat dinyatakan dalam beberapa cara, yaitu color names, HEX, RGB, RGBA, HSLA. Berikut penjelasanya satu persatu.

Color Names

Di HTML anda dapat menuliskam warna dengan nama warnanya, contoh.

<h1 style="background-color: Tomato; color: white;">Tomato</h1> <p style="background-color: Oranges; color: white;"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>

Hasilnya.

Tomato

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Dalam html, terdapat 140 nama warna yang dapat dicoba.

Color RGB

RGB merupakan singkatan dari Red Green blur, untuk menampilkanya dapat menggunakan syntax berikut.
rgb(red, green, blue)
Penulisanya, red green blue diisi dengan angka, angkanya diantara 0 - 255. Contoh.

rgb(255, 0, 0)

rgb(60, 179, 163)

rgb(0, 0, 255)

Color HEX

Untuk menampilkan warna dengan kode hex dapat menggunakan syntax berikut.
#rrggbb
rr merupakan red, gg merupakan green, dan bb merupakan blue. Dengan nilai yang bisa ditulis 0 - 255. Contoh.

#ff0000

#0000ff

#3cb371

Color HSL

HSL merupakan singkatan Hue, Saturarion, dan lightness. Penulisanya sebagai berikut.
hsl(hue, saturatuon, lightness)
Hue merupakan warna yang digunakan, dengan nilai 0 - 360. 0 merupakan merah, 120 hijau, dan 240 biru.
Saturarion merupakan insensitas warna, dengan nilai 0% - 100%. Jika 0% maka warna akan menjadi abu-abu warna tidak terlihat, jika 100% warna akan terlihat seluruhnya.
Lightness adalah kecerahan dari warna. Ditulis dengan nilai 0% - 100%, 0% gelap, 50% normal, 100% putih. Contoh warna HSL.

hsl(0, 100%, 50%)

hsl(240, 100%, 50%)

hsl(147, 50%, 47%)

Color RGBA

RGBA merupakan lanjutan dari RGB, dengan tambahan alpha.
Alpha berfungsi mengatur tranparansi warna, dan bernilai 0 sampai 1. Jika diberi 1 maka warna akan sama seperti aslinya. Jika diberi 0.5 maka warna akan setengah transparan. Jika diberi 0 maka warna transparan. Contoh

rgba(39, 100, 50, 1)

rgba(39, 100, 50, 0.5)

rgba(39, 100, 50, 0)

Color HSLA

Fungsinya sama seperti RGBA, yaitu penambahan alpha pada HSL. Contoh.

hsla(0, 100%, 50%, 1)

hsla(0, 100%, 50%, 0.5)

hsla(0, 100%, 50%, 0)

Sekian postingan saya yang berjudul Belajar HTML Colors.
Jangan lupa baca postingan saya sebelumnya Belajar HTML Comments.

Read more

Belajar HTML Comments

Belajar HTML Comments - Pada postingan ini saya akan membagikan ilmu HTML mengenai komentar. Komentar memiliki fungsi dan harus kalian pelajari dari HTML.
Saya akan menjelaskan satu persatu dari bagian komentar HTML. Dan akan saya mulai Comments.

Comments

Comments berfungsi memberi catatan atau komentar di HTML. Catatan tersebut dapat berfungsi untuk memberi penjelasan mengenai kode html tersebut.
Anda dapat menggunakan Comments dengan tag berikut.

<!-- Komentar disini -->

Penggunaan simbol tanda seru (!) hanya digunakan di tag pembuka, tidak di penutup.
Anda juga dapat meletakan kode html didalam tag komentar, berfungsi seperti debugging.

<!-- Jangan tampilkan tag ini <img border="0" src="pic_trulli.jpg" alt="Trulli"> -->

Perlu diingat, komentar tidak akan muncul di tampilan browser, jadi ini fungsinya untuk membantu edit html.

Itulah penjelasan saya yang singkat ini, semoga dapat menambah ilmu anda.
Sekian postingan saya yang berjudul Belajar HTML Comments.
Jangan lupa baca postingan saya yang berjudul Belajar HTML Pemformatan Teks.

Read more

Belajar HTML Pemformatan Teks

Belajar HTML Pemformatan Teks - Setelah mempelajari mengenai style attribute, kali ini saya akan membagikan tentang pemformatan teks pada HTML.
Di html, anda dapat memberi format atau mengatur tulisan teks menggunakan beberapa tag yang akan kita bahas.
Banyak tag html yang berfungsi mengatur teks html, seperti <b>, <i>, dll.

<b> dan <strong>

Tag <b> dan <strong> memiliki fungsi yang sama, yaitu mengatur teks menjadi tebal. Mereka berdua memiliki perbedaan namun jika ditampilkan di browser tidak akan kelihatan perbedaanya.
Tag <b> berfungsi mengatur teks menjadi tebal tanpa maksud atau secara khusus, jadi agar tulisan itu menjadi tebal saja tanpa maksud lain.
Tag <strong> berfungsi mengatur teks menjadi tebal dengan maksud memberi penegasan kalau kalimat atau kalimat tersebut penting. Contoh.

<b>Teks tebal bold</b>
<strong>Teks tebal strong</strong>

Hasilnya.

Teks tebal bold
Teks tebal strong

<i> dan <em>

Tag <i> dan <em> memiliki fungsi yang sama, yaitu membuat tulisan menjadi miring.
Perbedaan antara <i> dan <em> adalah tag <i> membuat teks miring tanpa maksud tertentu, sedangkan <em> memiliki tujuan yang sama seperti tag strong, yaitu memberi penegasan pada kalimat tersebut bahwa kalimat tersebut penting.

<i>Teks miring i</i>
<em>Teks miring em</em>

Hasilnya.

Teks miring i
Teks miring em

<small>

Tag <small> berfungsi untuk mengatur ukuran huruf teks menjadi lebih kecil dari default. Contoh.

Teks biasa dan <small>Teks kecil</small>.

Hasilnya.

Teks biasa dan Teks kecil.

<mark>

Tag <mark> berfungsi untuk memberi efek stabilo atau menandai teks. Contoh.

Tulisan <mark>ditandai</mark>.

Hasilnya.

Tulisan ditandai.

<del>

Tag ini berfungsi untuk membuat teks menjadi tercoret. Contoh.

Tulisan <del>dicoret</del>.

Hasilnya.

Tulisan Dicoret.

<ins>

Tag ini berfungsi membuat teks menjadi bergaris bawah. Contoh

Kata ini <ins>digarisbawahi</ins>.

Hasil.
.

Kata ini digarisbawahi.

<sup>

Sup merupakan kependekan dari Superscripted. Fungsinya untuk mengatur teks menjadi lebih kecil dan berada di atas, kayak pangkat atau kuatdrat. Contoh.

Hallo ^semua.

Hasilnya.

Hallo ^semua.

<sub>

Tag ini merupakan kependekan dari Subscripted, fungsinya sama seperti tag sebelumnya, cuma posisinya dibawah. Contoh.

Hallo _semua.

Hasilnya.

Hallo _semua.

Itulah beberapa tag-tag yang dapat digunakan untuk pemformatan teks pada HTML.
Sekian postingan saya yang berjudul Belajar HTML Pemformatan Teks.
Jangan lupa baca postingan saya sebelumnya Belajar HTML Style Attribute.

Read more

Macam-Macam Bahasa Pemrograman

Macam-Macam Bahasa Pemrograman Yang Biasa Digunakan - Hallo sobat, ada yang tau bahasa pemrograman. Bahasa pemrograman merupakan bahasanya komputer, tentunya berbeda dengan bahasa manusia. Bahasa pemrograman ada banyak di dunia ini, tentunya tingkatanya berbeda-beda, ada yang susah, ada juga yang mudah. Nah, kali ini saya akan membagikan Macam Macam Pemrograman. Sebelum membahas macamnya, kita simak dulu pengertian Bahasa Pemrograman.

Definisi Bahasa Pemrograman

Bahasa Pemrograman adalah intruksi standar untuk memerintah komputer. Bahasa Pemrograman juga merupakan suatu himpunan aturan sintaks dan sematik yang digunakan untuk mendefinisikan program komputer. Bahasa Pemrograman memungkinkan Programernya untuk menentukan data yang akan diolah komputer, bagaimana data ini diteruskan, dan langkah yang akan diambil dalam berbagai situasi.

Itulah pengertian Bahasa Pemrograman, dan berikutnya adalah Macam-Macam Bahasa Pemrograman, saya tidak akan membahasa semua Bahasa Pemrograman yang ada, saya hanya membahas Bahasa Pemrograman yang umum digunakan.

Macam-Macam Bahasa Pemrograman

1. HTML
HTML (Hypertext Markup Languange) adalah sebuah bahasa markup yang digunakan untuk membuat halaman web, dan menampilkan berbagai informasi dalam web. HTML merupakan dasar dari pemrograman, jadi jika anda akan belajar web, anda harus belakar HTML terlebih dahulu.
2. JavaScript
Javascript adalah Bahasa Pemrograman pada web yang digunakan agar web tersebut menjadi lebih interaktif. Javascript tidaklah harus ada di suatu web, namun kebanyakan web sudah menggunakan Javascript.
3. PHP
PHP (Hypertext PreProcessor) adalah bahasa pemrograman yang digunakan untuk menembangkan web dinamis, OHP juga digunakan untuk mengolah data pada server dan ditampilkan di website.
4. C + +
C + + merupakan bahasa pemrograman yang berorientasi objek. C + + banyak digunakan dibanyak aplikasi. Mempelajari C + + memiliki keuntungan karena akan mudah mempelajari bahasa C lainya, yaitu C dan C #.
5. C #
C # adalah bahasa pemrograman yang berientasi pada objek, dibuat oleh Microsoft sebagai bagian dari Net Framework. C # berbasis bahasa C + + yang telah dipengaruhi aspek-aspek dari bahasa pemrograman lainya, dengan penyederhanaan.
6. C
C banyak digunakan di sistem operasi Apple dan aplikasi kecil lainya, jika anda pengin belajar Apple, maka belajarlah C.
7. Java
Java merupakan bahasa pemrograman berorientasi objek yang dikembangkan oleh Sun Microsystem. Java banyak digunakan di android.
8. Phyton
Phyton banyak digunakan untuk membangun aplikasi berbasis web maupun mobile. Pinerest dan Instragram adalah menggunakan Phyton.

Nah, itulah Maca-Macam Bahasa Pemrograman Yang Sering Digunakan yang dapat saya sampaikan semoga bermanfaat.

Read more