Sabtu, 14 Mei 2016

MEMBUAT FONT DAN LIST DALAM HTML



MEMBUAT LINK, TABEL DAN FORM, GAMBAR PADA HTML


Untuk memulai tahap membuat html pada web adalah buka note pad lalu kemudian masukkan kode html sesuai yag diinginkan berikut langkah – langkah MEMBUAT judul website dan halaman website menggunakan html :
11
Tag pertama pada dokumen HTML diatas adalah: ” <html>” tag ini merupakan awal dari suatu dokumen HTML, dan tag ” </html>” merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
Kemudian tag ” <head>…</head>” (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah ” <title>…</title>” merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser.
dan hasil pun akan tampak :
14
15

MEMBUAT LINK PADA HTML
pertama yang harus dilakukan adalah buka notepad lalu ketik kode seperti gambar berikut :
LINK1

selanjutnya lakukan save pada ketikkan yang pada note pad lalu simpan dengan format nama.html lalu simpan
setelah itu buka berkas yang disimopan tadi sehingga akan muncul hasil seperti gambar dibawah ini:
LINK2

<html> tag ini merupakan awal dari suatu dokumen HTML
</html>tag ini merupakan akhir dari dokumen HTML
<p> untuk spasi

CARA MEMBUAT TABEL PADA HTML
Ketikkan pada notepad kode dibawah ini :
TABEL1
selanjutnya lakukan save pada ketikkan yang pada note pad lalu simpan dengan format nama.html lalu simpan
setelah itu buka berkas yang disimopan tadi sehingga akan muncul hasil seperti gambar dibawah ini:
TABEL2
<html> tag ini merupakan awal dari suatu dokumen HTML
</html>tag ini merupakan akhir dari dokumen HTML
<table> mendifinikasikan sebua table
<table border=”1″> untuk table ukurannya
<tr> mendefinikasikan suatu barisan dalam table
<td> mendifinikasikan suatu sel dalam table
<p> untuk spasi

MEMBUAT FORM
Seperti yang diatas ketikkan kode pada notepad seperti dibawah ini :
FORM2

setelah itu save kemudian hasil pun akan tampak seperti dibawah ini :
FORM1

<html> tag ini merupakan awal dari suatu dokumen HTML
</html>tag ini merupakan akhir dari dokumen HTML
<p> untuk spasi
<form> mendifinisikan sebuah form untuk input dar pengunjung
<input> mendefinikasikan sebuah field input

CARA MEMBUAT GAMBAR DI HTML
ketikkan kode seperti dibawah ini :
GAMBAR2

kemudian save lalu buka kembali dan hasil pun akan terlihat seperti ini :
GAMBAR1

Tidak ada komentar:

Posting Komentar