-->

Halo !!! Saya Kang Ismet, ini adalah blog tentang AMP HTML dan cara penerapannya

Tag-tag dasar HTML

HTML
By
Tag-Tag HTML icon

TAG DASAR HTML

Tag dasar berarti elemen dasar.dokumen HTML secara mendasar akan terdiri atas teks informasi.Judul atau topic utama dokumen di simpan dalam section/ elemen head,di simpan dalam elemen title,dengan tag <title>…. </title> title ini akan ditampilkan pada bagian caption dari window browser web.hanya elemen title saja dari elemen head yang di tampilkan di browser,elemen lainnya dari head tidak di tampilkan,sebagai elemen yang menjelaskan tentang dokumen HTML yang bersangkutan.Teks informasi ini akan di simpan dalam section/ elemen body di dalam tag <body> dan </body>.teks di susun dalam paragraph2 – tag <p>. teks ini juga mempunya judul2 yang menunjukkan topik2 atau bagian2 dalam dokumen –judul disebut sebagai heading. Heading didalam HTML mempunya level 1 s/d Level 6 dinyatakan dengan tag <h1> samapai dengan <h6>.


HTML

Tag ini merupakan satu keharusan bagi pemrogram web untuk menuliskannya sebagai tag pertama dalam dokumen.

 <html> di awal dokumen dan </html> di akhir dokumen


HEAD

Merupakan tag berikutnya setelah <html> untuk menuliskan keterangan tentang dokumen web yang akan di tampilkan

 <head> diawal setelah <html> dan </head> di akhir section.

TITLE

Merupakan tag didalam head yang harus di tuliskan untuk memberikan judul/informasi pada caption browser web tentang topic atau judul dari dokumen web yang di tampilkan dalam browser.

 <title> Judul Dokumen </title>

BODY

Merupakan section utama dalam dokumen web.pada section ini semua dokumen yang akan di tampilkan dalam browser harus dituliskan

<body> di awal sebelum tag </head>
</body> di akhir di letakkan sebelum tag </html>


PARAGRAPH

Informasi yang di sajikan dalam dokumen harus mengikuti kaidah2 dalam penulisan. Misalnya satu pikiran utama di simpan dalam paragraph.setiap paragaraph harus di maulai dengan member tag <p> Dan di akhir dengan </p>.

  • Contoh contoh tag dasar :
<html>
<head>
<title> judul dokumen </title>
</head>
<body>
<p> isi informasi tentang web anda </p>
</body>
</html>
Hasil 1:
Tag-Tag HTML


  • Tag <br> line break atau bisa di katakana baris baru Contoh penggunaan : 
<body>

<p> isi teks di sini <br>

Tag ini menggunakan br atau baris yang baru <br>

Baris baru yang ketiga </p>

</body>
Hasil 2:
Tag-Tag HTML


  • Tag heading (judul) <h1> sampai dengan heading <h6> Contoh penggunaan : 
<body>
<h1> ini adalah judul dengan memakai heading 1 </h1>
<h2> ini adalah judul dengan memakai heading 2 </h2>
<h3> ini adalah judul dengan memakai heading 3 </h3>
<h4> ini adalah judul dengan memakai heading 4 </h4>
<h5> ini adalah judul dengan memakai heading 5 </h5>
<h6> ini adalah judul dengan memakai heading 6 </h6>
</body> 
Hasil 3:
Tag-Tag HTML



Mengatur letak heading atau judul :
Kiri >>> left
Tengah >>> center
kanan >>> right

  • Contoh dengan menggunakan <h2> : 

<body>

<h2> judul dari kiri </h2>

<h2 align="center"> judul ditengah </h2>

<h2 align="right"> judul di kanan <h2>

<body>


Hasil 4:

Tag-Tag HTML



  • Memberikan Garis mendatar pada teks dengan menggunakan garis horizontal atau tag <hr> Contoh menggunakan <hr> : 
<body>

<p> paragraph pertama </p>

<hr>

<p> paragraph kedua </p>

<hr>

<p> paragraph ketiga </p>

<hr>

<p> dan seterusnya </p>

</body>
Hasil 5:
Tag-Tag HTML



  • Cara memberikan warna teks & face : 
<body>
<p><font color="red" face="georgia"> warna merah dg font georgia </font></p>
<p><font color="blue" face="Harrington"> warna merah dg font Harrington </font></p>
<p><font color="yellow" face="Harlow Solid Italic"> warna merah dg font Harlow Solid Italic </font></p>
</body>
Hasil 6:
Tag-Tag HTML



  • Cara memberikan warna background 
<body bgcolor=”sienna”>
<p><font color="red" face="georgia"> warna merah dg font georgia </font></p>
<p><font color="blue" face="Harrington"> warna merah dg font Harrington </font></p>
<p><font color="yellow" face="Harlow Solid Italic"> warna merah dg font Harlow Solid Italic </font></p>
</body>
Hasil 7:
Tag-Tag HTML

Catatan : untuk menggunakan gambar pada background anda ganti bgcolor menggunakan Background.
Contoh : background=”namafile.jpg/png/dll/ atau bisa juga dg URL”

Untuk lebih jelasnya tentang tag dan defenisinya anda bisa melihat Disini

Related Posts

Tambahkan Komentar

Disqus Comments

3 komentar: