HTML iframe

by Firmansssyah March 01, 2017 HTML

Membuat Favicon Dengan HTML

by Firmansssyah February 28, 2017 HTML

Assalamualaikum Wr Wb.

A. Pengertian
Favicon adalah icon utama yang muncul padd address bar suatu website dan merupakan logo dari website tersebut , Juga dikenal sebagai shortcut icon, Web site icon, URL icon, or bookmark icon.

B. Latar Belakang
Mempunyai ciri kahs tersendiri dari sebuah website adalah sebuah keunikan tersendiri. Dengan menggunakan Favicon website kita bisa memiliki cira khas.

C. Maksud dan Tujuan
Mampu membuat favicon dengan HTMl.

D. Alat dan Bahan

Text Editor
Web Browser
Gambar atau sebuah icon, png dan jpg.

E. Pembahasan
Langkah awal untuk membuat faicon adalah kita harus mempersiapkan dulu file gambar yang kita jadi kan sebagai icon faicon pada website kita.
Baik itu gambar yang berekstensi jpg, png dan biasanya menggunkan file gambar yang berekstensi .ico.
Saya tidak begitu tau pasti apa perbedaan dari penggunaan file jpg, png atau ico. Mungkin kalau menggunakan file .ico agak lebih ringan. Karena file jpg yang diconvert ke ico akaan mengubah ukuran dan resulusi nya menjadi sangat kecil.

Covert File .jpg, png ke ico

Sekarang sudah banyak sekali tool onlinne yang bisa kita gunakan untuk mengconvert jpg/png ke ekstensi ico. Teman-teman bisa mengunjungi situs pembuat file ico online gratis berikut :

Setelah kita memiliki file gambar yang akan kita jadikan favicon selanjutnya masuk ke cara membuat favicon dengan html. Untuk membuat favicon dengan html. kita bisa menggunkan tag <link>. Contoh pengunaannya sebagai berikut. letakkan code di dalam tag <head>.

<link rel="shortcut icon" href="letakkan lokasi file gambar disini">

atau

<link rel="shortcut icon" href="frmn.ico">

atau

<link rel="shortcut icon" href="frmn.png">

atau

<link rel="shortcut icon" href="frmn.jpg">

Sesuaikan dengan ekstensi yang kita pakai

F. Refrensi

Semoga bermanfaat Wassalmualaikum Wr Wb.

Membuat form pada HTML

by Firmansssyah February 27, 2017 HTML

Assalamualaikum Wr Wb.

A. Pengertian
Form merupakan tempat penginputan data sebelum diproses oleh sistem. Salah satunya adalah form login, form comment, form data user, dan lain sebgainya.

B. Maksud dan Tujuan
Dalam sebuah website pasti sering kita temui macam-macam form, misalnya form login facebook. Dalam bab ini kita akan belajar cara membuat form dan memahami setiap fungsi-fungsi dari tiap form.

C. Pembahasan

Tag <form>

Dalam tag <form> ini dibutuhkan beberapa atribut untuk memproses data yang akan dikirim. dan biasanya nilai yang dikirim berupa alamat dari sebuah halaman untuk memproses data inputan. dan atribut kedua beruoa method. method ini menjelaskan bagaimana data yang akan dikirim oleh browser. nilai dari method ini biasanya get atau post. Berikut contoh penulisan <form> pada HTML :

......isikan dengan.....

</form>

Tag <input>

Tag <input> merupakan tag yang akan digunakan dalam form pengisian. tag input ini memiliki banyak sekali yang bisa digunakan. Misalkan isian teks, password, checkbox, radiobutton, sampai dengan kontrol submit berada dalam tag <input>.

Berikut beberapa bentuk dalam keluarga tag <input> yang dikategorikan berdasarkan atribut:

<input type="text"> textbox yang bisa menerima inputan text mislakan username.
<input type="password"> textbox yang menerima inputan text, akan tetapi text yang diinputkan akan tampil sebagai tanda bintang.
<input type="submit"> inputan ini berupa tombol (button) untuk memproses data inputan dari form.
<input type="checkbox"> inputan berupa checkbox yang dapat di ceklis oleh user.
<input type="radio"> inputan yang berupa radio grup, diman user dapat memilih salah satu dari pilihan yang disediakan.

Tag <textarea>

<textarea> merupakan tag yang sama fungsinya dengan inputan text, hanya saja pada textarea ini dapat diisikan dengan lebih banyak teks didalmanya.

Berikut contoh penulisan textarea :

isikan pesan anda

Tag <select>

<select> merupakan tag yang digunakan untuk user memilih data yang sudah disediakan. Dalam penggunaan select selalu diikuti oleh tag <option> yang digunakan untuk membuat pilihan.

Berikut contoh penulisan <select> pada html :

<option>Semarang</option>

<option>Bandung</option>

</select>

Atribut name

atribut name merupakan atribut yang nilainya akan digunakan pada saat memproses data oleh web server, berikut contoh penulisan yang menggunakan atribut name

nama : <input type="text" name="nama"><br/>

alamat : <input type="text" name="alamat"></br/>

password : <input type="password" name="pass"><br/>

Untuk lebi jelas membuat form dengan menggunakan HTML, perhatikan contoh berikut :

<!DOCTYPE html>

<html>

<head>

<title>Belajar Membuat Form pada HTML</title>

</head>

<body>

<form>

nama : <input type="text" name="nama"><br/>

alamat : <input type="text" name="alamat"></br/>

password : <input type="password" name="pass"><br/>

Jenis Kelamin :

Laki - Laki

Perempuan

<br/>

bahas pemograman yang dikuasai :

<input type="checkbox" name="web"> Web

<input type="checkbox" name="mobile"> MOBILE

<input type="checkbox" name="desk"> DESKTOP

<br/>

kota asal :

<option>Semarang</option>

<option>Bandung</option>

</select>

<br/>

pesan anda :

</textarea>

<br/>

</form>

</body>

</html>

Dan hasilnya ketika ditampilakan di web browser :

E. Refrensi

http://www.malasngoding.com/belajar-html-membuat-form-pada-html

Semoga Bermanfaat , Wassalmualaikum wr wb.

Membuat Tabel di HTML

by Firmansssyah February 23, 2017 HTML

HMTL Hyperlinks

by Firmansssyah February 22, 2017 HTML

Membuat List di HTML

by Firmansssyah February 21, 2017 HTML

Heading pada HTML

by Firmansssyah February 20, 2017 HTML

A. Pengertian

Heading merupakan element atau tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman web. Element tag heading ini memmilki enam tingkatan yang berurutan yaitu <h1>,<h2>,<h3>,<h4>,<h5>,<h6> yang bisa digunakan untuk menambah ke struktur halaman web. Perbedaan masing-masing heading yaitu besar hinggga kecik teks. Contoh tag/element <h1> lebih besar dari element/tag <h2> dan sterusnya.

B. Latar Belakang
Bisanya kita membutuhkan teks yang cukup besar untuk sebuah judul dan teks yang kecil untuk isi berita, dengan heading kita dapat mengatur besar kecil teks tersebut.

C. Alat dan Bahan

Text Editor
Web Browser

D. Maksud dan Tujuan
Mampu memahami dan menerapkan headin pada html.

E. Pembahasan
Penggunaan masing-masing heading berbeda, berikut penggunaan masing masing tag/element heading yang sedang digunakan pada pengelolahan halaman web :

<h1> heading yang digunakan untuk peenulisan judul utama dari dokument.
<h2> heading yang digunakan sebagai sub <h1>.
<h3> heading yang digunakan sebagai sub <h2>.
Untuk penggunaan <h4><h5><h6> tergantung programer sendiri untuk memperindah halaman web.

Berikut contoh penerapan masing-masing element/tag heading:

dan hasil yang ditampilkan di browser dari koding diatas.

heading 1

contoh penulisan heading

Dari contoh yang diatas dapat anda lihat perbedaan antara masing-masing heading. Penulisan heading boleh digunakan didalam jenis tag yang lain. Berikut contoh penggunaan element heading didalam tag lain.

Contoh diatas yaitu penggunaan tag heading yang berada didalam tag <a>. Sedangkan href digunakan untuk menghubungkan dengan dokumen /link yang lain. ketika diklik pada "ini adalah heading 1 | FRMN28 VLOG" akan dialihkan ke halaman https://mfirmans28-blc-klaten.blogspot.co.id

F. Kesimpulan
Salah satu fungsi dari tag heading ini adalah untnuk merapikan struktur penulisan dalam html, misalkan penulisan judul yang menggunkan text yang lebih besar dari sub judul.

G. Refrensi