Internet Beritaku: Html
Home Html
Tampilkan postingan dengan label Html. Tampilkan semua postingan
Tampilkan postingan dengan label Html. Tampilkan semua postingan

Sabtu, 22 September 2012

Rahasia dibalik Halaman Web

      23 comments   
Rahasia dibalik halaman Web .....ciahhhhhh! pertumbuhan semakin pesat penggunaan World Wide Web atau disingkat dengan WWW relatif mencengankan hal ini ketika kita mengiigat kebelakang...Bagaimana revolusi yang terjadi dari awal ketika komputer mulai dikenal dimasyarakat.
Ketika Personal Computer (PC) baru muncul pada tahun 1980-an pada saat itu mulai digunakan di kantor dan dirumah orang mulai berbondong-bondong belajar menggunakan perangkat ini. Padahal saat itu tampilannya masih sederhana sekali, sangat berbeda sekali dirasakan oleh pengguna komputer saat ini. Dengan berkembangnya teknologi yang telah mendukung internet  dimana halaman yang disediakan sangat menakjubkan. Hasil dokumen yang dibuatnya menjadi lebih pintar dengan tampilan yang begitu menarik dan bisa berinteraksi dari suatu dokumen ke dokumen yang lain yang dikenal dengan nama Hypertext Mark-up Language atau disingkat HTML.

Seperti yang kita ketahui yang dilihat pada halaman-halaman yang tersedia di internet sebuah dokumen dapat saja membuat kita berpindah ke tempat lain dengan kemampuan yang dimilikinya,  bahkan dari dokumen yang ada tadi kita juga bisa langsung berkirim surat, mengirimkannya, tanpa harus berpindah dari tempat duduk.....ini merupakan sebagian kelebihan yang dimilikinya.

Untuk bisa membuat demikian kita harus bisa mengolah dokumen tersebut dalam bentuk HTML...contohya bisa di lihat cara Membuat Link ke E-Mail

Semoga bermanfaat................

Jumat, 21 September 2012

Membuat Link Ke E-Mail

      13 comments   

Sahabat ilmu27 yang tak bosan-bosannya datang ke blog sederhana ini, kesempatan yang berbahagia ini memberikan sedikit bagaimana menyambungkan sebuah teks ketika teks tersebut diklik akan langsung menuju ke-email anda............
Sehingga memudahkan pengunjung untuk mengirimkan e-mailnya kepada yang dituju oleh teks tersebut tadi yang ketika diklik akan langsung menunju ke mail anda.
Untuk membuatnya hanya memerlukan tag untuk link aktif  "mailto". Contohnya yang adalah Imran, tetapi apabila diklik teks Imran tersebut akan langsung membuka e-mail baru yang ditujukan kepada nama tersebut misalnya dengan alamat illank27@gmail.com

Dari pada panjang lebar membahasnya sobat tidak mengerti, langsung saja ke TKP hehehehe.
Perintahnya seperti berikut ini :


<a href=mailto: illank27@gmail.com>Imran</a>


Untuk memudahkan membuat tag tersebut coba buat sebuah dokumen HTML, dan beri nama dengan latihan01.html atau dengan Save AS dengan nama latihan01.html. Silahkan copy-paste contoh kode HTML dibawah ini :

<HTML>
<head>
 <title> Ilmu27.blogspot.com Teks</title>
</head>
<body>
<center>
<h1> Informasi Di Jual Handphone<h1>
<hr>
Nama : <B>Blackberry 9800</B><BR>
Jumlah : 2 Buah<BR>
Harga : Rp. 4.000.000<BR>
<hr>
<small>
Anda berminat? silahkan hubungi
<a href=mailto: illank27@gmail.com>Imran</a>
</small>
</center>
</body>
</HTML>

Tampilannya seperti berikut :

Ilmu27.blogspot.com Teks

Informasi Di Jual Handphone

Nama : Blackberry 9800
Jumlah : 2 Buah
Harga : Rp. 4.000.000
Anda berminat? silahkan hubungi Imran

Catatan : Handphone diatas tidak dijual hanya sekedar contoh saja... hehehehehe

Rabu, 14 September 2011

Kumpulan Kode Warna HTML

      1 comment   
kode warna html2.JPGSobat yang pengen belajar mendesain blog dengan warna-warni yang menghiasi template agar lebih menarik dilihat bukan....!!!!. Namun kita terkendala dengan kode warna yang kita inginkan .. misalnya kita mau menggunakan warna merah dengan kode #FF0000 atau yang warna Hitam dengan kode #000000. Sulit jika sobat tidak mengetahui satu per satu kode warna yang diinginkan.

Kode warna HTML tidak mudah untuk dihafal , salah huruf atau angkat akan mengalami perubahan warna yang tidak sesuai, untuk mengatasi hal itu saya membarikan beberapa kode warna Decimal RGB lihat gambar dibawah :

kode warna html.JPG

Selasa, 23 Agustus 2011

Membuat Input Data Buku Dengan Kode HTML

      3 comments   
Buat teman-teman sapa yang lagi belajar HTML, mungkin dengan postingan aku kali ini bisa membantu dalam membuat Input Data Buku dengan kode HTML.....membuatnya pun sangat mudah asal teman-teman memiliki kemampuan dasar HTML. Aku juga lagi belajar kode-kode HTMl , namun tak ada salahnya kita saling berbagi ilmu . Pastinya teman-teman lebih tau tentang materi ini...heheheh kayak dosen nichhh menjelaskan panjang banget.....Coba lihat contoh gambar dibawah :



Kode HTML-nya seperti dibawah ini :

<html>
<head>
<title>Tugas VII Pemograman WEB</title>
</head>
<body BGCOLOR=BLUE>
<form>
<CENTER><h1>BUKU ONLINE </h2></CENTER>
<hr size=6><CENTER><BR>
<TABLE BORDER=0>
<TR>
<TD WIDTH=200><B>KODE BUKU</TD></B>
<TD WIDTH=400>: <INPUT TYPE="TEXT" SIZE="10"></TD>
</TR>
</TABLE><BR>
<TABLE BORDER=0>
<TR>
<TD WIDTH=200><B>JUDUL BUKU</TD></B>
<TD WIDTH=400>: <INPUT TYPE="TEXT" SIZE=50></TD>
</TR>
</TABLE><BR>
<TABLE BORDER=0>
<TR>
<TD WIDTH=200><B>TAHUN TERBIT</TD></B>
<td width="400">: <select name:"limit" size:"2" value:"0">
<option value="1945">1945</option>
<option value="1946">1946</option>
<option value="1947">1947</option>
<option value="1948">1948</option>
<option value="1949">1949</option>
<option value="1950">1950</option>
<option value="1951">1951</option>
<option value="1952">1952</option>
<option value="1953">1953</option>
<option value="1954">1954</option>
<option value="1955">1955</option>
<option value="1956">1956</option>
<option value="1957">1957</option>
<option value="1958">1958</option>
<option value="1959">1959</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
</select></td>
</TR>
</TABLE><BR>
<TABLE BORDER=0>
<TR>
<TD WIDTH=200><B>PENGARANG BUKU</TD></B>
<TD WIDTH=400>: <INPUT TYPE="TEXT" SIZE="50"></TD>
</TR>
</TABLE><BR>
<TABLE BORDER=0>
<TR>
<TD WIDTH=200><B>PENERBIT BUKU</TD></B>
<TD WIDTH=400>: <INPUT TYPE="TEXT" SIZE="50"></TD>
</TR>
</TABLE><BR></CENTER>
<HR SIZE=6>
</html>
</body>
<BODY>
<TABLE BORDER=0>
<TR>
<TD WIDTH=100>NAMA</TD>
<TD WIDTH=200>:IMRAN BAHARUDDIN</TD>
</TR>
</TABLE>
<TABLE BORDER=0>
<TR>
<TD WIDTH=100>STB</TD>
<TD WIDTH=200>:C1A328069</TD>
</TR>
</TABLE>
<TABLE BORDER=0>
<TR>
<TD WIDTH=100>KELAS</TD>
<TD WIDTH=200>:B</TD>
</TR>
</TABLE>
<TABLE BORDER=0>
<TR>
<TD WIDTH=100>JURUSAN</TD>
<TD WIDTH=200>:SI</TD>
</TR>
</TABLE>
<TABLE BORDER=0>
<TR>
<TD WIDTH=100>SEMESTER</TD>
<TD WIDTH=200>:IV</TD>
</TR>
</TABLE>
</BODY>