SMK Bina Nasional Informatika

SMK Bina Nasional Informatika

Selasa, 11 November 2014

HTML

HTML Table

Tiga hal penting dari tabel adalah :
  • Tag pembuka tabel : <table>
  • Tag row : <tr>
  • Tag data : <td>
Ok, dengan hal tersebut tertanam di pikiran kita, kita coba membuat sebuah tabel:
Jono Budi
Wati Anjas
Source code dari kode di atas :
Codingku HTML Editori
<table>
<tr><td> Jono </td> <td> Budi </td></tr>
<tr><td> Wati </td> <td> Anjas </td></tr>
</table>


HTML Gambar


HTML Image

  • Tag <img> digunakan untuk menampilkan gambar pada dokumen HTML.
  • Tag <img> termasuk salah satu dari empty element, maksudnya memiliki attribut tetapi tidak memiliki tag penutup.
  • Browser menampilkan gambar anda berdasarkan letak tag <img> di dokumen HTML anda.

Syntax dari HTML image

<img src='url'/>

Penjelasan :
  • <img> adalah tag pembuka.
  • src adalah attribut yang digunakan sebagai informasi darimana url letak gambar yang akan ditampilkan tersimpan.

Codingku HTML Editori
<!DOCTYPE html>

<html>

<body>

<img src="http://cemewew.com/html/sample/street-fighter-4.jpg" />

</body>

</html>

HTML Form

HTML Form digunakan untuk mengirimkan data ke server
HTML Form bisa mengandung elemen-elemen input semisal text fields, button, submit-buttons, check-box dan lain sebagainya.
Tag <form> digunakan untuk mendeklarasikan HTML form.
<form>
.
.
elemen2 input
.
.
</form>


Text Fields

<input type="text"> mendefinisikan sebuah teks input yang bisa diisi oleh user.
<form>
Nama Anda : <input type="text" name="nama">
</form>

HTML Marquee

Pernahkah anda melihat barisan tulisan yang bergerak dari samping kanan kekiri atau dari atas ke bawah pada suatu halaman web?
Itulah fungsi dari HTML marquee.HTML marquee dibuka dengan tag <marquee> dan ditutup dengan tag </marquee>
<marquee attribute="nilai atribut">
...
...
</marquee>

Contoh kode :
<marquee> Contoh sederhana dari HTML marquee </marquee>

<html>

<body>

<marquee direction="right">This text berjalan dari kiri ke kanan</marquee>

</body>

</html>

Tidak ada komentar:

Posting Komentar