Sabtu, 24 November 2012

[Tutorial] HTML Basic

EBhy / / 1
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/AVvXsEhuQATfQqnkYbK1QQRgGg5MXrUikRPmMMntZvdm2Zynuatgkz62KR6QdUlCp16b1Recq3HmPK08vhe6Czyqu8iGZZU3GABumv7mGuhdQs-B9EyR_73-Lvqk5CPnRoPpsLRUZKrBYQ0erniL/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


EBhy


tidak harus jadi seorang jurnalis agar bisa menulis, cukup dengan keinginan untuk berbagi ilmu kita dapat menulis berbagai hal yang kita tau untuk dibagikan pada mereka yang tidak tau..
Follow me @Bloggertheme9

1 komentar:

  1. waw keren gan...
    mkasih infonya.....
    nice info dan semangat....

    salam Blogwalking

    BalasHapus

Recent Post

News

About Me

Foto saya
tidak harus jadi seorang jurnalis agar bisa menulis, cukup dengan keinginan untuk berbagi ilmu kita dapat menulis berbagai hal yang kita tau untuk dibagikan pada mereka yang tidak tau.
Published By Gooyaabi Templates | Powered By Blogger