Saturday, 7 December 2013

Cara memasukkan gambar pada HTML

Assalamua'alaikum

Teman-teman blogger sekarang kita akan memasukkan gambar pada HTML tapi sebelum itu agar lebih mudah buatlah sebuah folder dmana saja dan letakkan 4 gambar yang ingin teman-teman gunakan,setelah itu ganti nama dari keempat gambar tersebut secara berurutan agar lebih mudah misalnya 1,2,3,4.Jika sudah buka notepadnya dan ketik script dibawah ini :

<html>
<head>
<title>Memasukkan Gambar</title>
</head>
<body>
<p>
<img src="1.jpg" width="1250" height="200" border="1"><br>
Ini adalah hasil editanku <img src="2.jpg" width="50" height="50"> foto kartun<br>
</p>
<p><img src="3.jpg" width="60" height="60" align="top"> penggunaan TOP </p>
<p><img src="4.jpg" width="60" height="60" align="center">penggunaan CENTER </p>
<p><img src="3.jpg" width="60" height="60" align="right">penggunaan RIGHT</p>
<p><img src="3.jpg" width="60" height="60" align="top" alt="3.jpg">penggunaan ALT untuk gambar yang tidak dapat dimunculkan</p>
</body>
</html>

ini adalah hasilnya :

at No comments:

Friday, 29 November 2013

Cara memberikan warna font pada HTML

Assalamua'alaikum

Ini ada contoh pemberian warna font pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
<title> Warna font </title>
</head>
<body>
<pre>
<font color="red">Merah</font>
<font color="blue">Biru</font>
<font color="green">Hijau</font>
</pre>
</body>
</html>

ini adalah hasilnya :


at No comments:

Cara membuat garis pada HTML

Assalamua'alaikum

Ini ada contoh pembuatan garis pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
<title>Membuat Garis</title>
</head>
<body>
<pre>
<hr>
<hr align="left" width="180" size="10" noshade>
<hr align="center" width="70" size="30" color="blue">
<hr align="right" width="500" size="20" noshade color="green">
</pre>
</body>
</html>

ini adalah hasilnya :


at No comments:

Cara membuat daftar pada HTML

Assalamua'alaikum

Ini ada contoh membuat daftar pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
</title>Membuat Daftar List</title>
</head>
<body>
<pre>
<h3 align="center">Contoh List Nomor</h3>
<ol>
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ol>
<h3 align="center">Contoh List Huruf Besar</h3>
<ol type="A">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ol>
<h3 align="center">Contoh List Huruf Kecil</h3>
<ol type="a">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ol>
<h3 align="center">Contoh List Angka Romawi Besar</h3>
<ol type="I">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ol>
<h3 align="center">Contoh List Angka Romawi Kecil</h3>
<ol type="i">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
<ol>
</pre>
</body>
</html>

ini adalah hasilnya :

at No comments:

Cara membuat daftar tulisan dengan simbol pada HTML

Assalamua'alaikum

Ini ada contoh membuat daftar dengan simbol pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
</title>Membuat Daftar List</title>
</head>
<body>
<pre>
<h3 align="center">Contoh List Disk</h3>
<ul type="disk">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ul>
<h3 align="center">Contoh List Circle</h3>
<ul type="circle">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ul>
<h3 align="center">Contoh List Square</h3>
<ul type="square">
    <li>Teknik Informatika</li>
    <li>Teknik elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ul>
</pre>
</body>
</html>


ini adalah hasilnya :


at No comments:

Cara membuat list definisi pada HTML

Assalamua'alaikum

Ini ada contoh membuat list definisi pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
<title>List Definisi</title>
</head>
<body>
<pre>
<h3 align="center">Contoh List Definisi</h3>
<dl>
<dt>Pengertian List definisi</dt>
    <dd>List definisi digunakan untuk mendefinisikan atau menjelaskan istilah-istilah,oleh
    karena itu disebut juga dengan daftar istilah.
    </dd>
<dt>Ieyhan Enjoy</dt>
    <dd>Seorang mahasiswa semester 5 Teknik Informatika di sebuah universitas di Yogyakarta yaitu,
    Universitas Respati yogyakarta.</dd>
</dl>
</pre>
</body>
</html>

ini adalah hasilnya :

at No comments:

Contoh mengkombinasi sebuah daftar pada HTML

Assalamua'alaikum

Ini ada contoh menggabungkan daftar pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
<title>Kombinasi Daftar List</title>
</head>
<body>
<pre>
<h4 align="center">Universitas Respati yogyakarta</h4>
<ol>
<li>Fakultas Kesehatan
<ul type="square">
    <li>Keperawatan</li>
    <li>Kesehatan Masyarakat</li>
    <li>Kebidanan</li>
    <li>Bidan Pendidik</li>
    <li>Ilmu Gizi</li>
</ul>
</li>
<li>Fakul Sains dan Teknologi
<ul type="circle">
    <li>Teknik Informatika</li>
    <li>Teknik Elektro</li>
    <li>Sistem Informasi</li>
    <li>Manajemen Teknik Informatika</li>
</ul>
</li>
<li>Fakultas Sosial dan Ekonomi
<ul type="disk">
    <li>Akuntansi</li>
    <li>Hubungan Internasional</li>
    <li>Bahasa Inggris</li>
</ul>
</li>
</ol>
</pre>
</body>
</html>

ini adalah hasilnya :

at No comments:

Cara memasukkan jenis font pada HTML

Assalamua'alaikum

Ini ada contoh memasukkan jenis font pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
<title>Jenis Font</title>
</head>
<body>
<pre>
<font face="arial">Arial</font>
<font face="Times new roman">Times New Roman</font>
<font face="comic san ms">Comic San MS</font>

<font size=9 color="blue" face="stencil">Ieyhan Enjoy</font>
</pre>
</body>
</html>

ini adalah hasilnya :

at No comments:

cara mengatur ukuran font pada HTML

Assalamua'alaikum

Ini ada contoh pengaturan font pada HTML,ketik dan simpan dalam format HTML (namafile.html).

<html>
<head>
<title> Ukuran Font </title>
</head>
<body>
<pre>
<font size=1>ukuran 1 </font>
<font size=2>ukuran 2 </font>
<font size=3>ukuran 3 </font>
<font size=4>ukuran 4 </font>
<font size=5>ukuran 5 </font>
<font size=6>ukuran 6 </font>
<font size=7>ukuran 7 </font>
</pre>
</body>
</html>

ini hasilnya :


at No comments:

Contoh penggunaan tag style pada HTML

Assalamua'alaikum

Ini ada contoh penggunaan tag style pada HTML,ketik dan simpan dalam format HTML (namafile.html).


<html>
<head>
<title> Style </title>
</head>
<body>
<pre>
<b> tag "b" Tebal </b>
<i> tag "i" Miring </i>
<u> tag "u" garis bawah </u>
<s> tag "s" coretan </s>
<blink> tag "blink" berkedip </blink>
<tt> tag "tt" type writer </tt>
<big> tag "big" besar </big>
<small> tag "small" kecil </small>
tag "sub" <sub>subscript </sub>
tag "sup" <sup>superscript </sup>
</pre>
</body>
</html>

ini hasilnya :



at No comments:

Contoh penggunaan tag heading pada HTML

Assalamua'alaikum

Ini ada contoh penggunaan tag heading pada HTML,ketik dan simpan dalam format HTML (namafile.html).

 <html>
<head>
<title> Heading </title>
</head>
<body>
<pre>
<h1> Ieyhan Enjoy </h1>
<h2> Ieyhan Enjoy </h2>
<h3> Ieyhan Enjoy </h3>
<h4> Ieyhan Enjoy </h4>
<h5> Ieyhan Enjoy </h5>
<h6> Ieyhan Enjoy </h6>
</pre>
</body>
</html>

Untuk sekedar diingat <h1> menghasilkan tulisan yang paling kecil dan <h6> untuk tulisan yang besar...ok broo...

ini adalah hasilnya :


at No comments:

Thursday, 23 May 2013

Contoh Penulisan Script Komentar pada HTML

Assalamua'alaikum

Ini ada contoh penggunaan script Komentar pada HTML,ketik dan simpat dalam format HTML (namafile.html).

<html>
<head>
<title> Contoh penulisan komentar </title>
</head>
<body>
<!--Tuliskan komentar-->
<p> Lihat script biar tw broo.... </p>
</body>
</html>

Yang berkalimat tebal dan berwarna adalah tag untuk menuliskan sebuah komentar yaitu diawalai dengan <!--....kemudian diakhiri dengan -->,komentar yang dituliskan tidak akan terlihat pada webnya.

ini adalah hasilnya :


at No comments:

Menggunakan Karakter Spesial pada HTML

Assalamua'alaikum

Ini ada contoh penggunaan karakter spesial pada HTML,ketik dan simpat dalam format HTML (namafile.html).

<html>
<head>
<title> Karakter Spesial </title>
</head>
<body>
<h3> Contoh Penggunaan Karakter Spesial </h3>
<pre>
&#187; tag<i> &1t;I&gt;</i>digunakan untuk memiringkan teks
&#187; Kurt G&ouml;del Adalah seorang ahli matematika Jerman
&#187; Menggunakan Karakter Spesal
  &#185; <b>&amp;copy;</b> untuk membuat tanda &copy;
  &#178; <b>&amp;reg;</b> untuk membuat tanda &reg;
  &#179; <b>&amp;trade;</b> untuk membuat tanda &trade;
  </pre>
  </body>
  </html>

Ini adalah hasilnya :

at No comments:

Menggunakan Tag Div pada HTML

Assalamua'alaikum

Ini adalah contoh penggunaan script Tag Div pada HTML kemudian simpan dengan format html (namafile.html).

<html>
<head>
<title> Penggunaan Tag DIV </title>
<body>
<div align="right"> teks rata kanan dalam tag div </div>
<div align="center"> teks rata tengah dalam tag div </div>
<div align="left"> teks rata kiri dalam tag div </div>
</body>
</html>

dan ini hasilnya :


at No comments:

Tuesday, 7 May 2013

Menggunakan Tag Pre pada HTML

Assalamua'alaikum

Ini ada contoh penggunaan tag pre pada HTML,ketik dan simpat dalam format HTML (namafile.html).

<html>
<head>
<title> Penggunaan tag Pre </title>
<body>
<h3> Contoh Penggunaan tag pre </h3>
<pre>
Teks ini menggunakan S P A S I dan ENTER
untuk berpindah kebaris ini.
</pre>
<p>Tag Pre juga sangat cocok digunakan untuk menuliskan baris program seperti dibawah ini </p>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>


ini dia hasilnya :


at No comments:

Contoh Blockquote pada HTML

Assalamua'alaikum

Kali ini mari kita belajar tentang BLOCKQUOTE pada HTML,langsung saja ketik script dibawah ini dan lihat hasilnya jangan lupa simpan filenya dengan format HTML (namafile.html).

<html>
<head>
<title> Definisi Blockquote </title>
</head>
<body>
<blockquote>
Blockquote adalah salah satu jenis tag yang berfungsi untuk menuliskan suatu kutipan teks.
Dengan mengabaikan spasi dan membuat teks menjorok kedalam.
</blockquote>
</body>
</html>

ini dia hasilnya :


at No comments:

Membuat Align dengan HTML

Assalamua'alaikum

Ini dia script untuk membuat align pada HTML...

<html>
<head>
<title> Membuat Align </title>
</head>
<body>
<p align="right"> Rata Kanan </p>
<p align="center"> Rata Tengah </p>
<p align="left"> Rata Kiri </p>
<p align="justify"> Rata justify </p>
</body>
</html>

ini dia hasilnya :


at No comments:

Membuat Paragraf dengan HTML

Assalamua'alaikum

Skarang saya mau memberikan cara membuat paragraf pada HTML.Sebelumnya baca dulu postingan
sebelumnya agar lebih jelas.

langsung saja silahkan ketik script di bawah ini dan simpan dengan format HTML (namafile.html)

<html>
<head>
<title> Membuat paragraf </title>
</head>
<body>
<p> paragraf pertama </p>
<p> paragraf kedua </p>
<p> paragraf ketiga </p>
</body>
</html>

dan ini hasilnya :


at No comments:

Dasar-Dasar HTML

Assalamua'alaikum
Post kali ini tentang HTML....sekarang mari belajar HTML mulai dari bagan HTML....

ini dia bagan HTML,sebelum itu HTML diketik pada text editor seperti notepad,notepad++,dll.

<html>
<head>
<title>......</title>
</head>
<body>
 .........................

</body>
</html>

ini dia keterangannya :
 <html> = awalan wajib untuk HTML
<head> = untuk judul tdak diketik juga tidak masalah
<title> = peletakkan judul HTMl diketik juga tidak masalah
</title> = penutup dari <title>
</head> = penutup dari </head>
<body> = Untuk mengisi bagian dari HTML wajib diketik
</body> = penutup dari HTML
</html> = penutup dari <html>

Sebanarnya masih banyak tag dari HTML  dan akan dibahas pada postingan selanjutnya.....

berikut adalah contohnya :

<html>
<head>
<title> Judul Dokumen </title>
</head>
<body>
 Digunakan untuk mengisi data-data
 </body>
 </html>

Keterangan : diketik pada NOTEPAD dan disimpan dengan format HTML
contoh : namafile.html
stelah disimpan silahkan doble klik pada filenya,dan lihat hasilnya

hasil :


at No comments:

Friday, 26 April 2013

Cara Setting IP Addreess pada Laptop

Assalamua'alaikum

  Untuk teman-teman blogger yang suka internetan di tempat wifi pernahkah mengalami masah seperti tidak bisa internet padahal wifi telah terconnect dan password wifipun telah diisi dengan benar...

Kalau pernah,,,untuk postingan kali ini saya akan memberikan sedikit cara sederhana agar teman-teman bisa mengetahui cara menyelesaikan masalah diatas,,,langsung saja....

Selamat membaca semoga bermanfaat :

1. Lihatlah pada sinyal wifi teman-teman apakah anda tanda seru seperti gambar dibawah ini,kalau iya silahkan lanjut membaca :)

2. Klik kanan pada sinyal wifinya kemudian pilih  "Open Network and Sharing Center

 3. Langkah selanjutnya klik pada "Manage Wireless Network"

 4. Setelah itu teman-teman pilih  "Adapter Properties"

 5. Selanjutnya silahkan teman-teman double klik  pada "Internet Protocol Version 4 (TCP/IPv4)

 6. Kemudian Klik "Use the following IP address"

 7. Langkah kali ini sangat penting silahkan dipaham,isikan kolom-kolomnya sebagai berikut :
                 = > IP Address : 192.168.1.xxx (xxx diisikan angka sesuai dengan keinginan teman-teman         asalkan tidak melebihi 254)
                 => Subnet mask : di klik aja kolomnya,,,maka angkanya akan keluar secara otomatis
                 => Default gateway : isikan sesuai dengan IP address yang ada pada server,untuk mengetahui IP address dari server silahkan klik disini dan cari "Default Gateway"
                 => Preferred DNS server : isikan sesuai dengan Default Gateway

8. kemudian klik OK.
9.Apabila langkah yang teman-teman lakukan benar,tunggulah hingga 10-15 detik maka sinyal wifi akan terlihat seperti gambar dibawah ini.


10. Jika belum jadi silahkan teman-teman ganti angka  pada IP address yang dalam tutorial saya beri "xxx" dengan angka yang lain,karena ada kemungkinan angka yang teman-teman masukkan bertabrakan dengan IP address dari pengguna yang lain.


OK...sekian tutorial saya selamat mencoba.....
silahkan kunjungi halaman facebook saya Dunia Teknik Informatika
at No comments:

Friday, 18 January 2013

Hack wifi dengan "Netcut"

                Kangeeeeeeeennn,,,,,,,,,,setelah lama tidak postingan akhir bisa postingan juga... :D

Kali ini saya akan memposting tentang bagaimana cara mengambil sinyal wifi dari laptop orang lain atau dengan kata lain memutuskan sinyal wifi dari laptp orang lain agar bisa di pakai sendiri oleh kita....

Ok langsung saja...software yang kita gunakan adalah "Netcut" yang bisa di download disini.

Langkah-langkah penggunaan Netcut :
1. Buka software netcut yang telah teman-teman download..
2. Tampilan Netcut akan keluar dan kemudian klik "Chice Netcard"

3. Klik Microsoft kemudian OK


4. Kemudian keluarlah berbagai IP Address...pilih IP Address yang akan diputuskan kemudian klik "Cut off"

Gambar dibawah ini  adalah netcut yang saya gunakan untuk memutuskan sinyal wifi dari pengguna laptop yang ada di tempat hotspot.
keterangan :
- Merah  : Telah diputuskan
- Biru      : Masih terhubung dengan sinyal wifi


Hati-hati memilih IP Address jangan sampai yang dipilih adalah IP Addreess punya teman-teman,untuk mengetahui IP Adreess yang dimiliki teman-teman silahkan lihat Cara Mengetahui IP Address Pribadi yang Terhubung dengan Wifi.

Teman-teman pecinta Blog jangan lupa add saya di  facebook ya.....

Silahkan download Netcut disini

at No comments:

Cara Mengetahui IP Address Pribadi yang Terhubung dengan Wifi

    Hai semuanya,,,,sesuai dengan judul diatas langsung saja kita mulai...

Langkah-langkahnya sebagai berikut :

1.  tekan tombol "Windows + R" pada keyboard.
2.  Ketik "cmd"

3. Ketika keluar kotak hitam atau yang disebut "Comand Prompt" silahkan teman-teman ketikkan "ipconfig/all"
4. Carilah lokasi yang diberi kotak warna merah,kemudian lokasi yang diberi kotak warna biru ada IP Address teman-teman.
5.  Selesai.

Mudahkan teman-teman pecinta blogger,,,agar lebih mudah jang lupa bertanya di facebook saya disini OK :D.


at No comments: