Postingan

Menampilkan postingan dengan label Web Desain

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...

Belajar HTML dasar : Apa itu Tag?

Gambar
Tag adalah salah satu bagian penting yang ada di dalam HTML. Apa itu tag? Tag adalah sebuah penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan kurung <...>, lalu di dalamnya brisi tag dan kadang juga ada yang tambahkan dengan atribut. Contohnya : <a>, <p>, <body>,<head>, dan sebagainya. Tag selalu memiliki pasangan. Ada tag pembuka sebagai awalan dan ada tag penutup sebagai akhiran. Namun ada tag yang tidak memiliki pasangan (tag penutup). Tag penutup di tandai dengan garis miring </...> di depan tag. Contoh : <h1>   Web Desain </h1> <h1>   → sebagai tag pembuka </h1> → sebagai tag penutup Setiap tag memiliki fungsi masing-masing. Ada yang digunakan untuk membuat judul, membuat link, paragraf, dan lain-lain. Tag dasar yang wajib diingat : <html>   → Untuk memualai dokumen HTML <head>    → Untuk membuat bagian head <body>   → Untuk membuat bagian Body (isi) ...

Belajar HTML dasar : Cara membuat Paragraf dan Break di HTML

Gambar
Pada tutorial berlajar HTML ini kita akan membahas tag paragraf dan tag Break. Tag untuk membuat Paragraf dan Break di HTML  Tag untuk membuat Paragraf dan Break : Tag <br> Berfungsi untuk membuat baris baru Tag <p> Berfungsi untuk membuat paragraf baru Contoh <br> : Contoh membuat <br> di HTML   Hasil : Hasil Tag <br> Contoh <p> : Contoh membuat <p> di HTML Hasil : Hasil Tag <p> Contoh <br> dan <p> : Contoh membuat <br> dan <p> di HTML Hasil : Hasil tag <br> dan <p> Dari hasil contoh <br> dan <p> memiliki perbedaan. Tag <br> Tag <br> adalah tag tunggal tanpa diawali tag pembuka dan diakhiri tag penutup. Ia berdiri sendiri . Tag ini dituliskan pada kerangka HTML untuk memberikan perintah "Break Line", artinya mengintruksi baris baru. Tag <p> Tag <p> berfungsi memberi perintah paragraf baru pada halaman HTML, antara baris atau paragraf terbentuk jarak di...