Postingan

Menampilkan postingan dari Februari, 2022

Belajar HTML dasar : Apa itu Elemen? Apa itu Atribut?

Gambar
 Elemen dan Atribut termasuk bagian penting di dalam HTML Apa itu Elemen? Elemen dalam HTML adalah sebuah kompunen yang menyusun dokumen HTML. Terkadang elemen juga disebut sebagai node, karena elemen merupakan salah satu jenis node yang menyusun dokumen HTML dalam diagram HTML tree. Sumber : w3schools.com   Pada diagram tersebut terdapat 3 macam node, yaitu node elemen, node atribut, dan node teks. Elemen dibentuk dari tag pembuka, isi tag, dan tag penutup. Terkadang juga ditambahkan dengan beberapa atribut. Contoh : <p align="center">Web Desain</p> Pada contoh yang ada terdapat satu elemen <p> dengan atribut align="center" dan memiliki isi teks Web Desain. Elemen tidak selalu berisi teks, terkadang juga berisi dengan elemen lain. Biasanya disebut dengan nested element atau elemen di dalam elemen. Beberapa elemen HTML terkadang ditambahkan atribut sebagai pelengkap. Apa itu Atribut? Atribut adalah kata khusus yang berada di dalam tag pembuka. Atri...
Posting Komentar
Baca selengkapnya

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=...
Posting Komentar
Baca selengkapnya

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...
Posting Komentar
Baca selengkapnya

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...
Posting Komentar
Baca selengkapnya

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...
Posting Komentar
Baca selengkapnya

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...
Posting Komentar
Baca selengkapnya

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) ...
Posting Komentar
Baca selengkapnya