Rabu, 16 Mei 2012

Belajar Mengenal HTML bersama Kediri Hacker

Saya akan memberi kan sedikit contoh pengertian tentang HTML,apa sih HTML itu.........
HTML adalah sebuah dokumen yang dapat melakukan link hypertext, yaitu sebuah teks yang diberi teg khusus yang dapat membuat browser yaitu dapat melompat ke halaman web lain di server.
Untuk Softwarenya anda bisa menggunakan sostware yang gratisan atau bisa juga yang full kalau kalian banyak duit beli

Next, Software yang bisa digunakan contohnya Dreamweaver, 1st Page 2006, Noteped HTMLed Pro, banyak deh pokoknya softwarenya...
kamu bisa juga download di link yg ada di kolom bawah ini,saya sebenar nya dulu juga tidak tahu tentang HTML,semenjak saya mengenal Blog,saya sering melihat HTML yg sangat rumit dan tidak saya paham i,tetapi semenjak itu saya terbiasa melihat HTML,ternyata kalau kita sudah mengenal HTML sangat mudah memaham i nya,di bawah ini contoh code dasar penjelasan tentang HTML dengan menggunakan 
software

Code:
Macromedia Dreamwaver v6.0
klik disini download dari indowebster
klik disini download dari rapidshare
Date upload: 20/09/08 Size: 47.69MB
password : angga-online


Dreamweaver MX 2004 updater
http://download.macromedia.com/pub/drea…ate_en.exe
kapasitas 20.1 MB

Download First Page 2006 FINAL
http://www.evrsoft.com/fp2006-final-3.00-setup.zip
kapasitas 9.8 MB


Oke udah dapat belum softwarenya?!! kalau sudah gue mulai aja code-code dasar yang ada di HTML itu apa aja?!!

Code:
code-code HTML itu selalu di awali dengan tanda "<" dan ditutup dengan tanda ">"


contoh :

Code:
<B>, <CENTER>, <I>, <PRE>

waduh banyak deh... yang lainnya ntar kalain tau sendiri kok...
next...

Code:
untuk Tebal in huruf
<B>kata-kata kamu</B>
untuk miring in huruf
<I>kata-kata kamu</I>
untuk tengahin huruf
<CENTER>kata-kata kamu</CENTER>
Kolaborasi ketiga code tersebut
<CENTER><B><I>kata-kata kamu</I></B></CENTER>


pandai-pandai kalian deh manfaatinnya atau lebih mudah pakai softwarenya aja deh... ada kok menunya gak jauh beda beda kok dengan Microsoft Word
atribut lain :

Code:
<HR ALIGN="center" WIDTH="80"> ditutup dengan </HR>
<A HERF="http://www.friendstertalk.com/"> ditutup dengan </A>
<H1 ALIGN="center"> ditutup dengan </H1>
<PONT SIZE="7" COLOR="blue"> ditutup dengan </PONT>


ow.. ia ada karakter khusus yang lain...

Code:
<    menggunakan code <
>    menggunakan code >
&    menggunakan code &
"    manggunakan code "
Spesi mengguakan code  


nah kalau di HTML menggunakan spasi atau enter lebih dari 1 karekter diangkap 1 spasi jadi untuk mengatasinya kamu bisa gunakan code

Code:
<PRE>ditutup
dengan</PRE>


untuk menyisipkan dokumen anda bisa mnggunakan code

Code:
<-- ditutup dengan -->
u


untuk title menggunakan code

Code:
<TITLE>ditutup dengan</TITLE>


next untuk code warna untuk global

Code:
text="warna" untuk warna teks
link="warna" untuk warna link
vlink="warna" untuk link yang pernah di kunjungi
background="file_gambar" untuk latar belakang gambar
bgcolor="warna" untuk warna latar belakang


nah code-code itu di ipit dangan

contoh:

Code:
<BODY TEXT="white" BGCOLOR="black">kata-kata kamu</BODY>


untuk warna-warnanya ini codenya

Code:
black = #000000              Blue = #0000FF                      Olive = #808000
White =#FFFFFF                Fuchsia = #FF00FF                  Green = #008000
red =#FF0000                  Gray = #808080                      Teal = #008080
Yellow = #FFFF00              Silver = #C0C0C0                    Nevy = #000080
Lime = #00FF00                Maroon= #800000                    Purple = #800080
Aque = #00FFFF


menyisipkan link

Code:
<A HREF="http://www.friendstertalk.com/">Forum FS Indonesia</A>


membuat teks berkedip

Code:
<B><BLINK>PERHATIAN</BLINK></B>


membuat teks berjalan

Code:
dengan tag <MARQUEE> ditutup dengan </MARQUEE>
atribut yang digunakan :
BGCOLOR="warna" untuk mengatur warna BG teks
DIRECTION="lift|right" untuk mengatur arah gerakan teks
BEHAVIOR="scroll|slide|alternate" untuk mengatur prilaku garakan
TITLE="pesan" untuk menampilkan pesan saat mouse berada di atas teks
SCROLLAMOUNT="angka" untuk mengatur kecepatan gerak dalam pixel
SCROLLDELAY="angka" untuk mengatur waktu tanda gerak dalam milidetik
LOOP="angka|-1|infinite" untuk mengatur jumpah loop
WIDTH="lebar" untuk mengatur lebar blok teks dalam pixel atau persen


contoh:

Code:
<CENTER><FONT FACE="arial" COLOR="white"><B>
<MARQUEE BGCOLOR="blue" WIDTH="70%">
taks ini ditampilkan berjalan dari kanan ke kiri !!!
</MARQUEE>
</B></FONT></CENTER>


menampilkan foto

Code:
<BODY>
<IMG SRC="http://www.friendstertalk.com/foto.jpg" WIDTH="180" HEIGHT="240"> foto ukuran 180x240 pixel
</BODY>


untuk menyisipkan code JS bisa di apit dengan code...

Code:
<script language='javascript'>
code JS nya
</script>


untuk menjalankan di FS kalian bisa menjalankan injek dengan code

Code:
Code:

/* -------------------------------------------------- HTML injection */
var myplace = document.location.href;
if (myplace == "http://profiles.friendster.com/user.php?uid=ID FS kamu"){
}

else if (myplace == "http://profiles.friendster.com/user.php?uid=ID FS kamu"){
}

else {
    location.href = "URL HTML kamu";
}





Kumpulan Tag Html

Code:
<!--    -->
Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser

<a href>
Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut

<a name>
Membuat nama bagian yang didefinisikan pada link pada halaman yang sama

<applet>
Sebagai awal dari Java applets

<area>
Mendefinisikan daerah yang dapat diklik (link) pada image map

<b>
Membuat teks tebal

<basefont>
Membuat atribut teks default seperti jenis, ukuran dan warna font

<bgsound>
Memberi (suara latar) background sound pada halaman web

<big>
Memperbesar ukuran teks sebesar satu point dari defaultnya

<blink>
Membuat teks berkedip

<body>
Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link

<br>
Pindah baris

<caption>
Membuat caption pada tabel

<center>
Untuk perataan tengah terhadap teks atau gambar

<comment>
Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser

<dd>
Indents teks

<div>
Represents different sections of text.

<embed>
Menambahkan sound or file avi ke halaman web

<fn>
Seperti tag <a name>

<font>
Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks

<form>
Mendefinisikan input form

<frame>
Mendefinisikan frame

<frameset>
Mendefinisikan attribut halaman yang akan menggunakan frame

<h1> ... <h6>
Ukuran font

<head>
Mendefinisikan head document.

<hr>
Membuat garis horizontal

<html>
Bararti dokumen html

<i>
Membuat teks miring

<img>
Image, imagemap atau an animation

<input>
Mendefinisikan input field pada form

<li>
Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )

<map>
Mendefinisikan client-side map

<marquee>
Membuat scrolling teks (teks berjalan) - hanya pada MS IE

<nobr>
Mencegah ganti baris pada teks atau images

<noframes>
Jika browser user tidak mendukung frame

<ol>
Mendefinisikan awal dan akhir list

<p>
Ganti paragraf

<pre>
Membuat teks dengan ukuran huruf yg sama

<script>
Mendefinisikan awal script

<table>
Membuat tabel

<td>
Kolom pada tabel

<title>
Mendefinisikan title

<tr>
Baris pada tabel

<u>
Membuat teks bergaris bawah


itu lah contoh2 sebagian kecil tentang HTML semoga bermanfaat bagi anda yang inggin mengenal HTML,jangan lupa memberi komentar dan follow nya,THANKS

0 komentar:

Posting Komentar

Komtar serta Follower nya juga ya Thank

Kediri hacker © 2008 Template by:
SkinCorner