HTML berupa kode-kode tag yang menginstruksikan web browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.Disini kita akan belajar berbagai jenis elemen dasar pada html.
Elemen Dasar HTML
<html>
<head>
<title> Berisi judul yang tampil pada URL</title>
</head>
<body>
isi berada disini
</body>
</html>
HTML Heading
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
Secara berurutan perbedaannya adalah h1 sampai seterusnya adalah semakin kecil.
HTML Paragraf
<p> Ini adalah paragraf </p>
HTML Background
<!--warna background color dibawah ini kurang lebih pink, silahkan cari daftar warna lain-->
<body bgcolor="#f0d0d0"> </body>
HTML Line
<p> Teks ini menggunakan line </p> <hr />
<p> http://itfasilkom.blogspot.com</p>
HTML Link
<a href="http://belanjakeluarga.tokobagus.com">Toko Online Murah </a>
<a href="http://twitter.com/misterpunky">My twitter</a>
<a href="http://applikasiandroidku.blogspot.com">Aplikasi Android</a>
<a href="http://misterpunky.blogspot.com">About My Way</a>
HTML Komentar
Seperti pada bahasa pemrograman lain. Di Html juga menyertakan komentar yang tidak akan ditampilkan saat program di eksekusi. Caranya dibawah ini:
<!--KOmentar ini tidak akan ditampilkan-->
HTML Line Breaks
<p>Paragraf 1 ada dibaris pertama <br /></p>
<p>Paragraf 2 ada dibaris 2 <br /></p>
HTML Text Formating
<b> Teks ini tercetak tebal </b>
<u> Teks ini tercetak garis bawah</u>
<i> Teks ini tercetak italic atau miring </i>
<em>Teks ini tercetak emphasis </em>
<strong> This is Strong </strong>
<big> Teks ini Besar </big>
<small> Teks ini kecil </small>
<p> 5 <sup>2</sup>O dan H<sub>2</sub>O</p>
HTML Penyisipan Gambar dan Atribut Gambar
<img src="logo1belanjakeluarga.png" width="142" height="140" align="middle"> belanjakeluarga.tokobagus.com
<!--Letakkan logo gambar di server, kalau saya menggunakan xampp berarti di xampp-htdocs-->
Untuk latihan pertama kami membuat ini.
Jika anda ingin belajar kami sudah sediakan source kodenya.
<html>
<head>
<title>Learn HTML Basic</title>
<body bgcolor="#f0d0d0">
<h1> Latihan 1 HTML </h1>
<h2> itfasilkom.blogspot.com</h2>
<img src="logo1belanjakeluarga.png" width="142" height="140" align="middle"><a href="http://belanjakeluarga.tokobagus.com">Klik Website Kami</a><hr />
<pre><font size="5" font color="red" font style="Arial">http://belanjakeluarga.tokobagus.com</font>
Toko Online Murah di Semarang
<a href="http://twitter.com/misterpunky">@misterpunky</a>
pungki.it@gmail.com</pre><hr />
<p align="justify">Kami menawarkan produk handal, baru, harga bersaing, dan bergaransi.Produk-produk yang kami jual antara lain <b><big>accecories komputer</big></b> seperti <i>mouse, flashdisk, hardisk, micro-sd, keyboard,etc </i>. Produk yang kami jual tidak hanya accesories komputer saja, mungkin nanti akan terus berkembang ke produk lainnya seiring berjalannya waktu. <i>Selamat belanja</i> di toko kami. Untuk cara pembelian silahkan kunjungi website kami dan klik <u>"cara pembelian"</u></p>.
</body>
</head>
</html>
Sampai jumpan di PART 2
:)
0 comment:
Post a Comment