Kamis, 20 Desember 2012

TAG - TAG pada TEKS

Syalom buat para peminat BLOG BELAJAR HTML.

    Disini, saya memberikan sedikitnya tentang BELAJAR HTML dan Keterangannya tentang TAG-TAG pada TEKS,agar saudarah dapat mengerti cara belajar HTML lebih baik lagi.


HTML                                   Keterangan
 
<b></b>                                  Membuat tulisan tebal (bold)
<i></i>                                    Membuat tulisan miring (italic)
<u></u>                                  Membuat tulisan bergaris bawah (underline)
<sup></sup>                          Membuat tulisan naik setengah SPASI (superscript)
<sup></sup>                          Membuat tulisan turun setengah SPASI (superscript)
<br>                                        Turun kebaris berikutnya (break)
<p>                                          Membuat paragraf
<hn></hn>                             Membuat judul
<hr>                                        Membuat garis horizontal
<marquee></marquee>        Membuat tulisan berjalan
<blink></blink>                    Membuat tulisan berkedip
<font></font>                        contohnya :
                                            <font size="+10">www.janiushalomoan517aBat.blogspot.com</font>


       Selamat mencoba BELAJAR HTML anda..

Tutorial CSS_cara merubah posisi tulisan teks dengan CSS.



Syaloomm,,,,

    sekarang saya akan memberikan Tutorial CSS yang berkaitan dengan editing teks, yaitu Cara Merubah Posisi Tulisan Teks Dengan CSS,
walaupun merubah posisi teks ini juga dapat di lakukan dengan HTML, tetapi terdapat kelebihan tersendiri bila anda menggunakan CSS.

Agara lebih jelasnya lagi, mari kita lihat contoh code CSS berikut :

<html>
<head>
<title>Tutorial CSS - Cara Merubag Posisi Tulisan Teks Dengan CSS</title>
<style>
h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;} 
</style>
</head>
<body>
<h1>Saya Sedang Belajar CSS</h1>
<p class="date">Saya sedang belajar CSS</p>
<p class="main">Saya sedang belajar CSS</p>
</body>
</html>


Dari Code CSS di atas, dapat anda lihat hasilnya seperti berikut :


posisi teks CSS


Sekian Untuk tutorial CSS mengenai Cara Merubah Posisi Tulisan Teks Dengan CSS.

Sabtu, 15 Desember 2012

Karakter Khusus


Ini adalah characters khusus pada HTML.
Klik-lah, ikon dibawah maka anda akan tahu semua CHARACTERS yang ada pada HTML.
TERIMAH KASIH...

Characters       

  ! " # $ % & ‘ ( ) * + , – . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R [...]

Baca selengkapnya tentang: Karakter Khusus – Special Characters

Mengubah BackGround Pada HTML

 

Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:


<html>
<head></head>
<body bgcolor="#FF99FF">
<p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html>
 
 
Preview

Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:


<body bgcolor="#FFFF00">
<body bgcolor="rgb(250,250,0)">
<body bgcolor="yellow">
 
 
Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh…
Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif, .jpg atau .png yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg


<html>
<head></head>
<body background="background.jpg">
<font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2">
<p><font face="Verdana" size="4" color="black">Hai... Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br>
Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p>
</body>
</html>
 
 
Preview

Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http:


<html>
<head></head>
<body background="http://i52.tinypic.com/nmm2cz.jpg">
<p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..</p>
<p>Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!</p>
</body>
</html>

Ini Adalah TAG Dasar HTML

<html>
<head>
<title>Disini titel WEBSITEKU</title>
</head>
<body>
Disini adalah konten yang tampil di browser
</body>
</html>
 
 
ini previewnya

Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
Kemudian tag " <head>…</head>" (header) adalah 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.
Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".








Titel Websiteku



Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi maupun audio-video (multimedia).

Pengenalan Singkat HTML

 

          HTML (Hyper Text Markup Language)ialah merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.

          Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.

HTML mempunyai file perluasan (extention) HTM atau HTML. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".

Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) kode di bawah ini:

<html>
<head>
<title>Titel Websiteku</title>
</head>
<body>
Ini adalah dokumen HTML pertamaku
</body>
</html>
 
 
Preview

Simpan file tersebut ke C:\My Documents dengan nama "websiteku.htm." Ketika menyimpan file tersebut dengan Notepad ganti "save as type"-nya dengan "all files". Kemudian buka browser, dari menu File klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan.

*Lakukan hal yang sama untuk contoh-contoh selanjutnya.