Monday, July 31, 2017

Tag iFrame Pada HTML

     No comments

Muhammad Aqshol Rifanza - iframe merupakan sebuah tag HTML yang berfungsi untuk menampilkan halaman website tanpa harus membuka website tersebut. Jadi apabila anda ingin menampilkan website lain dalam halaman web anda maka anda bisa menggunakan tag <iframe> untuk menampilkanya. Caranya sangat mudah, anda hanya perlu menambah atribut src=" " pada tag pembuka <iframe> untuk meletakkan link url website yang ingin sobat tampilkan. Cara penulisan tag iframe diawali dengan tag pembuka <iframe> dan diakhiri dengan penutup </iframe>


Tag iFrame Pada HTML






Perhatikan contoh diatas. Untuk menampilkan halaman website pada halaman web kawan-kawan bisa menggunakan tag <iframe> dan kemudian diberi atribut src=" " untuk meletakkan link url dari website yang ingin sobat tampilkan. Pada contoh ini kita menampilkan halaman website www.muhammadaqsholrifanza.blogspot.co.id maka akan muncul tampilan halaman web Muhammad Aqshol Rifanza. Cukup Sampai Disini, Sekian Terima Kasih

Referensi

  • http://www.script-kiddies.org
  • http://www.w3school.com

Sunday, July 30, 2017

Gambar Pada HTML

     No comments

Muhammad Aqshol Rifanza - Menampilkan gambar dalam sebuah web sangatlah penting, coba bayangkan apa jadinya jika sebuah web tidak memiliki gambar ? Pasti sangat membosankan. Oleh karna itu menampilkan sebuah gambar sangatlah penting dalam pembuatan web. 

HTML sendiri memiliki tag khusus untuk menampilkan gambar yaitu <img>. Tag image dapat menampilkan gambar dengan berbagai ektensi yaitu png,jpg,jpeg,gif dan lain sebagainya.

Cara Menampilkan Gambar Pada HTML
Untuk menampilkan gambar kita dapat menggunakan tag <img>. Kemudian masukkan atribur "src=" atribut src digunakan untuk menghubungkan gambar. Jadi atribut src ini berfungsi untuk pemanggilan lokasi gambar. Jika file gambar berada satu folder dengan file HTML dengan pekerjaan sobat maka kita tinggal memasukkan nama gambar tersebut. Jika lokasi gambar berada diluar atau berbeda dengan file HTML sobat maka untuk mengisi atribut src kita isi dengan alamat file itu.





Nah gambar sudah bisa terlihat dan untuk mempercantik bisa menambahkan kode CSS.

Referensi

  • http://www.script-kiddies.org
  • http://www.w3school.com

Saturday, July 29, 2017

Evaluasi Hari Sabtu, 29 Juli 2017

     No comments


Muhammad Aqshol Rifanza - Pada hari Sabtu, tanggal 29 Juli 2017 BLC Telkom - KPLI Klaten melaksanakan kegiatan rutin yaitu evaluasi program kerja selama satu minggu.

Pengertian
Evaluasi (bahasa Inggris: Evaluation) adalah proses penilaian. Dalam perusahaan, evaluasi dapat diartikan sebagai proses pengukuran akan evektivitas strategi yang digunakan dalam upaya mencapai tujuan.

Foto Kegiatan
Evaluasi teman-teman BLC Telkom Klaten dari SMK TPE Kroya, SMK Negeri Takeran Magetan, SMK Negeri Bulukumba Makasar, SMK Muhammaddiyah 1 Ajibarang, SMK Negeri 4 Klaten, SMK Negeri 1 Weleri Kendal, SMK Negeri 1 Kota Kediri dan masih banyak lagi dari sekolah-sekolah yang lain termasuk SMK Wikrama 1 Jepara.












Sekian postingan untuk hari ini, semoga evaluasi hari ini dapat menambah wawasan kami. Terima kasih dan jangan lupa komentar yaaa....

Friday, July 28, 2017

Symbol Pada HTML

     No comments

Muhammad Aqshol Rifanza - Selain menyediakan kode warna HTML juga menyediakan kode symbol. Ada dua jenis symbol yang disediakan dalam HTML yaitu number dan entity. Berikut ini kode HTML yang bisa digunakan untuk membuat symbol.

Symbol Pada HTML
SymbolNumberEntity
∀&#8704;&forall;
∂&#8706;&part;
∃&#8707;&exist;
∅&#8709;&empty;
∇&#8711;&nabla;
∈&#8712;&isin;
∉&#8713;&notin;
∋&#8715;&ni;
∏&#8719;&prod;
∑&#8721;&sum;
Α&#913;&Alpha;
Î’&#914;&Beta;
Γ&#915;&Gamma;
Δ&#916;&Delta;
Ε&#917;&Epsilon;
Ζ&#918;&Zeta;
©&#169;&copy;
®&#174;&reg;
€&#8364;&euro;
™&#8482;&trade;
←&#8592;&larr;
↑&#8593;&uarr;
→&#8594;&rarr;
↓&#8595;&darr;
♠&#9824;&spades;
♣&#9827;&clubs;
♥&#9829;&hearts;
♦&#9830;&diams;


Terimakasih itu tadi symbol pada html.

Referensi
  • http://www.script-kiddies.org
  • http://www.w3school.com

Thursday, July 27, 2017

Atribut Form Pada HTML

     No comments

Muhammad Aqshol Rifanza - Dalam pembuatan form pada HTML tentu saja terdapat beberapa atribut yang akan digunakan nantinya pada saat memproses data dengan webserver. Berikut beberapa atribut form yang digunakan saat pembuatan form pada HTML

Sekarang kita akan melanjutkan tutorial belajar HTML penggunaan atribut pada form HTML. Berikut beberapa atribut yang digunakan pada form HTML. Berikut beberapa atribut yang digunakan pada form HTML : 

Atribut Value atribut ini merupakan nilai awal yang akan ditampilkan pada saat menjalankan di browser. 




Atribut Readonly Jika menggunakan atribut ini maka nilai value tidak dapat diubah






Atribut Disabled Atribut ini digunakan mematikan inputan. Maksudnya element disabled dapat digunakan tetapi inputan tidak dapat diganti dan tidak bisa diklik






Atribut Size Atribut ini mengatur lebar kotak inputan



Atribut Maxlength Atribut ini digunakan untuk menentukan jumlah inputan teks yang dibatasi



Atribut List atribut ini untuk menampilkan list pada form input




Atribut Min dan Max Atribut ini menentukan nilai minimum dan maksimum untuk element <input>. Atribut min dan max digunakan untuk jenis inputan seperti : Nomor, Kisaran, Tanggal, Date Time, Date Time Lokal, Bulan, Waktu, Minggu





Placeholder Atribut . Atribut ini digunakan sebagai pengganti file dari file label field.




Referensi
  • http://www.script-kiddies.org
  • http://www.w3school.com

Membuat Form Dengan HTML

     No comments


Muhammad Aqshol Rifanza - Form merupakan proses pengutipan data sebelum diproses oleh sistem. Salah satunya adalah form login, form comment, form data dan form user, dan lain - lain. untuk proses pengutipan data dari form akan kita bahas pada materi PHP, MYSqL, dan Javascript. Tag yang digunakan untuk membuat form ini adalah <form> yang didalamnya dapat kita selipkan <input>, <textarea>, <option> dan <select>.

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 yang kedua berupa method. Method ini menjelaskan bagaimana data yang akan dikirim oleh web browser. Nilai method ini biasanya get atau post.



Tag <input>
Tag input merupakan tag yang akan digunakan dalam form pengisian. Tag input ini memiliki banyak sekali bentuk yang bisa digunakan misalkan isian teks, password, checkbox, radio, sampai dengan tombol submit berada dalam tag <input>.

Ini ada beberapa bentuk dalam keluarga <input> :
  1. <input type="text"> textbox yang bisa menerima inputan text misalkan username atau berupa inputan text yang pendek.
  2. <input type="password"> textbox yang menerima inputan text, akan tetapi text yang diinput akan ditampilkan sebagai tanda bintang atau titik, textbox ini biasanya digunakan untuk memebuat inputan password.
  3. <input type="submit"> inputan berupa tombol (button) untuk memproses data inputan dari form.
  4. <input type="checkbox"> inputan berupa checkbox yang dapat di ceklis oleh user.
  5. <input type="radio"> inputan yang berupa radio group, dimana user dapat memilih salah satu dari pilihan yang disediakan. Salah satu contoh penggunaan dari radio ini adalah jenis kelamin dan sebagainya.



Kesimpulan
Contoh diatas sangatlah sederhana, untuk memperindahnya menggunakan CSS. Dari contoh diatas pula anda dapat melihat dan memahami masing - masing tag atau atribut yang sudah kita bahasSekian postingan kali ini semoga bermanfaat.

Referensi

  • http://www.script-kiddies.org
  • http://www.w3school.com


Wednesday, July 26, 2017

Format Code & Pre Pada HTML

     No comments

Muhammad Aqshol Rifanza - Pada tutorial kali ini saya akan sharing dua tag HTML. Yaitu <code> dan <pre> kedua tag tersebut hampir memiliki fungsi yang sama dan kita akan pelajari fungsi dan cara menggunakanya.

Format Code
Format kode digunakan untuk membuat sebuah text dari code komputer. Format code pada HTML ditulis dengan menggunakan tag <code>. Code ini diletakkan dalam tag <body> yang berada dalam dokumen HTML. Web browser akan menampilkan element atau teks yang berada dalam <code> sama dengan tampilan kita menuliskan kode aplikasi kedalam text editor.

Isi dari tag code tidak akan dieksekusi oleh web browser, tetapi ditampilkan dalam bentuk text yang berformat syntax atau kode program.

<code> pada HTML termasuk kelompok inline event element, dan mengikuti alur text yang ada. Umumnya web browser akan menampilkan text yang berada di dalam tag <code> sama dengan jenis font tag <pre>, yakni dengan font monospace, namun dengan perbedaan bahwa tag <code> akan menghapus semua spasi yang lebih dari 1.

Berikut adalah contoh cara penulisan dan penggunaan tag <code> didalam HTML


Dari contoh diatas dapat kita lihat perbedaan antara <code> dengan <p> . Salah satu perbedaan yang paling menonjol adalah font yang digunakan.

Tag <pre>
Tag <pre> adalah singkatan dari Preformatted Text. Sesuai dengan namanya, tag ini digunakan untuk text yang ‘belum’ diformat. Jika text diinput ke dalam tag <pre>, maka HTML akan menampilkan text tersebut sesuai dengan ‘apa adanya’. Text akan ditampilkan sesuai bagaimana text tersebut di buat, termasuk spasi yang ada.

Tag <pre> termasuk ke dalam kelompok block level element, sehingga akan ditampilkan di baris baru, terpisah dari text yang ada sebelum tag ini.



Kesimpulan
Dari contoh diatas kita dapat melihat perbedaan antara tag <code> dan <pre> . Tag <pre> bersifat Block Element, Sementara <pre> bersifat inline element. Tag <pre> akan menampilkan seluruh element tanpa spasi sementara tag <code> spasi tidak berpengaruh pada tag ini. Jika ada pertanyaan silahkan berikan komentar, Sekian Terima Kasih

Referensi 

  • http://www.script-kiddies.org
  • http://www.w3school.com

Sekian postingan kali ini semoga bermanfaat. 

Tuesday, July 25, 2017

List Pada HTML

     No comments

Muhammad Aqshol Rifanza - List atau data yang berurutan kebawah merupakan tag HTML yang berfungsi untuk menampilkan data secara berurutan kebawah. Dalam penulisan HTML kita menggunakan tag <li> untuk mendefinisikan list. Dalam penggunaan list HTML ada 2 jenis tampilan list yang dapat kita gunakan yaitu ordered list dan unordered list. 
  • Ordered List : Berfungsi untuk menampilkan list dalam bentuk angka. Penulisan tag HTMLnya adalah <ol>
  • Unordered List : Berfungsi untuk menampilkan list dalam bentuk bulatan atau kotak. Penulisan tag HTMLnya adalah <ul>
PENGGUNAAN TAG ORDERED LIST
Kita akan coba membuat list yang diawali dengan huruf atau angka. Berikut contohnya :



PENGGUNAAN TAG UNORDERED LIST
Berikut contoh unordered list pada HTML


Kesimpulan
Dari contoh diatas kita dapat simpulkan sendiri apa perbedaan <ul> dan <ol> . Penggunaan tag list tidak hanya dapat digunakan untuk membuat list saja dengan sedikit sentuhan css dapat digunakan untuk membuat menu navigasi pada halaman web. Jika ada pertanyaan silahkan berikan komentar, Sekian Terima Kasih

Referensi
  • http://www.script-kiddies.org
  • http://www.w3school.com