Thursday, 23 May 2013

Contoh Penulisan Script Komentar pada HTML

Assalamua'alaikum

Ini ada contoh penggunaan script Komentar pada HTML,ketik dan simpat dalam format HTML (namafile.html).

<html>
<head>
<title> Contoh penulisan komentar </title>
</head>
<body>
<!--Tuliskan komentar-->
<p> Lihat script biar tw broo.... </p>
</body>
</html>

Yang berkalimat tebal dan berwarna adalah tag untuk menuliskan sebuah komentar yaitu diawalai dengan <!--....kemudian diakhiri dengan -->,komentar yang dituliskan tidak akan terlihat pada webnya.

ini adalah hasilnya :


Menggunakan Karakter Spesial pada HTML

Assalamua'alaikum

Ini ada contoh penggunaan karakter spesial pada HTML,ketik dan simpat dalam format HTML (namafile.html).

<html>
<head>
<title> Karakter Spesial </title>
</head>
<body>
<h3> Contoh Penggunaan Karakter Spesial </h3>
<pre>
&#187; tag<i> &1t;I&gt;</i>digunakan untuk memiringkan teks
&#187; Kurt G&ouml;del Adalah seorang ahli matematika Jerman
&#187; Menggunakan Karakter Spesal
  &#185; <b>&amp;copy;</b> untuk membuat tanda &copy;
  &#178; <b>&amp;reg;</b> untuk membuat tanda &reg;
  &#179; <b>&amp;trade;</b> untuk membuat tanda &trade;
  </pre>
  </body>
  </html>

Ini adalah hasilnya :

Menggunakan Tag Div pada HTML

Assalamua'alaikum

Ini adalah contoh penggunaan script Tag Div pada HTML kemudian simpan dengan format html (namafile.html).

<html>
<head>
<title> Penggunaan Tag DIV </title>
<body>
<div align="right"> teks rata kanan dalam tag div </div>
<div align="center"> teks rata tengah dalam tag div </div>
<div align="left"> teks rata kiri dalam tag div </div>
</body>
</html>

dan ini hasilnya :


Tuesday, 7 May 2013

Menggunakan Tag Pre pada HTML

Assalamua'alaikum

Ini ada contoh penggunaan tag pre pada HTML,ketik dan simpat dalam format HTML (namafile.html).

<html>
<head>
<title> Penggunaan tag Pre </title>
<body>
<h3> Contoh Penggunaan tag pre </h3>
<pre>
Teks ini menggunakan S P A S I dan ENTER
untuk berpindah kebaris ini.
</pre>
<p>Tag Pre juga sangat cocok digunakan untuk menuliskan baris program seperti dibawah ini </p>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>


ini dia hasilnya :


Contoh Blockquote pada HTML

Assalamua'alaikum

Kali ini mari kita belajar tentang BLOCKQUOTE pada HTML,langsung saja ketik script dibawah ini dan lihat hasilnya jangan lupa simpan filenya dengan format HTML (namafile.html).

<html>
<head>
<title> Definisi Blockquote </title>
</head>
<body>
<blockquote>
Blockquote adalah salah satu jenis tag yang berfungsi untuk menuliskan suatu kutipan teks.
Dengan mengabaikan spasi dan membuat teks menjorok kedalam.
</blockquote>
</body>
</html>

ini dia hasilnya :


Membuat Align dengan HTML

Assalamua'alaikum

Ini dia script untuk membuat align pada HTML...

<html>
<head>
<title> Membuat Align </title>
</head>
<body>
<p align="right"> Rata Kanan </p>
<p align="center"> Rata Tengah </p>
<p align="left"> Rata Kiri </p>
<p align="justify"> Rata justify </p>
</body>
</html>

ini dia hasilnya :


Membuat Paragraf dengan HTML

Assalamua'alaikum

Skarang saya mau memberikan cara membuat paragraf pada HTML.Sebelumnya baca dulu postingan
sebelumnya agar lebih jelas.

langsung saja silahkan ketik script di bawah ini dan simpan dengan format HTML (namafile.html)

<html>
<head>
<title> Membuat paragraf </title>
</head>
<body>
<p> paragraf pertama </p>
<p> paragraf kedua </p>
<p> paragraf ketiga </p>
</body>
</html>

dan ini hasilnya :


Dasar-Dasar HTML

Assalamua'alaikum
Post kali ini tentang HTML....sekarang mari belajar HTML mulai dari bagan HTML....

ini dia bagan HTML,sebelum itu HTML diketik pada text editor seperti notepad,notepad++,dll.

<html>
<head>
<title>......</title>
</head>
<body>
 .........................

</body>
</html>

ini dia keterangannya :
 <html> = awalan wajib untuk HTML
<head> = untuk judul tdak diketik juga tidak masalah
<title> = peletakkan judul HTMl diketik juga tidak masalah
</title> = penutup dari <title>
</head> = penutup dari </head>
<body> = Untuk mengisi bagian dari HTML wajib diketik
</body> = penutup dari HTML
</html> = penutup dari <html>

Sebanarnya masih banyak tag dari HTML  dan akan dibahas pada postingan selanjutnya.....

berikut adalah contohnya :

<html>
<head>
<title> Judul Dokumen </title>
</head>
<body>
 Digunakan untuk mengisi data-data
 </body>
 </html>

Keterangan : diketik pada NOTEPAD dan disimpan dengan format HTML
contoh : namafile.html
stelah disimpan silahkan doble klik pada filenya,dan lihat hasilnya

hasil :