Kamis, 13 Maret 2014

DASAR HTML


Ø  Membuat judul tab dalam halaman web, buka notepad++ terlebih dahulu, kemudian ketikan code dibawah ini :

            <HTML>
            <HEAD>
            <TITLE> Latihan dengan Notepad++ </TITLE>
            <body bgcolor=red text=black>
            <h1>Belajar Membuat WEB (menggunakan header 1)</h1>
            </body>
          </HEAD>
          </HTML>

Ø  Mengatur ukuran huruf, buka notepad++,  kemudian ketikan code dibawah ini:

          <HTML>
<HEAD>
                        <TITLE> Latihan dengan Notepad++ </TITLE>
                        <body bgcolor=red text=black>
                        <h1>Belajar Membuat WEB (menggunakan header 1)</h1>
                        <h2>Belajar Membuat WEB (menggunakan header 2)</h2>
                        <h3>Belajar Membuat WEB (menggunakan header 3)</h3>
                        <h4>Belajar Membuat WEB (menggunakan header 4)</h4>
                        </body>
</HEAD>
</HTML>

Ø  Mengatur format texs, buka notepad++, kemudian ketikan code dibawah ini:

<HTML>
<HEAD>
            <TITLE> Latihan dengan Notepad++ </TITLE>
            <body bgcolor=red text=black>
            <h1>Belajar Membuat WEB (menggunakan header 1)</h1>
            <h2>Belajar Membuat WEB (menggunakan header 2)</h2>
            <h3>Belajar Membuat WEB (menggunakan header 3)</h3>
            <h4>Belajar Membuat WEB (menggunakan header 4)</h4>
<p><h2><b><sub>Catatanpertama</sub><sup>(ditulis denganbold)</sup></b></h2>
            <!-- Coment -->
            <p><h4><i>D3MI03 Hijrah (ditulis dengan italic)</i></h4></p>
            </body>
</HEAD>
</HTML>

Ø  Membuat hyperlink kehalaman web lain, buka notepad++, kemudian ketikan atau copy saja code dibawah ini :
                                                                                                            
            <HTML>
            <HEAD>
            <TITLE> Latihan dengan Notepad++ </TITLE>
            <body bgcolor=red text=black>           
            <h1>Belajar Membuat WEB (menggunakan header 1)</h1>
            <h2>Belajar Membuat WEB (menggunakan header 2)</h2>
            <h3>Belajar Membuat WEB (menggunakan header 3)</h3>
            <h4>Belajar Membuat WEB (menggunakan header 4)</h4>
            <p><h2><b><sub>Catatan,pertama</sub><sup>(ditulis,dengan bold)</sup></b></h2>
            <!-- Coment -->
            <p><h4><i>D3MI03 Hijrah (ditulis dengan italic)</i></h4></p>
            <p><a href="http://www.amikom.ac.id">STMIK AMIKOM</a></p>
            </body>
           </HEAD>
           </HTML>

Ø  Memasukan gambar kedalam tampilan web, ketikan code dibawah ini :

          <HTML>
          <HEAD>
            <TITLE> Latihan dengan Notepad++ </TITLE>
            <body bgcolor=red text=black>
            <h1>Belajar Membuat WEB (menggunakan header 1)</h1>
            <h2>Belajar Membuat WEB (menggunakan header 2)</h2>
            <h3>Belajar Membuat WEB (menggunakan header 3)</h3>
            <h4>Belajar Membuat WEB (menggunakan header 4)</h4>
            <p><h2><b><sub>Catatan,pertama</sub><sup>(ditulis,dengan bold)</sup></b></h2>
            <!-- Coment -->
            <p><h4><i>D3MI03 Hijrah (ditulis dengan italic)</i></h4></p>
            <hr>
            <img src="2014310165813.jpg" widht="400" height="150">
            <p><a href="http://www.amikom.ac.id">STMIK AMIKOM</a></p>
            </body>
        </HEAD>
        </HTML>


Tidak ada komentar:

Posting Komentar