This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Sunday, December 5, 2010

Kode-Kode html yang biasa ditulis di Blog

Sunday, December 05, 2010    2 comments
Kode-kode pada blog umumnya ditulis menggunakan bahasa HTML (HyperText Markup Language) namun ada juga yang menggunakan dealam format CSS (Casaading Style Sheets), berikut adalah kode-kode yang biasa digunakan didalam penulisan Blog atau pemformatan tampilan Blog.

Tag Dasar
<HTML> . . . </HTML> merupakan dasar dalam pembuatan script html.
<HEAD> . . . </HEAD> merupakan tag informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
<Title> . . </title> merupakan tag untuk penulisan judul tulisan.
<body>…</body> merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia).

Format tulisan
<right> . . . </right> penulisan dengan rata kanan
<left> . . . </left> penulisan dengan rata kiri
<center> . . . </center> penulisan dengan rata tengah
. . . <br> untuk membuat baris baru (fungsinya sama ketika kita menekan tombol ENTER)
<p> . . .</p> Pembuatan paragraph pada sebuat artikel/ tulisan
<h1> . . . </h1> Untuk membuat Heading pada suatu artikel, format heading memiliki 6 macam, yaitu dari <h1> sampai <h6>, dengan ukuran font <h1> yang paling besar, dan <h6> yang paling kecil.
<font> . . . </font> untuk pemformatan bentuk/ gaya tulisan, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), contoh:
 <font face="Arial" size="3" color="red"> . . . </font>
Maksudnya adalah tulisan akan memiliki font: Arial, dengan ukuran :3 dan dengan warna : merah.
<hr> digunakan untuk membuat garis horizontal ditempat dimana dia diletakkan.
<tt> . . . </tt> membuat tulisan dengan gaya mesin ketik
<b> . . . </b> membuat tulisan bercetak Tebal(Bold)
<strong> . . . </strong> Membuat Tulisan Tebal, fungsinya sama dengan <b> . . . </b>
<i> . . . </i> membuat tulisan bercetak Miring (Italic)
<em> . . . </em> sama fungsinya seperti <i> . . </i>
<u>. . . </u> Membuat tulisan Bergaris Bawah
<strike>. . .</strike> membuat teks bercoret
<big>. . .</big> membuat ukuran teks menjadi lebih besar dari normal
<small>. . . </small> membuat teks lebih kecil dari normal
Teks menggunakan Subscript: Molekul Air adalah H<sub>2</sub>O
Teks menggunakan Superscript: Hasil dari 10<sup>2</sup>=100
<pre>. . . </pre> digunakan untuk menuliskan lagu / puisi.

Hyperlink

<a href="Link Tujuan"> <img src="alamat gambar" border="0" width="147" height="31"></a>
Untuk membuat hyperlink ke sebuah link tujuan dengan gambar dengan ukuran lebar: 147 dan tinggi gambar: 31.

<a href="Link Tujuan"> <img src="alamat gambar" border="0" width="147" height="31" align="left"></a>
Fungsinya sama dengan kode diatas namun dengan penambahan format peletakkan gambar yang mengandung link tersebut, pada kode diatas ditulis (align=”left”) berarti gambar tersebut akan terletak di kiri, anda bisa menggantinya dengan right=kanan, atau center=tengah.

<a href="Link Tujuan" title="Isi dari komentar"><img src="alamat gambar" border="0" width="147" height="31" align="left" alt="tulisan anda"></a>
Fungsi kode diatas apabila kita menyorot gambarnya maka akan muncul sebuah komentar mengenai keterangan dari link diatas

<a href="Link Tujuan"> <img border="0" src="alamat gambar" width="120" height="30" align="left" alt="tulisan anda"></a>
Fungsi kode diatas, kita boleh mengatur untuk tidak menampilkan gambar(image) dan semua gambar akan ditampilkan dengan teks alternative (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x.

Jika ingin mencopy artikel ini ke Blog anda harap menyertakan alamat dari Blog ini..
http://www.fadlypuccino.co.cc/
Read More

Saturday, November 27, 2010

Format Teks HTML

Saturday, November 27, 2010    No comments
Bagaimana Format text pada html?
Jika anda telah mengetahui sedikit tentang peraturan penulisan elemen-elemen pada html, maka tidaklah sulit untuk memformat text pada html.
Jika anda belum mengerti mengenai peraturan penulisan elemen-elemen pada html, bisa anda baca DISINI
Buka notepad anda, copy dan pastekan script html berikut.
<html>
<head>
<title>Bagian Penulisan Judul</title>
</head>
<body>
Ini adalah bagian penulisan naskah
<p>Ini adalah contoh membuat paragraph.</p>
<p>ini contoh paragraph kedua.</p>
<p>ini adalah paragraph yang terakhir de-<br>
ngan baris baru.<br>
Dan ini baris selanjutnya</p>
</body>
</html>

Keterangan:
Untuk membuat paragraph maka tag elemen htmlnya adalah <p> . . . </p>
Untuk membuat baris baru menggunakan <br>, tag <br> tidak memerlukan lagi tag penutup.

Selanjutnya contoh penggunaan  tag <hr> dan <hl>.
Lanjutkan dengan contoh berikut.

<html>
<head>
<title>Bagian Penulisan Judul</title>
</head>
<body>
<hr>
<h1>Contoh tulisan HTML ku.</h1>
Dibuat Oleh: <!-- isikan dengan nama anda -->
<hr>
Ini adalah bagian penulisan naskah
<p>Ini adalah contoh membuat paragraph.</p>
<p>ini contoh paragraph kedua.</p>
<p>ini adalah paragraph yang terakhir de-<br>
ngan baris baru.<br>
Dan ini baris selanjutnya</p>
</body>
</html>

Keterangan:
Tag <hr> digunakan untuk membuat garis horizontal,
Tag <h1>. . .</h1> digunakan untuk membuat Heading pada suatu artikel, ukurannya ada 6 jenis, <h1> sampai <h6> ukuran font <h6> adalah yang paling kecil.
Tag <!-. . .-> digunakan untuk menuliskan komentar.
Yang di cetak tebal adalah script tambahan dari script html sebelumnya.

Lanjut lagi gan. .
Coba kalian copy pastekan script dibawah ini pada notepad kalian, untuk mengetahui cara format teks html.

<html>
<head></head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dibuat oleh: <!-- isikan dengan nama anda -->
<hr>
<p>Contoh format-format teks pada html.<br>
Contohnya adalah sebagai berikut:</p>
<p>Teks Normal<br>
<tt>Teks mesin ketik</tt><br>
<b>Teks tebal (bold)</b><br>
<strong>Teks tebal dengan perintah Strong</strong><br>
<i>Teks dengan italic (miring)</i><br>
<em>Teks miring dengan perintah Emphasized</em><br>
<u>Teks bergaris bawah (underline)</u><br>
<strike>Teks tercoret (strike)</strike><br>
<big>Teks lebih besar dari normal</big><br>
<small>Teks lebih kecil dari normal</small><br>
Teks menggunakan Subscript: Molekul Oksigen adalah O<sub>2</sub><br>
Teks menggunakan Superscript: Hasil dari 4<sup>2</sup>=16<br></p>
</body>
</html>

Kalau mau mengedit tinggal ganti saja kata-kata diatas.
Read More

Belajar HTML yuk. .

Saturday, November 27, 2010    No comments
Buat kalian yang baru pertama kali memulai untuk belajar mengenai Html, anda telah menemukan tempat yang tepat untuk belajar Html dengan cara yang mudah dan praktis.
Ada banyak sekali berbagai template untuk Blog yang bisa digunakan, namun tetap saja kita harus memodifikasi sedikit demi sedikit agar tampilannya sesuai dengan kehendak kita.
Untuk Belajar mengenai Html ini anda bisa menggunakan aplikasi Ms.Front Page, DreamWeaver, dan juga Notepad/text editor, namun jika anda baru pertama kali belajar Html disarankan dengan menggunakan Notepad saja yang lebih mudah digunakan.
Disaat belajar Html, anda bisa mengcopy-pastekan script Html kedalam notepad yang telah dipersiapkan sebelumnya dan di save as dengan ekstensi “.html” dan bisa di preview pada browser anda.
Pengertian singkat Html
Html adalah kepanjangan dari Hypertext Markup Language yang merupakan bahasa standar yang digunakan untuk membuat dokumen Html (halaman web) yang isinya terdiri dari kode-kode singkat tertentu, dimana kode-kode tersebut dapat memerintahkan sebuah web browser untuk menampilkan halaman web yang terdiri dari berbagai macam format file seperti text, grafik, animasi, link dan juga audio video.
Didalam sebuah dokumen Html, terdapat struktur penyusun Html tersebut diantaranya adalah tag, elemen, atribut, dan nilai.
Tag biasanya terdiri dari lambang-lambang khusus seperti: “<” , “>” dan “/”, biasanya dimulai dengan tag pembuka seperti “<….>” dan diakhiri dengan tag “</….>”
Elemen biasanya terdiri atas: Html, Head, title, body, dan lainnya.
Memulai Html
Untuk memulai belajar Html, persiapkan terlebih dahulu aplikasi Notepad anda lalu copy dan pastekan contoh script Html dibawah ini pada Notepad anda.

<html>
<head>
<title>Contoh Penulisan Judul</title>
</head>
<body>
Ini adalah bagian penulisan naskah
</body>
</html>

Untuk menjalankannya anda tinggal save as pada notepad anda dan, beri nama dengan ekstensi “.html” (tanda tanda kutip) lalu pada kolom “save as type” pilih all files.
Lalu jalankan save an tersebut yang telah berekstensi .html .
Read More
Subscribe to: Posts (Atom)