Sabtu, 24 November 2012

[Tutorial] HTML Basic

Assalamu 'alaikum :)


barusan anda telah mempelajari bagaimana membuat halaman web dasar,, nah artikel ini kita akan lebih memperdalam lagi, bagaimana cara membuat paragraf,mengatur letak kata,layout,table,select dll.


1. MEMBUAT PARAGRAF
       <html>
        <head><title>Paragraf</title></head>
       <body>
  <p> Paragram Pertama </p>
       </body>
       </html>
2. MENGATUR LETAK

  <html>
        <head><title>Paragraf</title></head>
       <body>
  <p align ="left"> Paragram Pertama </p> 
 <p align = "Right"> Paragram Pertama </p> 
            <p align ="Center"> Paragram Pertama </p>

            <p align ="justify "> Paragram Pertama </p>

     </body>
   </html>
3. MENGATUR HURUF(BOLD,ITALIC,UNDER)


<html>
        <head><title>Paragraf</title></head>
       <body>
  <p align ="left"><b> Paragram Pertama<b> </p> 
 <p align = "Right"><i> Paragram Pertama <i></p> 
            <p align ="Center"><u> Paragram Pertama <u></p>

     </body>
   </html>
Bold,Italic,Under
 Hasil Screen Capture ;
4. MENGATUR UKURAN FONT


  <html>
        <head><title>Paragraf</title></head>
       <body>
  <h1><p align ="left"><b> Paragram Pertama</h1><b> </p> 
 <h2><p align = "Right"><i> Paragram Pertama </h2><i></p> 
            <h3><p align ="Center"><u> Paragram Pertama </h3><u></p>

     </body>
   </html>
 Hasil Screen Capture ;
Ukuran Font

5. MEMBERI GAMBAR

<html>
        <head><title>Paragraf</title></head>
       <body>
       <h2>HTML</h2>
       <img border ="0" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiyCKdyySkUahEv6hX1QQXSFzC4r_2LYvIW-Xx92Xe7k1G7_75ghBUD8WWz6quLa_cx0NywkCNhtAIjb1B3v3GtPIfDsv3s8sfgb96E6ycvCq254CCq0HYJKmYIyrbcbUaX-9ldOm5IhIZ/s1600/HTML3.jpg">

     </body>
   </html>

   Hasil Screen Capture ;
Gambar
6. BUAT TABEL
      <html>
 <head><title>Website Pertama Saya </title></head>
 <body>
   <table border = "1"/>
       <tr>
   <td>kolom pertama </td>
<td>kolom kedua</td>
<tr>
<td>baris ke dua Kolom Pertama</td>
<td>baris ke dua kolom ke dua </td>
 </body>
</html>
 Hasil Screen Capture ;
Tabel


Tidak ada komentar:

Posting Komentar