Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

17 September 2019

Mendesain Form Formulir di HTML



Form adalah metode yang digunakan dalam Web Site yang mengizinkan seorang pengunjung untuk dapat berinteraksi dengan server ataupun dengan pengelola Web Site tersebut. Dengan adanya proses interaksi tersebut , maka pengguna akan mendapatkan beberapa kemudahan yang diberikan pada Website tersebut.

Berikut ini merupakan contoh desain sederhana Form Formulir sebuah media masukan yang digunakan untuk memasukan data seperti Nama, Alamat, Email, dan No Telephone , Copy saja Coding berikut ini lalu simpan dengan nama latihanform lalu jalankan.

<html>
<head>
<title>Belajar Form </title>
</head>
<body>
<form action=""name="">
<table width="280" border="0">
<tr>
<td width="86">nama
</td>
<td width="184">
<input name="nama" type="text" id="nama" size="25"
maxlength="20">
</td>
</tr>
<tr>
<td>alamat</td>
<td>
<input name="alamat" type="text"id="alamat" size="30"
maxlength="50">
</td>
</tr>
<tr>
<td> e_mail</td>
<td>
<input name="email" type="text" id="email" size="25"
maxlength="20">
</td>
</tr>
</table>
</form>
</body>

Hasilnya seperti berikut ini


15 September 2019

Membuat Tabel Dengan HTML dengan Mudah


Berikut ini merupakan contoh pembuatan tabel dengan menggunakan kolom = 3 dan baris = 2, untuk dapat membuat tabel tersebut anda harus menambahkan <TR> </TR> setelah <TR></TR> yang pertama, yang berarti anda menambahkan satu baris di dalam tabel anda. setelah itu anda juga harus mendefinisikan jumlah kolom yang disesuaikan pada baris diatasnya. sebagai contoh buatlah dokumen HTML di bawah ini.

<HTML>
<HEAD>
<TITLE> TABEL </TITLE>
</HEAD>
<BODY>
<TABLE border="1">
<TR>
<TD>Kolom 1</TD>
<TD>Kolom 2</TD>
<TD>Kolom 3</TD>
</TR>
<TR>
<TD>cel</TD>
<TD>cel</TD>
<TD>cel</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Kemudian Simpan dengan nama Latihantabel.html , lalu jalankan maka hasilnya sebagai berikut

Demikian cara membuat tabel di html gampang dan mudah bukan , selamat mencoba semoga bermanfaat.
 

13 September 2019

Cara Membuat Sub Daftar Pada HTML



Dengan menggunakan Tag <UL> dan <OL>, HTML juga mengijinkan anda untuk membuat sebuah sub Daftar. Maksud dari sub daftar adalah daftar di dalam daftar untuk lebih jelasnya lihat sintaks berikut ini

<HTML>
<HEAD>
<TITLE> Sub Daftar </TITLE>
</HEAD>
<BODY>
Jenis prosesor yang sering digunakan :
<OL>
<LI> INTEL </LI>
<UL>
<LI>PENTIUM</LI>
<LI>CELERON</LI>
</UL>
<LI>AMD</LI>
<UL>
<LI>Atlon XP</LI>
<LI>Duron</LI>
<LI>Baltron</LI>
</UL>
</OL>
</BODY>
</HTML>

Copy kan kode diatas di Notepad kemudian simpan dengan nama Daftar.html, lalu jalankan maka akan tampil  seperti berikut ini

Kurang lebih seperti itu semoga bermanfaat , selamat mencoba .terima kasih .

22 May 2019

Cara Membuat Masukan Berupa Upload data Dari Komputer Local (File Field)




Pengambilan Data dari komputer lokal biasanya di gunakan untuk web atau aplikasi Upload File.

hal ini bisa di jumpai pada saat berada pada aplikasi site manager yang mengizinkan untuk Upload data.

Untuk membuatnya menggunakan Sintak input yang bertipe File , pada saat mengeklik komponen

tersebut maka akan di bawa ke halaman penjelajahan pada komputer tempat menyimpan File
tersebut.

Berikut Script atau kodingnya

<html>

<head>

<tittle>Belajar Upload </title>

<head>

<body>

<form action="" enctype= "multipart/form-data" neme="">

<table width="280" border="0">

<tr>

<td width="86">


<tr>

<td></td>

<input name="data1" type="file" size="25"></td>

</tr>

<tr><td>

<input name="data2" type= "file" size="25">

</tr>

</table>

</body>

Simpan dengan Nama Upload.html kemudian jalankan maka akan seperti gambar di atas.

Gampang dan mudah bukan selamat mencoba




Baca Juga :



Pengenalan Word Wide Web (WWW)
Mengenal Script HTML Dasar
Dasar Membuat Warna text dan Background pada Halaman Web
Membuat Huruf Tebal Miring Dan Underline Pada Web HTML
Cara Membuat Text Model Kimia Dengan HTMl Untuk Web
Cara Membuat Tulisan Berjalan Marquee yang Sering Kita Lihat di Media
Membuat Formulir atau Kotak Pesan di Web dengan HTML
Cara Memberikan Jarak Spasi Pada Baris Text HTML Untuk Web

21 May 2019

Cara Memberikan Jarak Spasi Pada Baris Text HTML Untuk Web




Kita dapat menentukan jarak spasi pada text yang telah kita tuliskan di dalam web. Secara standar, apabila hendak melakukan pergantian baris, maka kita dapat menentukan spasi 1 dengan cara menuliskan Tag <br> dan dua spasi dengan  menuliskan < br> sebanyak dua kali. Di dalam HTML telah disediakan sebuah Tag yang berguna untuk itu. Untuk lebih jelasnya lihat contoh Scriptnya berikut ini

Baca Juga : 


<html>
<head>
<title> Percobaan Spasi </title>
</head>
<body>
<pre width="4"> Golet Ilmu </pre>
<pre width="4"> Berbagi Pengetahuan</pre>
<pre> Ilmu Yang Bermanfaat</pre>
</body>
</html>

kemudian Jalankan Scriptnya  dengan cara Save as Spasi.html di Folder D atau lainnya kemudian jalankan maka akan tampil gambar diatas, Muda bukan selamat mencoba.

17 May 2019

Membuat Formulir Atau Kotak Pesan Pada Web Dengan HTML



Dalam Website biasanya Form digunakan sebagai media yang digunakan untuk pengunjung dalam mengirimkan permintaan ataupun mengirimkan pesan seperti buku tamu Shout Box, Email, Pencarian, Pendaftaran online , ataupun untuk melakukan pemesanan barang secara online dalam E-Commerce.

Berikut ini Coding atau kode Scriptnya

<html>
<head>
<title>Belajar Form</title>
</head>
<body>
<form action =""neme="">
<table width="280" border="0">
<tr>
<td width="86"> nama 
</td>
<td width="184">
<input name="nama" type="text" id ="nama" size ="25"
maxlength="20">
</td>
</tr>
<tr>
<td>alamat</td>
<td>
<input name="Alamat" type="text" id="alamat" size="30"
maxlength="50">
</td>
<tr>
<td> e_mail</td>
<td>
<input name="email" type="text" id="email" size="25"
maxlength="20">
</td>
</tr>
</table>
</form>
</body>

Kemudian Simpan dengan nama Form.html setelah itu jalankan maka akan tampil seperti gambar di atas.

Baca Juga :

  1. Pengenalan Word Wide Web (WWW)
  2.  Mengenal Script HTML Dasar 
  3.  Dasar Membuat Warna text dan Background pada Halaman Web 
  4.  Membuat Huruf Tebal Miring Dan Underline Pada Web HTML
  5.  Cara Membuat Text Model Kimia Dengan HTMl Untuk Web  
  6.  Cara Membuat Tulisan Berjalan Marquee yang Sering Kita Lihat di Media  

16 May 2019

Cara Membuat Text Model Kimia Dengan HTML Untuk Web

Cara mudah membuat Unsur unsur Kimia dengan Tag HTML untuk Web sebagai berikut menggunakan Tag <SUB> sebagai Efek Kimia dan <SUP> untuk efek perpangkatan pada matematika.

Keterangan :
<SUB> = Membuat huruf menjorok kebawah/Subscibe
<SUP> = Membuat huruf menjorok ke atas/ Superscibe

<SUB> Caracter  caracter </SUB>/* Subscribe Text /*
<SUP> Caracter caracter </SUP>/* Superscripe Text*/

Contohnya kodingnya  sebagai berikut kemudian simpan dengan kimia.html

<html>
<head>
<title> format text kimia & matematika</title>
</head>
<body>

Manusia hidup membutuhkan air /h<sub> 2</sub>O <br>
4 (empat) adalah hail dari perpangkatan 2 <sup> 2 < /sup>

</body>
</html> 

Setelah disimpan haislnya seperti berikut ini

 Baca Juga 


  1.  Pengenalan Word Wide Web (WWW)
  2.  Mengenal Script HTML Dasar 
  3.  Dasar Membuat Warna text dan Background pada Halaman Web 
  4.  Membuat Huruf Tebal Miring Dan Underline Pada Web HTML