Tag Pada HTML


TAG HTML
 

1. Tag Heading
     Digunakan untuk mengatur ukuran teks yang dijadikan sebagai judul dalam badan dokumen. Ukuran yang ada pada tag heading ada 6 buah ukuran yang terbesar ditunjukkan angka 1. Sedangkan ukuran terkecil ditunjukkan angka 6. Anda juga dapat menggunakan angka lebih dari 6, tetapi hasilnya tetap seukuran angka 6, karena standarnya adalah ukuran 6 yang terkecil.
Contoh :      <h1>. . .</h1>                           <h4>. . .</h4>
                   <h2>. . .</h2>                           <h5>. . .</h5>
                   <h3>. . .</h3>                           <h6>. . .</h6>
     Seperti halnya tag <p>, tag heading juga memiliki atribut. Salah satu atribut yang dapat digunakan adalah atribut ALIGN yang dapat bernilai CENTER, LEFT, RIGHT, dan JUSTIFY. Misal : <h1 align="Left">

2. Garis Horisontal (Horizontal Rows)
     Cara membuat garis ini sangat mudah, dengan cara menyertakan tag <hr>. Pada tag <hr>, juga dapat ditambahkan atribut.
Atribut Pada Tag <HR> :
  • Size            : Merubah ketebalan garis.
  • Width         : Merubah lebar garis.
  • Align          : Mengatur tata letak teks pada garis.
  • Noshade    : Merubah agar garis tidak disertai bayangan.
3. Tag Divisi
     Tag ini digunakan untuk mengelompokkan sejumlah baris teks yang memiliki tipe sama. Fungsinya juga dapat disamakan dengan <p>.
Contoh : <html>
              <head>
              <title>Belajar Tag Div</title>
              </head>
              <body>
              <div align="left"> Address :
              <hr>
              SMK Negeri 3 Jepara<br>
              <hr size="5" width="25%" noshade> Jl. KS. Tubun No. 3 Jepara <br>
               Jepara
              </div>
              </body>
              </html>

4. Tag Pre
     Tag ini digunakan untuk menampilkan keadaan yang telah Anda format dalam kode HTML akan ditampilkan seperti itu pula pada web browser.
Contoh : <html>
              <head>
              <title>Praformat</title>
              </head>
              <body>
              <h2>Daftar Harga Komputer : </h2><br>
              <pre>
                   Intel Pentium  I      - 233. . . . . . . . . 750.000
                   Intel Pentium  II     - 266. . . . . . . . . 900.000
                   Intel Pentium  III    - 800. . . . . . . . . . 1.700.000
              </pre>
               Harga sewaktu-waktu dapat berubah
              </body>
              </html>

5. Tag Blockquote
     Teks akan ditampilkan menyesuaikan dengan ruangan yang tersedia. Selain itu tag ini akan membuat paragraf diletakkan sedikit menjorok ke kanan.
Contoh :
<html>
<head>
 <title>Belajar Tag Div</title>
</head>
<body>
<h2>
<blockquote>
 Pada 1980, Tim Berners Lee, kontraktor independen di organisasi Eropa untuk riset nuklir (CERN), Swiss dibangun Enquire, sebagai database pribadi orang dan model perangkat lunak, tetapi juga sebagai cara untuk bermain dengan HYPERTEXT. Setiap halaman baru informasi dalam Enquire harus terhubung dengan halaman yang ada.
     Pada 1984, Berners Lee kembali ke CERN. Website pertama kali ditemukan oleh Sir Timothi John Tim Berners Lee (Tim Berners Lee). Sedangkan situs web tersambung dengan jaringan pertama kali muncul pada 1991. Tujuan Tim merancang situs web untuk memudahkan tukar-menukar dan memperbarui informasi pada sesama peneliti ditempat ia bekerja. Pada 30 April 1993, CERN mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.
     Pengembangan web dapat berkisar dari mengembangkan halaman statis sederhana tunggal teks biasa ke berbasis web yang paling kompleks aplikasi internet, bisnis elektronik, atau layanan jaringan sosial. Untuk organisasi yang lebih besar dan bisnis, tim pengembangan web dapat terdiri dari ratusan orang. Pengembangan web memperhitungkan pertimbangan keamanan seperti kesalahan entri data pengecekan memalui bentuk-bentuk output filtering, dan enkripsi.
</blockquote>
</body>
</html>

6. Tag Acronym
     Tag ini digunakanuntuk memberikan keterangan terhadap suatu teks yang dianggap singkatan atau teks yang memerlukan penjelasan tertentu. Untuk melihat keterangan terhadap suatu teks tertentu dengan meletakkan pointer mouse tepat berada di teks yang sudah diberikan perintah tag ACRONYM, kemudian  secara otomatis akan muncul sebuah keterangan yang terblok warna kuning dan letaknya biasanya berada di bawah teks tersebut.
     Bentuk pendefinisian singkatan dan kepanjangan atau keterangan suatu istilah sebagai berikut :
<acronym title="Kepanjangan">Singkatan</acronym> 
Contoh penulisan :

<html>
<head>
 <title>Singkatan</title>
</head>
<body>
<acronym title="Televisi Republik Indonesia">TVRI</acronym> adalah televisi pemerintah.</body>
</html>
7. Tag Font
     Tag Font digunakan untuk mengatur jenis, ukuran, maupun warna font.
  •  Untuk menentukan jenis font, atribut font yang digunakan adalah Face <font face="arial">teks yang ditampilkan</font>
  •  Untuk menentukan ukuran font, atribut font yang digunakan adalah Size<font size="10">teks yang ditampilkan</font>
  •  Untuk menentukan warna font, atribut font yang digunakan adalah Color<font color="red">teks yang ditampilkan</font><font color="#000000">teks yang ditampilkan</font>

0 komentar: