IndeksP O R T A LCalendarFAQPencarianAnggotaGroupPendaftaranLogin

Share | 
 

 Belajar HTML yuuk...!!!!

Topik sebelumnya Topik selanjutnya Go down 
Pilih halaman : 1, 2  Next
PengirimMessage
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Belajar HTML yuuk...!!!!   Sat 4 Jun 2011 - 9:56

Hi para detective. Ini umum buat siapapun yang mau belajar membuat web. Namun ini masih dasarnya aja yah. Langsung aja deh aku jelasin HTML itu apa. Check it out..!

HTML, yang merupakan singkatan dari HyperText Markup Language, adalah dominan bahasa markup untuk halaman web . HTML is the basic building-blocks of webpages. HTML adalah blok bangunan dasar-halaman Web.

HTML adalah bahasa pemrograman yang digunakan untuk membangun web secara dinamis.

Berikut ini kode singkat pada html

1. Buka Notepad
2. Ketik kode di bawah ini
Code:
<html>
<head>
<title>Helo world</title>
</head>
<body> Hello world. Ini web pertamaku.
</body>
</html>
3. save as berkas tersebut dengan nama "index.html" << .html inilah yang menunjukan extension untuk web. pada save as type pilih all files.
4. klik save
5. kemudian buka berkas tersebut menggunakan internet explorer atau browser lainnya
6. Web anda sudah jadi. Selamat...!

tunggu code selanjutnya...




HTML Heading

HTML heading adalah scrip yang digunakan untuk membesarkan tulisan. Digunakan untuk judul web atau sub judul web
Code:
 <h1> sampai <h6> tags.

Berikut kode singkat heading
1. Buka Notepad
2. Ketik kode di bawah ini
Code:
<html>
<head>
<title>Heading</title>
</head>
<body> <h1>Cara Membuat web</h1>
<h1> Ini heading 1</h1>
<h2> Ini heading 2</h2>
<h3> Ini heading 3</h3>
<h4> Ini heading 4</h4>
<h5> Ini heading 5 </h5>
<h6> Ini heading 6 </h6>
</body>
</html>
3. save as berkas tersebut dengan nama "heading.html" . Pada save as type pilih all files
4. klik save
5. kemudian buka berkas tersebut menggunakan internet explorer atau browser lainnya
6. Web anda sudah jadi. Selamat...!

tunggu code selanjutnya...


Marquee

Marquee adalah teksberjalan.

1. Buka Notepad
2. Ketik kode di bawah ini
Code:
<html>
<head>
<title>Marquee</title>
</head>
<body> <marquee> Selamat Datang </marquee>
</body>
</html>
3. save as berkas tersebut dengan nama "marquee.html" . Pada save as type pilih all files.
4. klik save
5. kemudian buka berkas tersebut menggunakan internet explorer atau browser lainnya
6. Web anda sudah jadi. Selamat...!

FONT

Ini digunakan untuk mengubah warna , jenis , dan besarnya tulisan.

1. Buka Notepad
2. Ketik kode di bawah ini
Code:
<html>
<head>
<title>Font</title>
</head>
<body> <marquee><font size="5" face="Algerian" color="#FF00FF"> Selamat Datang </font></marquee>
<font size="3" face= "Comic Sans MS" color="red">Ini adalah teks berukuran 3 berjenis Comic Sans MS dan berwarna merah</font>
<font size="3" face= "Times New Roman" color="blue">Ini adalah teks berukuran 3 berjenis Times New Roman dan berwarna biru</font>
</body>
</html>
3. save as berkas tersebut dengan nama "font.html" . Pada save as type pilih all files.
4. klik save
5. kemudian buka berkas tersebut menggunakan internet explorer atau browser lainnya
6. Web anda sudah jadi. Selamat...!


Background

Background digunakan untuk memberikan corak pada latar belakang web.
Bisa berupa warna atau gambar. Pertama kali saya akan menjelaskan backgroun warna.

1. Buka Notepad
2. Ketik kode di bawah ini
Code:
<html>
<head>
<title>Background</title>
</head>
<body bgcolor="#FFF00F">
<font size="3" face= "Comic Sans MS" color="red">Untuk merancang website, dibutuhkan kreativitas yang tinggi. Salah satu caranya yaitu menggabungkan dari beberapa atribut kedalam sebuah website.</font>
</body>
</html>
3. save as berkas tersebut dengan nama "font.html" . Pada save as type pilih all files.
4. klik save
5. kemudian buka berkas tersebut menggunakan internet explorer atau browser lainnya
6. Web anda sudah jadi. Selamat...!


Terakhir diubah oleh Vicaksana tanggal Sun 19 Jun 2011 - 10:51, total 11 kali diubah
Kembali Ke Atas Go down
Lihat profil user
R6
NDI Modz
NDI Modz


Contribute : 54
Jumlah posting : 3817
Lokasi : Indonesia

PostSubyek: Re: Belajar HTML yuuk...!!!!   Sat 4 Jun 2011 - 10:16

wuih,, keren nih.. good

sering2 update ya vic, ntar saya kasih CP+ deh.. Very Happy

_________________
Cool Cool Cool
Kembali Ke Atas Go down
Lihat profil user http://irvansuryo.blogspot.com
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Re: Belajar HTML yuuk...!!!!   Sat 4 Jun 2011 - 10:18

R6 wrote:
wuih,, keren nih.. good

sering2 update ya vic, ntar saya kasih CP+ deh.. Very Happy

sip kk..
Kembali Ke Atas Go down
Lihat profil user
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Re: Belajar HTML yuuk...!!!!   Sat 4 Jun 2011 - 15:28

UPDATE 4 Mei 2011
Kembali Ke Atas Go down
Lihat profil user
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Re: Belajar HTML yuuk...!!!!   Wed 13 Jul 2011 - 9:02

Sundul... cek tkp gan!

Udah update lagi.. yahooo....

Tapi kok nggak ada yang mampir yaa..? pundung 2
Kembali Ke Atas Go down
Lihat profil user
R6
NDI Modz
NDI Modz


Contribute : 54
Jumlah posting : 3817
Lokasi : Indonesia

PostSubyek: Re: Belajar HTML yuuk...!!!!   Wed 13 Jul 2011 - 19:08

mampir kok vic.. Very Happy

ayo, diapdet lagi semangat

_________________
Cool Cool Cool
Kembali Ke Atas Go down
Lihat profil user http://irvansuryo.blogspot.com
Yui Loverz
Plain Clothe Man
Plain Clothe Man


Age : 22
Contribute : 24
Jumlah posting : 2355
Lokasi : Tokyo, Japan

PostSubyek: Re: Belajar HTML yuuk...!!!!   Thu 14 Jul 2011 - 5:27

Mampir Mampir
Kembali Ke Atas Go down
Lihat profil user http://www.fu-fam.blogspot.com/
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Re: Belajar HTML yuuk...!!!!   Thu 14 Jul 2011 - 8:25

Siaaap kak..

Ready to update.. pahlawan
Kembali Ke Atas Go down
Lihat profil user
Yui Loverz
Plain Clothe Man
Plain Clothe Man


Age : 22
Contribute : 24
Jumlah posting : 2355
Lokasi : Tokyo, Japan

PostSubyek: Re: Belajar HTML yuuk...!!!!   Thu 14 Jul 2011 - 10:41

Bisa ga cak cariin saya kode buat bikin read more, tapi yang gampang? Very Happy

Soalnya saya bikin pake macam gitu gagal mulu, padahal asalnya sih berhasil terus sweat
Kembali Ke Atas Go down
Lihat profil user http://www.fu-fam.blogspot.com/
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Re: Belajar HTML yuuk...!!!!   Thu 14 Jul 2011 - 11:21

Siap kucari kak Kabur

*edit

Ini pake Java script kak.. aku belom sampe sono puyeng....

nih kak langkah2nya..

kalo ditaro di website,, taruh skrip ini di body.. (kayaknya HAMMER HEAD )

Kalo di blog masukin skrip ini setelah
Code:
</head>
kalo di blog ,, pilih edit html ,, terus centang tanda "expand widget templates"
terus cari setelah
Code:
</head>

Code:

<script type='text/javascript'>var thumbnail_mode = "no-float" ;

summary_noimg = 430;

summary_img = 340;

img_thumb_height = 100;

img_thumb_width = 120;

</script>

<script src='http://sites.google.com/site/hitsukeproject/summarypost.js' type='text/javascript'/>

Skrip itu bisa di ubah ubah kok.. dari width nya ,, height,, dsb.. cocokin sama artikel yang ada di blog kamu..

Kemudian ,, cari skrip ini :

Code:
<data:post.body/>

setelah itu,, masukin skrip ini ,, ditempatkan setelah
Code:
<data:post.body/>
yaaa...

Code:

<b:if cond='data:blog.pageType != "item"'>


<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");

</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read More </a></span>


</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Kata Read more bisa kamu ganti kok,, misalnya dengan "Baca Selengkapnya" atau "Mau tau lebih lengkap? Klik ajaa..." XD

Sesuai selera aja sih.. hehe Very Happy

Kalo udah,, tinggal save deh..

Eh tambahan,, kalo ada kode readmore yang lama,, hapus kode itu,, biar nggak berantem,, hihihi...

ini kan kode yang lama

Code:

    <div class='post-header-line-1'/>

    <div class='post-body entry-conten'>

    <b:if cond='data:blog.pageType == "item"'>

    <style>.fullpost{display:inline;}</style>

    <p><data:post.body/></p>

    <b:else/>

    <style>.fullpost{display:none;}</style>

    <p><data:post.body/></p>

    <a expr:href='data:post.url'>Read More......</a>

    </b:if>

hapus tuh yang lama kalo misalnya kamu udah buat yang lama,, kalo belom,, ya ga usah dicari-cari.. hihihi...


Terakhir diubah oleh Vicaksana tanggal Thu 14 Jul 2011 - 11:38, total 3 kali diubah
Kembali Ke Atas Go down
Lihat profil user
Yui Loverz
Plain Clothe Man
Plain Clothe Man


Age : 22
Contribute : 24
Jumlah posting : 2355
Lokasi : Tokyo, Japan

PostSubyek: Re: Belajar HTML yuuk...!!!!   Thu 14 Jul 2011 - 11:27

Sankyuu cak good

Oh iya jangan yang pakai < span >
Kembali Ke Atas Go down
Lihat profil user http://www.fu-fam.blogspot.com/
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Re: Belajar HTML yuuk...!!!!   Thu 14 Jul 2011 - 11:43

Udah diedit... Maap agak lama.. Maaf

Kalo gagal.. maap juga ya kak Maaf
Kembali Ke Atas Go down
Lihat profil user
Yui Loverz
Plain Clothe Man
Plain Clothe Man


Age : 22
Contribute : 24
Jumlah posting : 2355
Lokasi : Tokyo, Japan

PostSubyek: Re: Belajar HTML yuuk...!!!!   Thu 14 Jul 2011 - 11:56

Masih belom ngerti cak mewek

itu tuh langsung ada bacaan readmore otomatis apa mesti dimasukin kode lagi di postingannya?
Kembali Ke Atas Go down
Lihat profil user http://www.fu-fam.blogspot.com/
Dt.fisal
Case Solver
Case Solver


Contribute : 45
Jumlah posting : 2106
Lokasi : sea

PostSubyek: Re: Belajar HTML yuuk...!!!!   Thu 14 Jul 2011 - 12:04

mewek vic kirim lewat PM dong caranya..!!!
kagum yah belum ngerti HAMMER HEAD
Kembali Ke Atas Go down
Lihat profil user
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Re: Belajar HTML yuuk...!!!!   Thu 14 Jul 2011 - 12:14

Itu udah otomatis kak

Ga ngerti dimana nya...
Nanti aku jelasin kalo aku bisa ...
Spoiler:
 

Ya.. disini aja sal,, di PM malah ribet nantinya.. mati
Kembali Ke Atas Go down
Lihat profil user
R6
NDI Modz
NDI Modz


Contribute : 54
Jumlah posting : 3817
Lokasi : Indonesia

PostSubyek: Re: Belajar HTML yuuk...!!!!   Thu 14 Jul 2011 - 19:01

cak, itu kok makin mbingungin?? puyeng....

yang sederhana dulu aja lah..

_________________
Cool Cool Cool
Kembali Ke Atas Go down
Lihat profil user http://irvansuryo.blogspot.com
caendix
Advanced
Advanced


Age : 20
Contribute : 32
Jumlah posting : 2079
Lokasi : Western eternal overcast island

PostSubyek: Re: Belajar HTML yuuk...!!!!   Thu 14 Jul 2011 - 19:47

kakak keduluan guru IT saya ngakak
lebih lengkap malah ngakak <-- iyalah sweat

mau nambah2in dikit ah siul

oh ya, kalo gak salah background gambar itu

Code:
<bodybackground="D:/gambar.jpg">
gini yah? lupa.. sekalian ingat2... HAMMER HEAD

kalo naruh gambar

Code:
<imgsrc="D:/gambar.jpg">

HAMMER HEAD maaf kalo sesat..


Terakhir diubah oleh caendix tanggal Thu 14 Jul 2011 - 19:48, total 1 kali diubah (Reason for editing : kurang kerjaan)
Kembali Ke Atas Go down
Lihat profil user
Kyuuki
Case Solver
Case Solver


Contribute : 39
Jumlah posting : 729

PostSubyek: Re: Belajar HTML yuuk...!!!!   Fri 15 Jul 2011 - 1:31

Sayangna, kode2 gitu ga bisa dipake wordpress gratisan. Padahal sya pngguna setia wordpress HAMMER HEAD
Kembali Ke Atas Go down
Lihat profil user
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Re: Belajar HTML yuuk...!!!!   Fri 15 Jul 2011 - 9:14

Iya.. gambarnya itu harus di taro di dalem folder web..
Pilih gambar yang mau kakak jadiin background, terus simpan di misalnya : D:\Webs\image

Tempat tersimpannya gambar itu ada di dalam folder image...

Kalo masih belom ngerti juga,, ya aku jelasin sweat

Buat folder web kamu.. Buat foldernya di dir "D" aja yaah.. Soalnya kalo di "C" nanti kalo komputernya kena virus, trus ga ada cara lain selain install ulang, nanti data2 webnya bisa ilang semua..
Spoiler:
 
Misalnya nama foldernya "webs"
terus kamu masuk ke folder webs itu,, dan kemudian buat folder baru, (klik kanan new > folder sweat ) .. nama foldernya misalnya "image" << Buat naro gambar, animasi segala macem.

Nah udah jadi tuuh...
Jadi misalnya:

tempat penyimpanan web2 nya D:\Webs
tempat penyimpanan imagenya D:\Webs\image

Nah baru masukin background.. ni contoh aja yaaa...
Code:
<body background="D:\webs\image\Windows XP.jpg">

\Windows XP.jpg itu nama imagenya.. Inget harus ada extentionnya.. kalo ga ada.. ga bakal keluar gambarnya.. XD


Jadi scrip keseluruhannya begini...

Code:
</html>
<head>
</head>
<body background="D:webs\image\Windows XP.jpg">
</body>
</html>

Selamat mencoba.. peaceee....
Kembali Ke Atas Go down
Lihat profil user
K I D
Plain Clothe Man
Plain Clothe Man


Contribute : 67
Jumlah posting : 1535

PostSubyek: Re: Belajar HTML yuuk...!!!!   Fri 22 Jul 2011 - 12:52

di html bisa pake spoiler gk kk, kalo bisa gimana caranya bengong
minta contoh website yg pake html kk kalo bs, kirimin kode2nya ke pm,.. Maaf
Kembali Ke Atas Go down
Lihat profil user
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Re: Belajar HTML yuuk...!!!!   Fri 22 Jul 2011 - 13:13


Spoiler

Spoiler:
 


Terakhir diubah oleh Vicaksana tanggal Wed 27 Jul 2011 - 10:37, total 1 kali diubah
Kembali Ke Atas Go down
Lihat profil user
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Re: Belajar HTML yuuk...!!!!   Fri 22 Jul 2011 - 13:16

Udah kucoba.. Hasilnya gini


spoiler


Spoiler Untuk lihat Script:



Horeee bisaaaa.... Jangan lupa CP yaaa... Licik






Kembali Ke Atas Go down
Lihat profil user
K I D
Plain Clothe Man
Plain Clothe Man


Contribute : 67
Jumlah posting : 1535

PostSubyek: Re: Belajar HTML yuuk...!!!!   Fri 22 Jul 2011 - 13:46

sip, sip, tengkyu kk,..
cp sent,.. ngacir
Kembali Ke Atas Go down
Lihat profil user
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Re: Belajar HTML yuuk...!!!!   Fri 22 Jul 2011 - 13:55

Waah.. Tararengkyuuu banget kak... ngacir

Hanturnuhun Maaf
Kembali Ke Atas Go down
Lihat profil user
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Re: Belajar HTML yuuk...!!!!   Mon 25 Jul 2011 - 14:06

Update 25 Juli 2011


Link
Spoiler:
 

Paragraph
Spoiler:
 

Menyisipkan Gambar
Spoiler:
 

Style
Spoiler:
 

Unordered List
Spoiler:
 

Ordered List
Spoiler:
 

Macam-Macam List
Spoiler:
 


Terakhir diubah oleh Vicaksana tanggal Wed 27 Jul 2011 - 11:20, total 2 kali diubah
Kembali Ke Atas Go down
Lihat profil user
Sponsored content




PostSubyek: Re: Belajar HTML yuuk...!!!!   Today at 1:24

Kembali Ke Atas Go down
 

Belajar HTML yuuk...!!!!

Topik sebelumnya Topik selanjutnya Kembali Ke Atas 
Halaman 1 dari 2Pilih halaman : 1, 2  Next

Permissions in this forum:Anda tidak dapat menjawab topik
Net Detective Indonesia :: Warung Net Detective Indonesia :: Cyber-Life-