RAJAKADAL FORUM - Tempat Berbagi Info, Ilmu dan Diskusi
 
IndeksIndeks  PortalPortal  PencarianPencarian  PendaftaranPendaftaran  Login  

Share | 
 

 Tutorial Dasar HTML

Topik sebelumnya Topik selanjutnya Go down 
PengirimMessage
Shinigami
Moderator Keparat
Moderator Keparat


Jumlah posting : 12
Join date : 01.10.11
Age : 2015
Lokasi : Simpang Tiga

PostSubyek: Tutorial Dasar HTML   Sun 2 Oct - 14:16

HTML ibarat "kondom" yang berfungsi untuk membungkus kode" yang ada di dalamnya. Kode" tsb digunakan untuk membangun membangun web, memfungsikan perintah tertentu, dll. Dalam setiap file HTML akan selalu didahului dengan tag <HTML> dan diakhiri dengan tag </HTML> 8)

HTML merupakan singkatan dari Hypertext Markup Language yang merupakan bahasa paling standard yang digunakan untuk membuat suatu website. HTML bukanlah merupakan suatu bahasa pemrograman, karena bahasa ini hanya berguna untuk mengontrol tampilan dari suatu halaman (web page) beserta isinya, beda dengan bahasa PHP yang didalamnya dapat mendukung suatu bentuk perulangan (Loop) atau bentuk pengandaian (if-else) sehingga bahasa PHP dapat disebut sebagai suatu bahasa pemrograman. Namun dengan berawal dari bahasa paling dasar ini kita dapat menambahkan obyek-obyek lainnya seperti gambar, suara, video, dan permainan flash dalam suatu dokumen HTML.

Untuk membuat suatu dokumen HTML, perlengkapan yang kita butuhkan adalah sebuah text editor biasa seperti : Notepad atau Wordpad (program standar bawaan dari windows) atau notepad++, bisa juga dengan memakai Dreamweaver.

Ketikan kode HTML di dalam text editor yang kita pakai lalu save (simpan) dengan akhiran (ekstensi) .htm atau .html.

Contoh :
Code:
<html> 
    <head> 
        <title>TUTORIAL HTML</title> 
    </head> 
    <body> 
         
      testing.. testing...
 
    </body> 
</html> 


Kode yang dimulai dengan tanda "<" dan diakhiri dengan tanda ">" (tanpa tanda kutip) merupakan tag-tag HTML. Tag-tag ini menandai bagian-bagian pada halaman situs agar ditampilkan sesuai dengan standar tampilannya. Tag HTML dasar adalah yang kalian lihat diatas, yaitu html, head, dan body, inilah makna "kondom" yang saya maksudkan pada awal pembahasan.
:drunken:

_________________
Kembali Ke Atas Go down
RajaKadal
Admin Jancok
Admin Jancok


Jumlah posting : 532
Join date : 14.08.10
Age : 31
Lokasi : Depan Si Kokom

PostSubyek: Re: Tutorial Dasar HTML   Sun 2 Oct - 14:57

Tag <head> dan </head> digunakan untuk meletakkan informasi-informasi penting yang tidak ditampilkan oleh browser sehingga ketika kita tidak akan melihatnya pada halaman situs.

Tulisan didalam <head> dan </head> hanya dapat dilihat apabila kita mengklik 'View Source' pada browser Internet Explorer, atau 'View Page Source' pada Mozilla Firefox. Keduanya dapat ditemukan dengan klik kanan pada halaman situs yang dilihat. Tag <head> ini umumnya berisi judul (tag <title> dan </title>) dari halaman situs dan beberapa informasi tambahan lainnya.

Tag <body> dan </body> adalah isi dari halaman situs. Disini tulisan, gambar, tabel, kita akan ditampilkan di browser. Itulah mengapa tag ini disebut body atau badan. Ada banyak tag-tag HTML lain yang bisa ditampilkan disini misalnya <img> untuk menampilkan gambar, <p> untuk menampilkan paragraf, <table> untuk menampilkan tabel, dan masih banyak lagi.

Satu hal mendasar lagi yang harus kita ketahui dalam membangun situs adalah penggunaan atribut. Atribut berbeda dengan tag, atribut adalah keterangan untuk tag. Misalnya untuk tag body ada beberapa atribut seperti bgcoorl, dan background. Contohnya seperti dibawah ini,

Code:
<html> 
    <head> 
        <title>TUTORIAL HTML</title> 
    </head> 
    <body bgcolor=red> 
         
        testing.. testing
 
    </body> 
</html> 

Atribut bgcolor=red artinya adalah, "Tampilkan latar belakang merah pada halaman situs..". Sehingga latar belakang dari halaman yang kita buat akan berwarna merah. Atribut-atribut yang lain dapat ditemukan pada bagian tag yang bersangkutan.

_________________
Kembali Ke Atas Go down
http://red-creatives.com
RajaKadal
Admin Jancok
Admin Jancok


Jumlah posting : 532
Join date : 14.08.10
Age : 31
Lokasi : Depan Si Kokom

PostSubyek: Re: Tutorial Dasar HTML   Sun 2 Oct - 15:03

bersambung.. :drunken:

_________________
Kembali Ke Atas Go down
http://red-creatives.com
Sponsored content




PostSubyek: Re: Tutorial Dasar HTML   Today at 17:08

Kembali Ke Atas Go down
 

Tutorial Dasar HTML

Topik sebelumnya Topik selanjutnya Kembali Ke Atas 

 Similar topics

-
» Tutorial Gear Design ?
» Tutorial Design Menggunakan Photoshop
» Apa tutorial kami bermanfaat ? [POLLING]
» YoYo
» [Tutorial] Effective Blog Exchange
Halaman 1 dari 1

Permissions in this forum:Anda tidak dapat menjawab topik
RajaKadal Forum :: Kadal In Web & Design-
Navigasi: