Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

HTML : Perbedaan b:if dengan b:else

  June 20, 2016      No comments   Edit

hai sob,what's app iseng-iseng sholeh nih mau ngebahas tentang perbedaan dan pengertian </b:if> dengan <b:else/> , kadang kita jumpa fungsi </b:if> . Mereka berdua pada dasarnya masih memiliki tugas yang sama yaitu untuk menciptakan kondisi seperti halnya peraturan if dalam JavaScript. <b:else/> contohnya Jika kondisi terpenuhi, lakukan A. Jika tidak, lakukan B.
untuk memperjelas lihat contoh dibawah :

</b:if> Jika data yang diminta (Sholeh) terpenuhi maka (Ganteng) 

<b:if cond='Sholeh'>

    Ganteng

</b:if>

<b:else/> digunakan untuk menyatakan perintah cadangan jika tugas yang diberikan tidak terpenuhi. Jika Sholeh, tuliskan Ganteng. Jika bukan Sholeh, tuliskan Jelek!

Satu contoh nyata bisa kita ambil dari Meta Tag SEO yang ada di template blog kita

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <meta content='Article' property='og:type'/>
<b:else/>
  <meta content='Website' property='og:type'/>
</b:if>
Koding Meta Tag diatas meminta untuk menampilkan keterangan jenis Article apa bila link yang kita share di facebook adalah halaman posting / artikel, jika bukan keterangan jenisnya adalah Website.
begitulah mudah-mudahan terbantu dan menambah sedikit wawasan kepada sobat , terima kasih telah mengunjungi blog Sholeh, jika ada saran atau tambahan bisa komentar dibawah menggunakan media yang kamu suka . ^.^ see you next article

Belajar HTML Part 3 : Mengenal Tag, Element, Atribut HTML

  May 14, 2016   ,   No comments   Edit

Belajar HTML Mengenal Tag, Element, Atribut HTML

Stetelah pengenalan HTML, Text Editor pada tutorial sebelumnya. kini kita akan memasuki tutorial pengenalan dan penggunaan Tag, Element dan Atribut dalam HTMl. Ketiga pembahasan ini merupakan dasar dalam penulisan kode HTML atau dasar dari seluruh tampilan halaman web yang ada di internet.

Tag HTML

Tag merupakan kode yang digunakan untuk memperkenalkan pada web brawser untuk apa text HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web brawser baik text itu berupa list, paragraf, link dan sebagainya. disinilah di gunakan tag. dalam penlisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang dimaksudkan berada diantara pembuka dan penutup tag. berikut penulisan tag yang diguanakan dalam HTML
perbedaan antara tag pembuka dan tag penutup yaitu, pada tag pembuka diawali kurung sudut pembuka, tag yang dimaksud, dan diakhiri dengan kurung sudut penutup. sedangkan pada penutup tag itu diawali dengan kurung sudut pembuka, backslash, tag yang dimaksud, dan diakhiri dengan penutup kurung sudut.

jenis tag yang sering digunakan dalam html

berikut beberapa jenis tag yang siring anda jumpai kalo di web programing :
TagFungsi
<!– ….–>Digunakan untuk memberi sebuah komentar atau keterangan
<!DOCTYPE html>digunakan untuk Mendefinisikan tipe document
<a>Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
<b>membuat teks menjadi tebal
<p>membuat pargraf
<h1>membuat heading satu
<h2>membuat heading dua
<body>mendefinisikan body/isi dokument html
<head>mendefinisikan bagian kepala dokumen html
<title>memdefiniskan judul halaman
<div>mendefinisikan halaman
<link>mendefinisikan hubungan antar dokumen
<script>Mendefinisikan client-side script
<table>mendefinisikan tabel
<th>Mendefinisikan sel header di dalam  sebuah tabel
<td>Mendefinisikan sel di dalam sebuah tabel
<tr>Membuat baris di dalam sebuah tabel
<ul>Mendefinisikan daftar dalam format bullet
<li>mendefinisikan list

Element HTML

Element pada HTML merupakan isi atau objek yang berada tag. maksdunya, isi yang ada diantara tag pembuka dan tag penutup (termasuk jenis itu sendiri) misalkan :
pada contoh diatas <h2> ini adalah heading dua <h2> merupakan element h2 dan isinya ini adalah heading dua. dalam element ini bisa berupa text ataupun tag lain misalnya <link> dan sebagainya.

Atribut pada HTML

Atribut merupakan informasi tambahan yang digunakan di dalam tag pembuka. informasi ini bisa berupa instruksi untuk memberikan efek warni, ketebalan, dll.  atribut bisanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulisname=”value”. penulisan nilai/value diapit oleh dua tanda kutip (bisa digunakan kutip satu atau kutip dua).
penulisan atribut pada HTML diawali dengan penulisan tag, didalam tag berikan atribut dan element dari tag itu sendiri berikut contoh penulisan atribut pada HTML :
  • <h2> adalah tag heading 2
  • align adalah nama dari atribut
  • center adalah nilai dari atribut
  • pengenalan atribut HTML adalah element dari tag h2
tidak semua tag ini membutuhkan atribut di dalamnya, namun bagi anda yang begelut di web programing akan sering menjumpai tag yang didalamnya terdapat atribut.
Belajar HTML Mengenal Tag, Element, Atribut HTML
pada HTML ini banyak sekali atribut yang bisa digunakan tetapi hanya cocok untuk tag-tag tertentu saja. misalkan penggunaan atribut href yang hayan bisa diguanakan pada tag <a> beberapa tag lain.

Belajar HTML Part 2 : Memilih Text Editor

  May 14, 2016   ,   No comments   Edit

Belajar HTML Memilih Text Editor

Untuk anda yang baru mau belajar bahasa pemrograman, disini khusunya pemrograman web tentulah berfikir bagaimana saya membuat, dan apa yang harus saya gunakan untuk membuat  program ? berikut kami sediakan jawaban yang mungkin terbesit dalam hati/pikiran anda yang baru mau belajar bahasa pemrograman. sebelum kita memulai cara penulisan HTMLterlebih dahulu yang harus anda sediakan adalah text editor dan browser.
Text Editor merupakan aplikasi yang digunakan untuk menulis syntax atau kode program, disini khususnya untuk penulisan kode program HTML itu sendiri. Text editor sendiri sangatlah banyak yang bisa digunakan untuk penulisan kode HTML, seperti Nodepad yang disediakan oleh sistem operasi windows, TextEdit yang disediakan oleh sistem operasi Mac dan Nano yang disediakan oleh sistem operasi linux. Text editor berbeda dengan Word Processor (Microsoft Word, King Soft, WordPerfect). Itu dikarenakan text editor tidak bisa digunakan untuk mengatur format document serta tidak disediakan fitur-fitur yang bisa digunakan untuk desktop publishing.
Browser merupakan aplikasi yang akan kita gunakan untuk menjalankan code program html yang sudah kita tulis. browser ini ialah syarat yang harus anda penuhi jika anda belajar web programing. untuk browser itu sendiri bisa digunakan yang sudah disediakan oleh sistem operasi langsung ataupun bisa juga digunakan aplikasi browser yang lain misalnya Mozilla Firefox, Opera, Chrome dan sebagainya. Belajar HTML Memilih Text Editor

Belajar HTML Memilih Text Editor

berikut beberapa text editor yang kami sarankan untuk digunakan dalam penulisan code program bagi anda yang baru belajar bahasa pemograman.
  1. sublime text. Text editor yang paling banyak digunakan oleh programer, editor ini memiliki tampilan yang elegan yang khas dengan warna kecoklatannya.  Editor ini tersedia untuk windows, Mac, dan Linux. Untuk anda yang ingin menggunakan sublime bisa di download disini
  2. notepad++. Text editor ini khusus bisa digunakan untuk windows dan free lisensi (dalam artian bebas digunakan tanpa mengeluarkan biaya). Editor ini memili ciri khas tersendiri dan banyak fitur-fitur yang bisa diinstall di text editor ini. untuk anda yang ingin menggunakan text editor notepad++ bida di download disini
  3. Atom. Text editor ini hampir sama dengan sublime namun text ini agak sedikit lebih berat jika dibandingkan dengan sublime. Editor ini bisa digunakan oleh platform Mac, Windows, dan Linux. untukanda yang ingin menggunakan text editor ini bisa di download di sini
  4. Brackest. Text editor ini memiliki kriteria tersendiri dan hampir sama dengan Atom. editor ini bisa digunakan untuk Platform Mac, Windows dan Linux. untuk anda yang ingin bergelut dengan brackest bisa di download disini
  5.  Netbeans.  Text editor ini merupakan salah satu favorit programer. namun text editor bisa di kategorikan lebih berat dari text editor lain yang disebutkan di atas. kemudahan text editor ini adalah tampilan kode program yang ditulis lebih rapi. untuk anda yang ingin menikmati editor ini bisa di download disini
itulah beberapa list text editor yang bisa versi malasngoding.com yang bisa digunakan untuk menilis code HTML. Text editor ini selain bisa digunakan untuk menulis code html bisa juga untuk meulis code program lainnya seperti php,CSS, JavaScript, dan beberapa code program unutk dektop.
jadi kesimpulannya, sebelum memulai penulisan kode program yang harus anda penuhi terlebih dahulu adalah text editor yang digunakan dan browser untuk menjalankan code program. sekian Belajar HTML Memilih Text Editor.

Belajar HTML Part 1 : Pengertian HTML

  May 14, 2016   ,   No comments   Edit


Belajar HTML Dasar Pengertian HTML

Apa itu HTMl ? mungkin pertanyaan inilah yang terbersit pada benak anda yang baru mulai masuk kedalam dunia web programming. HTML merupakan bahasa pemograman dasar yang wajib di kuasai bagi seorang web developer. karena HTML merupakan unsur dasar dari pembangunan sebuah website. jika di ibaratkan HTML menjadi pondasi pada sebuah rumah atau bangunan. karena bentuk pada halaman website di buat menggunakan HTML. pada judul artikel Belajar HTML Part 1 : Pengertian HTML ini akan di jelaskan tentang pengertian dari HTML dan sekilas tentang sejarah HTML dan perkembangannya. oleh karena itu anda bisa menyimak artikel berikut ini tentang Pengertian HTML.

Pengertian HTML

HTML (Hyper Text Markup Language) adalah sebuah bahasa pemograman yang digunakan untuk membuat sebuah halaman website. didalam dunia pemograman berbasis website(Web Programming) html menjadi pondasi dasar pada halaman website. sebuah file HTML di di simpan dengan ekstensi .html (dot html) dan dapat di eksekusi atau diakses menggunakan web browser(Google Chrome, Mozilla Firefox, Opera, Safari dan lain-lain). seperti yang sudah di jelaskan HTML adalah dasar dari sebuah website. untuk membuat sebuah website tidak cukup hanya menggunakan HTML, kita memerlukan bantuan CSS, JavaScript dan PHP untuk membuat sebuah website yang dinamis. jika halaman website dibuat hanya menggunakan HTML saja maka halaman website tersebut di sebut halaman statis karena tidak memiliki aksi atau fungsi-fungsi yang dapat mengelola website. tentu developer akan sangat di sibukkan dengan harus mengubah lagi file HTML setiap ingin mengupdate artikel.
HTML memiliki beberapa element yang tersusun dari tag-tag yang memiliki fungsi nya masing-masing. seperti tag heading, paragraf, pembuatan form, tombol, list, membuat hyperlink atau link yang menghubungkan antar halaman website dan banyak lagi lainnya yang akan malasngoding.com bahas pada artikel belajar HTML dasar selanjutnya di malasngoding.com.

Kegunaan HTML

HTML berfungsi sebagai pondasi sebuah halaman website. adapun yang dapat di lakukan dengan HTML adalah sebagai berikut :
  • Membungkus element-element tertentu sesuai kebutuhan
  • Membuat heading atau format judul
  • Membuat Tabel
  • Membuat List
  • Membuat Paragraf
  • Membuat  Form
  • Membuat Tombol
  • Membuat Garis
  • Membuat huruf tebal
  • Membuat huruf miring
  • Menampilkan gambar
  • Menampilkan video
Dan banyak lainnya yang akan kita pelajari di artikel malasngoding.com selanjutnya
Sampai saat ini HTML sudah sampai pada versi 5. HTML5 sudah memiliki banyak sekali fitur tambahan salah satunya dengan HTML5 memungkinkan kita untuk membuat streaming video tanpa bantuan flash. untuk tutorial cara membuat streaming video dengan HTML5 juga akan kita bahas pada tutorial belajar HTML dasar pada artikel selanjutnya di malasngoding.com. Belajar HTML Dasar Pengertian HTML
jadi kesimpulan dari pengertian HTML ini adalah HTML merupakan pondasi dasar dari sebuah pembuatan sebuah website. untuk mengeksekusi atau menjalankan file html harus menggunakan web browser.
Subscribe to: Posts (Atom)