Skip to content

Instantly share code, notes, and snippets.

@eirworks
Created December 11, 2011 13:30
Show Gist options
  • Save eirworks/1460628 to your computer and use it in GitHub Desktop.
Save eirworks/1460628 to your computer and use it in GitHub Desktop.
Haml example in Indonesian language
!!! 5
%html
%head
%title Judul Halaman
%link{:rel => 'stylesheet', :href => 'style.css'}
%body
%h1 Heading 1
%p
Ini adalah paragraf
yang terdiri dari
beberapa baris tapi
masih dalam satu
tag yaitu P (paragraf)
%div
%p
%strong
Contoh Nested tag.
Baris ini masih terdapat dalam tag p namun tidak lagi didalam tag strong, perhatikan tab baris ini dengan baris diatas.
%p
Attribut tag seperti href, title, rel, class, ID, dll dapat dibuat seperti:
%a{:href => 'http://google.com', :title => 'Klik ke situs Google'} Google.com
%div.box
Ini adalah tag div yang telah diberi class bernama 'box'. Hal yang sama juga berlaku pada ID
%div#container
Ini adalah tag div yang telah diberi ID bernama 'container'
%div{:class=>'box'}
Sama seperti diatas, ini juga div yang diberi class bernama 'box'
%div{:id => 'container'}
Sama seperti diatas, ini juga div yang diberi ID bernama 'container'
#container
Div dan class juga bisa dicurangi dengan langsung memberi #container tanpa harus menulis %div#container.
.content
Berlaku juga dengan class.
=# Ini adalah contoh komentar yang tidak akan dicompile.
/ Sedangkan ini adalah komentar yang akan dicompile menjadi <!-- --> (komentar Html)
/[if IE]
%p
Baris diatas adalah contoh komentar kondisional.
Dan semua kode yang ada didalam tag itu hanya akan ditampilkan jika memenuhi kondisinya,
dalam hal ini adalah jika browsernya adalah Internet Explorer maka paragraf ini akan ditampilkan
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment