TUTORIAL CATATANKU

Selasa, 29 Agustus 2017

Tag Tag Pada HTML part I

Assalamualaikum wr wb

Setelah kemarin kita membahas mengenai struktur dasar pada HTML, sekarang kita akan membahas mengenai tag-tag yang ada pada HTML. Untuk lebih jelasnya langsung saja kita bahas mengenai tag yang ada pada HTML.

Berikut ini adalah tabel tag-tag HTML dan fungsinya:

Tag Utama

Tag	Atribut	Deskripsi
<html> </html>		Baris paling atas dari setiap file HTML
<head> </head>		Informasi umum dari sebuah halaman web
<title> </title>		Judul dari sebuah halaman web. Terdapat pada head
<body> </body>	Background Bgcolor Bgsound Font Link Alink Vlink Top margin Left margin Margin height Margin width	Settingan atribut untuk seluruh dokumen

Contoh penggunaan:

<html>

<head>

<title>Blog Tutorial CatatanKu</title>

</head>

<body>

WebSite Tutorial CatatanKu

</body>

</html>

Hasil:

Modifikasi Teks

Tag	Deskripsi
<b> </b>	Bold (Untuk menebalkan teks)
<i> </i>	Italic (Untuk memiringkan teks)
<u> </u>	Underline (Memberikan garis bawah pada teks)
<pre> </pre>	Preformatted teks (untuk memberikan pengaruh terhadap penggunaan tombol Enter, Tab, Spasi (lebih dari 1 spasi) pada halaman web)
<h1> </h1>	Header 1 (ukuran teks judul pada tingkat 1)
<h2> </h2>	Header 2 (ukuran teks judul pada tingkat 2)
<h3> </h3>	Header 3 (ukuran teks judul pada tingkat 3)
<h4> </h4>	Header 4 (ukuran teks judul pada tingkat 4)
<h5> </h5>	Header 5 (ukuran teks judul pada tingkat 5)
<h6> </h6>	Header 6 (ukuran teks judul pada tingkat 6)
<sub> </sub>	Subscript (memberikan efek pangkat di bawah)
<sup> </sup>	Superscript (memberikan efek pangkat di atas)
<small> </small>	Untuk mengecilkan huruf
<big> </big>	Untuk membesarkan huruf
<s> </s>	Untuk memberikan coretan pada teks
<tt> </tt>	Memberikan efek mesin tik pada teks

Contoh penggunaan:

<html>

<head>

<title>Blog Tutorila CatatanKu</title>

</head>

<body>

<h1>Contoh menggunakan header 1</h1>

<h2>Contoh menggunakan header 2</h2>

<h3>Contoh menggunakan header 3</h3>

<h4>Contoh menggunakan header 4</h4>

<h5>Contoh menggunakan header 5</h5>

<h6>Contoh menggunakan header 6</h6>

<pre>

ini merupakan contoh sebuah paragraf menggunakan tag < p r e > dan

terdapat tag-tag lain didalamnya seperti:

tag <b>. . .</b> => untuk <b>menebalkan</b> teks

tag <i>. . .</i> => untuk <i>memiringkan</i> teks

tag <u>. . .</u> => untuk <u>menggarisbawahi</u> teks

tag <sup>. . .</sup> => membuat teks super<sup>script</sup>

tag <sub>. . .</sub> => membuat teks sub<sub>script</sub>

tag <small>. . .</small> => untuk <small>mengecilkan</small> teks

tag <big>. . .</big> => untuk <big>membesarkan</big> teks

tag <s>. . .</s> => untuk <s>mencoret</s> teks

tag <tt>. . .</tt> => memberikan efek font <tt>mesin tik</tt>

dengan menggunakan

untuk berpindah ke baris selanjutnya atau untuk memberikan jarak

dan tab untuk membuat jarak seperti i n i.

</pre>

</body>

</html>

Hasil:

Font

Tag	Atribut	Deskripsi
<font> </font>	Color Size face	Mengubah gaya huruf dalam halaman web

Size => untuk mengatur ukuran suatu teks.

Color => untuk mengatur warna pada teks, pendefinisian warna dapat dilakukan dengan dua cara yaitu, melalui nama warna atau menggunakan nilai RGB warna.

Face => untuk mengubah jenis font.

Contoh penggunaan:

<html>

<head>

<title>Blog Tutorial CatatanKu</title>

</head>

<body>

color menggunakan nama warna

<font color="green" size="20pt" face="Arial"> WebSite Tutorial CatatanKu </font>

color menggunakan nilai RGB warna

<font color="#8A2BE2" size="20pt" face="Arial"> WebSite Tutorial CatatanKu</font>

</body>

</html>

Hasil:

Sekian postingan kali ini, selengkapnya akan dibahas pada postingan selanjutnya. Semoga bermanfaat dan seperti biasa jangan lupa bahagia.

HTML

Pengertian Elemen dan Tag pada HTML

Unknown 7:22:00 PM

Assalamualaikum wr wb...

CatatanKu akan membahas mengenai elemen dan tag pada HTML, langsung saja simak pembahasannya.

Dua komponen utama pembentuk dokumen HTML adalah Elemen dan Tag. Dengan adanya dua komponen ini, maka kita dapat membuat dokumen HTML dengan baik.

Elemen

Dalam dokumen HTML, elemen dibagi menjadi dua kategori utama, yaitu elemen-elemen <HEAD> yang berikan informasi tentang dokumen tersebut, seperti judul dokumen atauhubungannya dengan dokumen lain. Elemen-elemen <BODY> yang menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragraf, list (daftra), tabel dan lain-lain. Di dalam elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut.

Tag

Pada saat web browser menampilkan suatu web page, browser tersebut akan membaca teks-teks pada dokumen HTML, dan mencari kode khusus yang disebut tag. Tag diapit oleh tanda <>. Tag biasanya merupakan pasangan, yang disebut tag awal dan tag akhir. Tag awal dinyatakan dalam bentuk <nama tag> sedang tag akhir dinyatakan dalam bentuk </nama tag>.

Format umum suatu tag berpasangan adalah :

<nama tag> Teks yang akan ditampilkan </nama tag>

Catatan:

n HTML tidak membedakan penulisan huruf besar dan huruf kecil pada penulisan elemen maupun tag. Penulisan <i> dan <I> dianggap sama, campuran antara huruf besar dan kecil pun tidak berpengaruh <i>text</I>

n Tidak semua tag didukung oleh semua browser. Jika suatu browser tidak mengenali suatu tag tertentu, browser tersebut akan mengabaikan tag yang tidak dikenalnya dan menuliskan isi di dalam tag tersebut sebagai teks biasa.

Beberapa contoh penggunaan tag HTML:

Contoh	Hasil
<b>Ini tulisan tebal</b> <i>Ini tulisan miring</i> <u>Ini tulisan bergaris bawah</u> Ini baris 1<br>Ini baris 2 Ini garis horizontal <hr>	Ini tulisan tebal Ini tulisan miring Ini tulisan bergaris bawah Ini baris 1 Ini baris 2 Ini garis horizontal

Ada beberapa tag yang memilki atribut didalamnya, seperti tag <font>, <table>, <input> dan sebagainya. Pada tag font ia memiliki beberapa atribut diantaranya atribut: color, size, face. Untuk lebih memahami atribut lihatlah contoh berikut ini.

<font color="red" face="Arial" size="12">Ini Font Arial berwarna merah dan berukuran 12 pt</font>

hasil =>

Atribut color digunakan untuk menentukan warna tulisan.
Atribut face digunakan untuk menentukan jenis huruf.
Atribut size digunakan untuk menentukan ukuran huruf.

Penulisan program yang baik adalah secara terstruktur. Artinya antara tag pertama dan tag berikutnya tidak saling tumpang tindih.

Penulisan tag yang tumpang tindih :	Penulisan tag yang benar :
<tag1> teks tag1 <tag2> teks tag 2 </tag1> </tag2>	<tag1> teks tag1 <tag2> teks tag 2 </tag2> </tag1>

emungkinan kesalahan yang terjadi adalah lupa memberi tag awal atau tag akhir sehingga web page yang dihasilkan akan terlihat lain dari yang diinginkan.

Tidak semua tag mengikuti aturan seperti diatas, terdapat beberapa macam bentuk tag yang dikenal oleh HTML, di mana umumnya tag-tag dalam HTML muncul dalam bentuk seperti berikut :

Sebagai contoh :

<Title> Blog Tutorial CatatanKu </Title>

<BR>

<A Href="http://www.tutorial-catatanku.blogspot.co.id/"> WebSite Tutorial CatatanKu </a>

hasil =>