Pemrograman Web Dengan HTML

Perintah format text menggunakan HTML
 source code :
<html>
<head><TITLE>Comxero</TITLE></head>
<body>
<h1>Perintah format text dengan HTML</h1>
Directed By : Andy Siringo ringo<hr>
<p>Teks Normal<br> 
<tt>Teks mesin ketik</tt><br>
<b>Teks tebal (bold)</b><br>
<strong>Teks tebal dengan perintah 'Strong'</strong><br>
<i>Teks dengan italic (miring)</i><br>
<em>Teks miring dengan perintah 'Emphasized'</em><br>
<u>Teks bergaris bawah (underline)</u><br>
<strike>Teks tercoret (strike)</strike><br>
<big>Teks lebih besar dari normal</big><br>
<small>Teks lebih kecil dari normal</small><br>
Teks menggunakan Subscript: Molekul Air adalah H<sub>2</sub>O<br>
Teks menggunakan Superscript: Ex: 10<sup>2</sup>=100<br></p>

</body>
</html>
 Hasil Output :






Membuat Table 2 Baris 2 Kolom 
 source code :
 <html>
<head>
<title>Andy Siringo ringo</title>
</head>
<body>

    <table border=3 width=200>
    <tr><td>NIM</td>
    <td>100840057</td></tr>
    <tr><td>Nama</td>
    <td>Andy Purwanto</td></tr>
   
</table>
</body>
</html>

Hasil Output :



Membuat Frame 2 Kolom
source code :
<html>
<head>
<title>Andy Siringo ringo</title>
</head>
    <frameset cols=”50%,50%,*
      border = "10"
      bordercolor = "aqua">
                 <frame src = "http://com-xerocool.blogspot.com/p/contact.html">
                 <frame src = "http://com-xerocool.blogspot.com/p/profil.html">
         </frameset>
<body>
</body>
</html>

 Hasil Output :




Membuat Form
source code :
<html>
<head><title>Comxero</title></head>
<body bgcolor="gray">
<form><table border='0' cellpadding='3' cellspacing='3' align='center' bgcolor="white">
    <tr align="center"><td colspan='2'>
   <strong><font face="Vivaldi" size = "6">Formulir Biodata Mahasiswa<br>Fakultas Ilmu komputer
    </strong><br><br></td></tr>
   <tr>
        <td><b>N  I  M</b></td>
        <td><input type="text" name="nim" size="30"></td>
    </tr>
    <tr>
        <td><b>Nama</b></td>
        <td><input type="text" name="nama_dpn" size="30"></td>
    </tr>
    <tr>
        <td><b>Jenis Kelamin</b></td>
        <td><input type="radio" name="jenke" value="Pria"> Pria
               <input type="radio" name="jenke" value="Wanita"> Wanita</td>
    </tr>
    <tr>
        <td><b>Agama</b></td>
        <td><input type="radio" name="agama" value="Katolik">Katolik
               <input type="radio" name="agama"value="Protestan">Protestan
               <input type="radio" name="agama"value="Islam">Islam
               <input type="radio" name="agama"value="Budha">Budha
               <input type="radio" name="agama"value="Hindu">Hindu</td>
    </tr>
    <tr>
        <td><b>Jurusan</b></td>
        <td><select name="jurusan">
                <option value="Jurusan">Jurusan</option>
                <option value="Sistem Informasi">Sistem Informasi</option>
                <option value="Manajemen Informatika">Manajemen Informatika D-3</option>
                <option value="Teknik Informatika">Teknik Informatika</option>
                <option value="Komputerisasi Akuntansi">Komputerisasi Akuntansi D-3</option> 
                </select></td>
    </tr>
    <tr>
        <td><b>Alamat</b></td>
        <td><textarea cols="30" rows="1" name="alamat"></textarea></td>
    </tr>  
    <tr>
         <td colspan="2" align=center><input type="submit" name="kirim" value="SEND">
        <input type="submit" name="kirim" value="CANCEL"></td>
    </tr>
</table>
</form>
</body>
</html>
Hasil Output :
 




Inline CSS 
 source code :

<p style=” text-align :justify;
                  text-indent :50px;
                  color:blue;
                  font-family:arial;
                  font-style: normal;
                  font-weight: bold;
                  font-size: 20px;
                  background-color:gold;”>



No comments:

Post a Comment