Sabtu, 21 Januari 2012

HTML

20.10  Nasrudin Efendi  No comments

Assalamu'alaikum Wr. Wb.

Pada rangkuman kali ini, saya akan menjelaskan beberapa kode strict dalam HTML. Untuk membuat sebuah file html, disini saya menggunakan software yang sangat sederhana, yaitu notepad atau notepad ++. Disetiap komputer pasti software ini selalu ada, jadi tidak perlu lagi untuk mendownload atau mengistall softwarenya.

Sebelum ada membuat skripsi html, disarankan agar anda dapat menginstal WampServer. Wamp adalah sebuah aplikasi yang dapat menjadikan komputer kita menjadi sebuah server. Kegunaan wamp server ini untuk membuat jaringan local sendiri dalam artian kita dapat membuat website secara offline untuk masa coba-coba di komputer sendiri. Jadi fungsi dari wamp server itu sendiri merupakan server website kita untuk cara memakainya. 

Biasanya para perancang web atau web master jika akan merencanakan (planing), kemudian membangun (buliding )dilakukan di komputer local atau bisa juga di jaringan local, tidak langsung di host --> internet. Oleh karena itu perlu dikomputer kita di jadikan server sehingga kita seolah olah sedang meng update di hostnya ( tempat penyimpanan file2 yang diperlukan website ) ---> internet.

Pastikan setelah anda mengistall wampserver, pada icon wampserver di taskbar berwarna hijau. Hijau berarti wampserver anda dapat digunakan. Jika merah, maka wampserver anda tidak dapat digunakan. 

Baik, sebelum membuat skrip html. Bukalah salah satu browser anda, ketikkan pada alamat addres bar "localhost", kemudian akan muncul ruang server. Itu masih belum bisa digunakan. Jika anda mengistal wamp server dengan mengklik next saja, maka bukalah folder wamp pada drive C:\ , kemudian pilih folder "www", didalam folder ini hapus semua file di dalamnya. Setelah anda menghapus file tersebut, kembali ke browser anda, lalu refresh kembali localhost tadi, maka akan muncul ruang server yang sesungguhnya seperti gambar disamping. 

Jika anda sudah mengikuti langkah diatas anda dapat membuat skrip html pada notepad. Saya akan berikan beberapa tag list tentang HTML skrip.
<html> // Mendefinisikan root dari suatu dokumen HTML
<head> // Mendefinisikan informasi tentang dokumen
<body> // Mendefinisikan isi dokumen

Dibawah ini ada beberapa tag list HTML yang bisa digunakan untuk para pemula :

1. Membuat Center,gunakan kode : <p align="center">Belajar</p>
2. Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p>
3. Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p>
4. Membuat Huruf Tebal gunakan kode: <b>Belajar</b>
5. Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u>
6. Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i>
7. Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode : <b><i><u>Belajar</u></i></b>
8. Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span>
9. Membuat Huruf Besar semua (uppercase) gunakan kode :
    <span style="text-transform: uppercase">Belajar</span> 10. Membuat Huruf Subscribe / kecil di bawah gunakan kode:
      <p>4<sub>2</sub></p>hasilnya seperti ini: 42
11. Membuat Huruf bergaris tengah gunakan kode: <strike>Belajar</strike>
12. Menentukan jenis huruf gunakan kode:<p><font-family="Arial" >Belajar</font></p>
13. Menentukan ukuran huruf gunakan kode:<p><font-size="3" >Belajar</font></p>
14. Menentukan warna huruf gunakan kode:<p style="color: green; >Belajar</p>
15.Membuat bullet dot bolong gunakan kode: 
     <ul type="circle">
     <li>DOT 1</li>
     <li>DOT 2</li>
     <li>DOT 3</li>
     </ul>
16. Membuat bullet dot kotak gunakan kode: 
      <ul type="square">
      <li>DOT 1</li>
      <li>DOT 2</li>
      <li>DOT 3</li>
      </ul>
17. Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode: 
      <p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p
18. Membuat tabel border solid gunakan kode:
      <table border="1" width="200">
      <tr> // Mendefinisikan sebuah baris dalam tabel
      <td style="border-style: solid">Text</td>
      </tr>
      </table>
19. Membuat teks bergerak masukan <marquee>teks</marquee>
20. Membuat link menggunakan : <a href="url">Link text</a>
21. Membuat text berkedip  gunakan kode : <blink>Teks berkedip</blink>

Posted in:

0 comments:

Posting Komentar