Jumat, 05 Februari 2016

struktur dasar HTML

Assalamualaikum wr.wb
            Kali ini saya akan membahas tentang HTML, dan HTML ini saya pelajari di pemrograman web, sesuai yang saya pelajari, HTML atau hypertext makrup language adalah salah satu bahasa pemrograman untuk membuat web. HTML ini tidak termasuk case sensitive, maksudnya besar kecil huruf yang kita gunakan saat coding tidak mempengaruhi program. Format penyimpananya menggunakan .html dan pengkodingannya menggunakan tag buka <> dan tag tutup </>. Dan pembuatan web menggunakan HTML ini memiliki struktur dasar, adapun struktur dasar HTML adalah :
<html>
            <head>
                        <title> judul website </title>
            </head>
            <body>
                        Tulis isi web disini
            </body>
</html>
Berikut cara membuat web :
1.      Buka aplikasi notepad
2.      Ketik struktur dasar HTML, seperti diatas
3.      Simpan file di folder yang ditemukan
4.      Buka windows explorer buka file yang telah disimpan
5.      File muncul di browser (jangan tutup notepad dan browser yang dibuka)
6.      Buka notepad lakukan editing
7.      Jangan lupa! Simpan setiap perubahan!!
8.      Buka browser sebelumnya, tekan F5
Pada HTML ini tidak bisa membaca enter jadi jika ingin menggunakan enter kita menggunakan tag <br>. Bisapula menggunakan tag <hr> tetapi terdapat garis. Ada banyak tag yang digunakan diantaranya :
1.      Untuk penggunaan lebar,contoh : <width=”600”> bisapula <width =”60%”>
2.      Untuk penggunaan panjang, contoh : <height=”400”> bisapula <height=”40%”>
3.      Untuk ukuran heading :
1.      <h1>coba </h1>
2.      <h2>coba </h2>
3.      <h3>coba </h3>
4.      <h4>coba </h4>
5.      <h5>coba </h5>
6.      <h6>coba </h6>
            Hasilnya adalah :

1.coba

2.   coba

3.     coba

4.     coba

5.       coba
6.        coba
4.      untuk warna background,contoh : <bgcolor=”green”>
5.      untuk warna huruf dan ukuran huruf (bisa digabung dalam satu tag bisa dipisah),contoh  : <font color=”red” size=”7”> tulis isi disini </font>
6.      untuk mengatur jenis huruf (tag ini sensitive), contoh : <font face=”times new roman”>tulis isi disini </font>
7.      ordered list, contoh :
<ol type =”1”> ini judul
            <li> pilihan 1</li>
            <li> pilihan 2 </li>
</ol>                                           
               Hasil :
            ini judul
1.     pilihan 1
2.     pilihan 2
*catatan : type=”A”
                           “a”
                           “1”
                           “I”
                           “i”
8.      unordered list,contoh :
            <ul type =”circle”> ini judul
                                    <li> pilihan 1 </li>
                                    <li> pilihan 2 </li>
          </ul>
Hasil :
          ini judul
  • pilihan 1
  • pilihan 2
*catatan : type=”circle”
                          “round”
                          “square”
9.      untuk menggunakan table menggunakan border, contoh :
<table border=”1” width =”500”>
            <tr>
                        <td> nama </td>
                        <td> kelas </td>
            </tr>
</table>
hasil :
nama
kelas
*catatan :
                        1. Bordernya bisa diubah semakin besar bordernya semakin tebal,     jika tidak ingin memakai border tulis ukuran bordernya “0”
                        2. <tr> adalah tag yang digunakan untuk membentuk garis
                        3. <td> adalah tag yang digunakan untuk membentuk kolam
            bisapula menggunakan :
                        4. Colspan yang berguna untuk menggabungkan table kesamping
                        5. Rowspan yang berguna untuk menggabungkan table kebawah
10.  untuk memasukan foto, contoh : <img src=”namafoto.jpg”>


           




0 komentar:

Posting Komentar

sedikit informasi

klik tanda plus di pojok kanan atas untuk keperluan lainnya. Terimakasih..