Sunday, August 7, 2016

Atribut pada HTML

Ketententuan pada  atribut HTML :
  • Semua elemen HTML dapat memiliki atribut
  • Atribut memberikan informasi tambahan tentang elemen
  • Atribut selalu ditentukan dalam tag awal
  • Atribut datang dalam pasangan nama / nilai seperti: name = "value"
Atribut pada HTML
Atribut pada HTML


Atribut Lang
Bahasa dokumen dapat dinyatakan dalam <html> tag.
Bahasa tersebut dinyatakan dalam atribut lang.
Mendeklarasikan bahasa adalah penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin pencari: <!DOCTYPE html>
<html lang="en-US">
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Read More

Tag HTML Headings

Html Headings ini biasanya digunakan untuk Judul yang penting dalam dokumen HTML
Judul didefinisikan dengan < h1 > sampai < h6 > tag .
Contoh Pembuatan tag HTML Heading menggunakan aplikasi text editor
< H1 > mendefinisikan heading yang paling penting . < H6 > mendefinisikan heading yang paling tidak penting

Contoh tag HTML heading  :

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

Browser secara otomatis menambahkan beberapa ruang putih ( margin ) sebelum dan sesudah heading

Apakah Sebuah Judul itu Penting ?
Mesin pencari menggunakan judul untuk mengindeks struktur dan isi dari halaman web Anda .
Pengguna skim halaman Anda dengan judul nya. Hal ini penting untuk menggunakan judul untuk menunjukkan struktur dokumen .
<H1> heading harus digunakan untuk judul utama , diikuti oleh <h2> judul , maka kurang penting <h3> , dan sebagainya .
Judul Gunakan HTML untuk judul saja. Jangan gunakan judul untuk membuat teks BESAR atau tebal .
Aturan Horizontal HTML
The < hr > mendefinisikan istirahat tematik di halaman HTML , dan yang paling sering ditampilkan sebagai aturan horisontal .
The < hr > elemen digunakan untuk memisahkan konten ( atau menentukan perubahan ) dalam sebuah halaman HTML :

contoh tag Html Heading
Contoh tag Html Heading
HTML <head > Elemen
HTML <head > elemen tidak ada hubungannya dengan judul HTML .
<Head > elemen merupakan wadah untuk metadata . metadata HTML adalah data tentang dokumen HTML . Metadata tidak ditampilkan .
<Head > elemen ditempatkan di antara < html > tag dan <body > tag :

Read More

Daftar Aplikasi Text Editor untuk HTML

Menjadi seorang programmer tentunya tidak jauh jauh dengan yang namanya Coding. Sedangkan malakukan Coding paling tidak memerlukan yang namanya "Senjata", Senjata yang dimaksud bukanlah senjata pada umumnya, melainkan sebuah "aplikasi", yakni aplikasi yang wajib dimiliki seorang programmer. Salah satu aplikasi yang sangat membantu programmer dalam proses memprogram adalah aplikasi text editor.

Daftar Aplikasi HTML Text Editor, Daftar Aplikasi Text Editor Terpopuler, Pemilihan Text Editor paling Tepat
Daftar Aplikasi HTML Text Editor, Daftar Aplikasi Text Editor Terpopuler, Pemilihan Text Editor paling Tepat

Mungkin kalian sudah familiar dengan notepad. Ya, itu adalah salah satu aplikasi text editor yang sangat melegenda sampai saat ini. Produk asli dari windows. Namun, sebenarnya masih ada banyak lho aplikasi text editor.


  1. Notepad
    Semua pengguna Windows pasti tahu tentang Notepad. Yaitu sebuah text editor simple yang sudah ada sejak Windows 1.0 di tahun 1985. Dimana fungsi Notepad dianggap masih sama saja dari dulu. 
  2. Notepad ++
    Notepad++ merupakan software gratis yang sangat membantu sobat yang ingin edit HTML atau buat sobat programmer, karena bahasa program yang didukung aplikasi ini juga banyak. Kamu tertarik? Silahkan dilihat dulu di website resminya di http://notepad-plus-plus.org/ disana kamu bisa langsung download untuk versi terbarunya.
  3. Sublime Text
    Aplikasi yang satu ini merupakan aplikasi edit text atau HTML yang banyak disukai oleh programmer termasuk oppung. Selain tampilannya yang menarik, ada lagi satu hal yang membuat oppung senang kalau lagi mengedit HTML menggunakan Sublime Text ini, karena backround text editnya banyak pilihan, dan juga lebih unggul untuk autocompletion text dibandingkan notepad++. Kamu tertarik langsung download ke websitenya http://www.sublimetext.com/
  4. Atom
    Atom adalah program editor teks dan source code berlisensi free open source untuk OS X, Linux, dan Windows. Program ini mendukung plugin berbasis Node.js serta memiliki sistem kontrol versi Git terintegrasi yang dikembangkan oleh Github, Inc.
    Atom berbasis Chromium dan ditulis dalam bahasa CoffeeScript, dan kerap dipergunakan dalam kapasitas penuh sebagai IDE.
    Silakan berkenalan lebih dalam dengan Atom di laman atom.io atau download langsung di github.com/atom/atom/releases
  5. CKEditor
    CKEditor adalah Aplikasi  yang siap pakai untuk editor teks terutama HTML, aplikasi ini dirancang untuk menyederhanakan pembuatan konten web.editor ini telah menggunakan WYSIWYG menggunakan fitur umum yang dipakai dalam bahasa HTML sehari-hari sehingga aplikasi inti mampu membantu meningkatkan kecepatan dalam membuat website anda. Untuk download bisa ke websitenya http://ckeditor.com/download
  6. Komodo Editor
    Komodo Editor adalah editor untuk membuat bahasa pemrograman yang dinamis seperti Perl, PHP, Python, Ruby, dan Tcl, ditambah JavaScript, CSS, HTML, dan XML, dan bahasa template yang seperti RHTML, Template-Toolkit, HTML-smarty dan Django. Membuat Programer bisa lebih mudah dalam membuat program tersebut. Download di http://www.activestate.com/komodo-edit/downloads
  7. Aptana
    Aptana Studio adalah Base Editor Opensource paling lengkap yang meliputi dukungan untuk membuat aplikasi berbasi Ruby dan Rails, PHP, dan aplikasi Python,serta mendukung editing Untuk  HTML, CSS dan JavaScript . Download di http://www.aptana.com/products/studio3/download
Read More