Postingan

Menampilkan postingan dengan label koding html

Koding FORM Sederhana di HTML

Gambar
 Contoh 1 : Contoh FORM Sederhana di HTML Koding : <!DOCTYPE html> <head> <title> Form </title> <style type="text/css"> input {background-color:silver; color:blue; border:5px dotted red} </style> </head> <body> <h2> Form Mahasiswa</h2> <form name=form_mahasiswa> NIM: <br> <input name=nim type=text size=20><br></br> Nama: <br> <input name=nama type=text size=40><br></br> <b> Program Studi: </b> <br> <input type=radio name=Program_studi value=SI> Sistem Informasi <input type=radio name=Program_studi value=SK> Sistem Komputer <br></br> <input type=submit name=submit value=Send> <input type=submit name=submit value=Batal> </form> </table> </body> </html> Contoh 2 : Contoh FORM Sederhana di HTML Koding : <!DOCTYPE html> <head> <title> Form </title> <style type=...

Koding Tabel Sederhana di HTML

Gambar
Contoh satu : Contoh Tabel Sederhana di HTML Koding : <!DOCTYPE html> <head> <title> Contoh 1 </title> </head> <body> <h3> Daftar Nama Siswa </h3> <table border=1 cellpadding=3 cellspacing=3> <tr bgcolor=silver> <td align=center>NIM</td> <td align=center>NAMA LENGKAP</td> </tr> <tr> <td> 00000000000010 </td> <td> SARAH </td> </tr> </table> </body> </html> Contoh dua : Contoh Tabel Sederhana di HTML Koding : <!DOCTYPE html> <head> <title> Tbel Daftar Nama Siswa </title> </head> <body> <h3 align=center> Daftar Nama Siswa </h3> <table border=1 cellpadding=3 cellspacing=3 align=center> <tr rowspan=3> <tr bgcolor=red> <td align=center> NO </td> <td align=center> NAMA MAHASISWA </td> <td align=center> NOBP </td> <td align=center> KELAS </td...

Koding Text Berbeda Ukuran di HTML

Gambar
  Contoh Text Berbeda Ukuran HTML Koding : <!DOCTYPE html> <head> <title> Membuat Text Berbeda Ukuran </title> </head> <body> <center> <b> <font face=verdana size=4 color=blue> A big </font> <font face=verdana size=7 color=black> HELLOW </font> <font face=verdana size=4 color=green> from me </font> </b> </center> </body> </html> Keterangan Tag : <!DOCTYPE html> → Untuk deklarasi type dokumen <head>                     → Untuk bagian kepala dokumen <title>                       → Untuk Judul Web <body>                     → Untuk bagian body dari dokume <b>                           →Untuk membuat bercetak t...

Koding Text Berwarna di HTML

Gambar
  Contoh Text Berwarna HTML Koding : <!DOCTYPE html> <html> <head> <title> Text Berwarna </title> </head> <body> <center> <br> <b> <font face=droid_sans_mono size=5 color=black> <u> WEB </u> </font> <font face=droid_sans_mono size=5 color=green> <u> DESAIN </u></font> </b> <br> <font face=droid_sans_mono size=3 color=black> Fungsi Tag br dan Tag p </font> </br> </center> <br> <font face=deja_vu_sans_mono size=3 color=red> Tag br Berfungsi untuk membuat baris baru </font> <br> <font face=verdana size=3 color=pink> Tag p Berfungsi untuk membuat paragraf baru </font> </br> </body> </html>   Keterangan Tag : <!DOCTYPE html> → Untuk deklarasi type dokumen <head>                     → Untuk bagian kepala dokumen <title...

Koding Tabel Berisi Gambar di HTML

Gambar
  Contoh Tabel Berisi Gambar Koding : <!DOCTYPE html> <head> <title> Tabel Berisi Gambar </title> </head> <body style=background-color:red> <table rules=none border=2 width=100%> <td> <h2> <center> <font color=white> Tabel Berisi Gambar </font> </h2> </td> </table> <table rules=none border=2 width=100%> <td> <p> </p> <table align=center border=2 style=bacground-color:red> <tr> <th colspan=3 style=background-color:white> <center> <font size=4 color=black> DAFTAR-DAFTAR PERCOBAAN </th> </tr> <tr> <td> <img src=download_1.jpg width==200 height=200> </td> <td> <img src=byonic.jpg width=200 height=200> </td> <td> <img src=needforspeed_mostwanted.jpg width=200 height=200> </td> </tr> <tr> <td align=center > <b> Download (800 X 600) </b> </td...