Pertemuan Ketiga

Macam-macam Tag dasar pada HTML :

1. Tag Heading
   
   Penulisan HTML : <hn>Test</hn>

   n = 1/2/3/4/5/6

   Contoh :

   Test1

   Kode = <h1>Test1</h1>

   ---

   Test2

   Kode = <h2>Test2</h2>

   ---

   Test3

   Kode = <h3>Test3</h3>

   ---

   Test4

   Kode = <h4>Test4</h4>

   ---

   Test5

   Kode = <h5>Test5</h5>

   ---

   Test6

   Kode = <h6>Test6</h6>

   ---

   
   
   
2. Tag Paragraf
   
   Penulisan HTML : <p>Teks</p>

   Contoh :

   ---

   HTML merupakan singkatan dari

   HyperText Markup Language.

   ---

   
   Kode = <p>HTML merupakan singkatan dari</p> <p>HyperText Markup Language.</p>
   
   
   
3. Tag Atribut
   
    a. Teks Tebal
   
        Penulisan HTML : <b>Teks</b>

        Contoh :    Ini huruf Tebal              Kode = <b>Ini huruf Tebal</b>

   
    b. Teks Miring
   
        Penulisan HTML : <i>Teks</i>

        Contoh :    Ini huruf Miring              Kode = <i>Ini huruf Miring</i>

   
    c. Teks Bergaris bawah
   
        Penulisan HTML : <u>Teks</u>

        Contoh : Ini huruf Bergaris bawah     Kode = <u>Ini huruf Bergaris bawah</u>

   
    d. Teks Atas
   
        Penulisan HTML : ^Teks

        Contoh :   X² dibaca X kuadrat.        Kode = X²dibaca X kuadrat.

   
    d. Teks Bawah
   
        Penulisan HTML : _Teks

        Contoh :   X_2+1y                              Kode = X_2+1y

   
    e. Pindah Baris
   
        Penulisan HTML : <br>Teks atau <br/>Teks

        Contoh :

   ---

   
        Baris1
        Baris2

   ---

        Kode = <br>Baris1 <br>Baris2
   
    f. Memberikan Garis Batas
   
        Penulisan HTML : <hr>atau <hr/>



4. Tag Font
   
    a. Font
   
        Penulisan HTML : <font face="x" size "y">Teks</font>

        x = Jenis Huruf (Times New Roman,Arial,Algerian,dll)

        y = Ukuran Huruf

        Contoh :

   ---

   
      Ini Times New Roman          Kode = <font face="Times New Roman" size="3">Ini Times New Roman</font>

   ---

   
      Ini Arial              Kode = <font face="Arial" size="3">Ini Arial</font>

   ---

   
      Ini Algerian          Kode = <font face="Algerian" size="3">Ini Algerian</font>

   ---

   
    b. Warna
   
        Penulisan HTML : <font color= "warna">Teks</font>

        warna = warna huruf (red,blue,green,yellow,dsb) atau menggunakan kode warna Hex

        Contoh :
   
        Ini warna Magenta     Kode = <font color"magenta">Ini warna Magenta</font>

   
   
   
5. Tag Enumerasi
   
   
        Penulisan HTML : <li>item</li>
   
   
   
6. Tag List
   
    a. Ordered List
   
        Penulisan HTML : <ol>...</ol> atau <ol type ="x">...</ol>
   
       x = diganti dengan type pengurutan (1,A,a,I,i)

        Contoh :
   

   ---

   Menu Minuman
   1. Es Teh
   2. Es Kelapa
   3. Es Jeruk
   4. Air Putih

   ---

   Kode = <ol>Menu Minuman <li>Es Teh</li> <li>Es Kelapa</li> <li>Es Jeruk</li> <li>Air Putih</li> </ol>
   
   
   b. UnOrdered List
   
        Penulisan HTML : <ul>...</ul> atau <ul type ="y">...</ul>
   
       y = diganti dengan simbol pengurutan (disc,circle,square)

        Contoh :
   

   ---

   Menu Makanan
   • Nasi Goreng
   • Mie Ayam
   • Soto Ayam
   • Capcay

   ---

   Kode = <ul>Menu Minuman <li>Nasi Goreng</li> <li>Mie Ayam</li> <li>Soto Ayam</li> <li>Capcay</li> </ul>

   ---

   Contoh list bersarang :


1. HTML dan CSS Dasar
• Element, Tag, dan Atribut
  1. Element
  2. Tag
  3. Atribut
• Struktur Dokumen HTML
• Dasar CSS
  1. Selector
  2. Property
2. PHP


Kode =
<ol>
      <li>HTML dan CSS Dasar</li>
            <ul type = "circle">
               <li>Element, Tag, dan Atribut
                     <ol>
                        <li> Element</li>
                        <li> Tag</li>
                        <li> Atribut</li>
                     </ol>
               </li>
               <li>Struktur Dokumen HTML</li>
               <li>Dasar CSS
                     <ol>
                        <li> Selector</li>
                        <li> Property</li>
                     </ol>
               </li>
            </ul>
      <li>PHP</li>
</ol>