Monday, October 27, 2014

Cara Memasukan Gambar di Dalam HTML

7:49 PM – by 0
gambar_tag_html

Bayangkan apabila di web anda anda berisi tulisan dan tidak ada gambarnya pasti tidak menarik. Gambar di dalam suatu web page merupakan daya penarik bagi pengunjung. Adanya gambar di web anda akan memperindah tampilan. File gambar yang umum digunakan ada 3 jenis format yaitu PNG, GIF, dan JPG. Ketika anda memilih suatu gambar harus memperhatikan dari format gambar yang digunakan karena setiap gambar akan membutuhkan waktu tambahan untuk di download dan memperlambat awal penampilan suatu dokumen dalam browser. Oleh karena itu, berhati-hatilah dalam memilih gambar dan menyertakannya ke dalam suatu dokumen. Untuk menysipkan gambar pada dokumen html di sediakan secara khusus yaitu Tag <img>.

Sintaks penulisannya :

<img src=”namagambar” />

Tag <img> mempunyai atribut di antaranya:

atribut_gambar

Contoh :

<html>
  <head>
    <title>Contoh Posisi Img</title>
  </head>
<body>
     Logo
   <img src="Gambar.jpg" width="223" height="226" align="bottom" alt="Logo"/>
</body>
</html>

 Keterangan :

 Tulisan yang berwarna merah anda ganti dengan nama gambar anda sendiri.
Tulisan yang berwarna hijau adalah ukuran lebar dari gambar tersebut.
Tulisan yang berwarna ungu adalah tinggi dari gambar tersebut.
tulisan yang berwarna biru adalah letak posisi gambar tersebut.

Sunday, October 26, 2014

Struktur Dasar HTML

1:44 AM – by 0
struktur_html


<html>
  <head>
     <title>judul</title>
  </head>
<body>
 . . . sisipan konten untuk ditampilkan di browser . . .
</body>
</html>

Keterangan :


  • Html


Merupakan tag dasar yang mendifinisikan bahwa dokumen adalah dokumen html.
Tag ini merupakan suatu keharusan bagi pemrogram web untuk menuliskannya sebagai tag pertama dalam dokumen html.

Penulisan tag seperti berikut ini :

 <html> pada awal dokumen dan </html> pada akhir dokumen.


  • Head


Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML.

Penulisan tag seperti berikut ini :

<head> di awal setelah <html> dan </head> di akhir section head.

Elemen yang mungkin terdapat pada bagian head adalah title Tag <title>, digunakan untuk memberi judul dokumen pada web. penulisanya adalah sebagai berikut : <title>Judul Dokumen web</title>.


  • Body


Bagian body merupakan isi dari dokumen HTML. Semua informasi yang akan ditampilkan, mulai dari teks, gambar, sound, dan lain-lain, akan ditempatkan di bagian ini. Seperti telah disebutkan di atas, bagian body diawali oleh tag <body> dan ditutup </body>.

Subscribe to: Posts (Atom)