Lazada

Macam - Macam Tag HTML Beserta Fungsi Dan Contohnya

2 Comments September 16, 2016
Macam - Macam Tag HTML Beserta Fungsi Dan Contohnya
Macam - Macam Tag HTML Dan Fungisnya Beserta Contohnya. Selamat datang di zona internetku, pada kali ini saya akan memposting tentang tag menu html beserta contoh dan fungsinya, mungkin saja kalian tidak tahu apa itu html, html ialah singkatan dari Hyper Text MarkUp Language yang berfungsi untuk membaca tanda - tanda dari format text html pada web dan biasanya tanda ini diakhiri dengan tanda <html>...</html> pada kode akhir tesebut. dan biasanya ini digunakan oleh para developer atau pengembang situs web atau blog, bahkan untuk memodifikasi sebuah template atau tema pada blog. dengan membuat tampilan blog atau web semakin bagus maka kita bisa membuat para pengunjung betah berlama lama di blog kita dan kita juga bisa membuat blog kita disenangi para pengunjung dengan memberikan sebuah navigasi didalam blog sehingga para pengunjung juga tidak tersesat, apalagi kalau blog kita itu seo maka blog kita akan mudah di cari oleh para pengunjung blog. yap, langsung saja saya tunjukkan berikut ini adalah macam - macam tag html yang dapat saya sampaikan

<html>...</html>
untuk membaca tanda (tag) kode html

<title>...</title>
sebagai judul web

<head>...</head>
untuk mendefinisikan sebuah judul dokumen

<body>...</body>
untuk membuat isi halaman web

<a href="#">...</a>
untuk membuat tujuan link yang kalian inginkan

<table>...</table>
berfungsi untuk membuat tabel

<tr>...</tr>
berfungsi untuk membuat baris dalam tabel

<td>...</td>
berfungsi untuk membuat kolom dalam tabel

<p>...</p>
berfungsi sebagai membuat paragraf baru

<br>...</br>
berfungsi sebagai membuat baris baru

<marquee>..</marquee>
untuk membuat teks menjadi berjalan

<img src=gambar kalian.jpg>
untuk memasukkan gambar kedalam web

<b>...</b>
untuk menebalkan tulisan

<i>...</i>
untuk memiringkan tulisan

<u>...</u>
untuk memberi garis bawah pada tulisan

<s>...</s>
untuk membuat garis lurus horizontal didalam teks

<ol>...</ol>
mendefinisikan sebagai awal dan akhir sebuah numbering

<ul>...</ul>
mendefisikan sebagai awal dan akhir sebuah bullets

<!-- Comments -->
untuk membuat sebuah komen pada tag html

Cara menggunakan kode tag HTML
1. Buka software notepad pada komputer kalian dan kemudian salin kode html dibawah ini


<html>
<title>Belajar Html</title>

<body>
<h1>Belajar Html</h1>
<h2>Belajar Html</h2>
<br>
<marquee><br><a href="letakkan url disini">Tutorial Html Tulisan Berjalan</a></br></marquee>
<p><a href="letakkan url disini">Tutorial Photoshop</a></p>
<P><a href="letakkan url disini">Tutorial Corel Draw</a></p>
</br>

<table border='5' width='250px' height='120px'>
<tr>
<td align='center'>Tutorial Html</td><td>Tutorial Css</td>
</tr>
<tr>
<td>Tutorial Javascript</td><td align='right'>tutorial Php</td>
</tr>
</table>

<ul>
<li>tutorial html</li>
<li>tutorial photoshop</li>
<li>tutorial corel draw</li>
<ul>
<li>vektor</li>
<li>tracing</li>
</ul>
</li>
</ul>

<ol>
<li>tutorial html</li>
<li>tutorial photoshop</li>
<ol>
<li>manipulasi</li>
<li>efek</li>
</ol>
</li>
<li>tutorial corel draw</li>
</ol>

</body>
</html>

2. Jika kode tag html tersebut sudah di letakkan kedalam notepad maka kalian harus menyimpannya menggunakan format .html seperti ini

Macam - macam Tag HTML Beserta Fungsi Dan Contohnya

3. Jika kode html tersebut sudah simpan menggunakan format .html maka kalian bisa melihat hasilnya mengguanakan browser yang ada di komputer kalian seperti chrome, mozilla, dan lainnya.
Dan berikut ini adalah hasil dari kode tag html di atas

Macam - macam Tag HTML Beserta Fungsi Dan Contohnya 2

Jika kalian ingin melihat hasilnya secara langsung dari buatan saya maka kalian bisa klik berikut ini Demo
Baca juga tutorial selanjutnya Belajar Cara Menggunakan Dasar Css Untuk Web Desain

demikian itulah macam - macam tag html yang saya kasih tau kepada kalian, apabila ada kesalah saya menyampaikan mohon maaf dan juga semoga bermanfaat bagi kita semua. sampai jumpa dan terima kasih. dan sampai jumpa lagi ditutorial berikutnya, hanya di zona internetku. dan jangan lupa untuk like fanspage saya supaya bisa terus untuk update artikel disini
Promo Menarik
Thumbnail
Diskon Barang Elektronik Di Lazada Hingga 80%
Cek disini
Thumbnail
Promo Cuci Gudang, Diskon Sampai 50%
Cek disini
Thumbnail
Murah Pol - Barang Murah Berkualitas Mewah
Cek disini
Thumbnail
Tampil Cantik Gak Perlu Mahal - Diskon 50%
Cek disini
Thumbnail
Kumpulan Barang Untuk Kesehatan - Diskon 50%
Cek disini

2 comments:

  1. Terima kasih untuk artikelnya, perkenalkan saya Desy septiani(1922500152) dari http://www.atmaluhur.ac.id

    ReplyDelete

Komentar spam tidak akan di tampilkan !
Maka nikmat Tuhanmu yang manakah yang kamu dustakan?
Kembalilah ke jalan yang benar sebelum Allah sendiri yang memberikan peringatan kepadamu

Lazada