Halaman 1 dari 3 • 1, 2, 3
Belajar HTML yuuk...!!!!
Vicaksana
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
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
Berikut kode singkat heading
1. Buka Notepad
2. Ketik kode di bawah ini
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
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
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
4. klik save
5. kemudian buka berkas tersebut menggunakan internet explorer atau browser lainnya
6. Web anda sudah jadi. Selamat...!
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>
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>
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>
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>
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>
4. klik save
5. kemudian buka berkas tersebut menggunakan internet explorer atau browser lainnya
6. Web anda sudah jadi. Selamat...!
Re: Belajar HTML yuuk...!!!!
R6
Sat 4 Jun 2011 - 10:16
wuih,, keren nih..
sering2 update ya vic, ntar saya kasih CP+ deh..
sering2 update ya vic, ntar saya kasih CP+ deh..
_________________
Re: Belajar HTML yuuk...!!!!
Vicaksana
Sat 4 Jun 2011 - 10:18
R6 wrote:wuih,, keren nih..
sering2 update ya vic, ntar saya kasih CP+ deh..
sip kk..
Re: Belajar HTML yuuk...!!!!
Vicaksana
Wed 13 Jul 2011 - 9:02
Sundul...
Udah update lagi..
Tapi kok nggak ada yang mampir yaa..?
Udah update lagi..
Tapi kok nggak ada yang mampir yaa..?
Re: Belajar HTML yuuk...!!!!
R6
Wed 13 Jul 2011 - 19:08
mampir kok vic..
ayo, diapdet lagi
ayo, diapdet lagi
_________________
Re: Belajar HTML yuuk...!!!!
Yui Loverz
Thu 14 Jul 2011 - 10:41
Bisa ga cak cariin saya kode buat bikin read more, tapi yang gampang?
Soalnya saya bikin pake macam gitu gagal mulu, padahal asalnya sih berhasil terus
Soalnya saya bikin pake macam gitu gagal mulu, padahal asalnya sih berhasil terus
Re: Belajar HTML yuuk...!!!!
Vicaksana
Thu 14 Jul 2011 - 11:21
Siap kucari kak
*edit
Ini pake Java script kak.. aku belom sampe sono
nih kak langkah2nya..
kalo ditaro di website,, taruh skrip ini di body.. (kayaknya )
Kalo di blog masukin skrip ini setelah
terus cari setelah
Skrip itu bisa di ubah ubah kok.. dari width nya ,, height,, dsb.. cocokin sama artikel yang ada di blog kamu..
Kemudian ,, cari skrip ini :
setelah itu,, masukin skrip ini ,, ditempatkan setelah
Kata Read more bisa kamu ganti kok,, misalnya dengan "Baca Selengkapnya" atau "Mau tau lebih lengkap? Klik ajaa..."
Sesuai selera aja sih.. hehe
Kalo udah,, tinggal save deh..
Eh tambahan,, kalo ada kode readmore yang lama,, hapus kode itu,, biar nggak berantem,,
ini kan kode yang lama
hapus tuh yang lama kalo misalnya kamu udah buat yang lama,, kalo belom,, ya ga usah dicari-cari..
*edit
Ini pake Java script kak.. aku belom sampe sono
nih kak langkah2nya..
kalo ditaro di website,, taruh skrip ini di body.. (kayaknya )
Kalo di blog masukin skrip ini setelah
- Code:
</head>
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/>
- 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..."
Sesuai selera aja sih.. hehe
Kalo udah,, tinggal save deh..
Eh tambahan,, kalo ada kode readmore yang lama,, hapus kode itu,, biar nggak berantem,,
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..
Re: Belajar HTML yuuk...!!!!
Yui Loverz
Thu 14 Jul 2011 - 11:27
Sankyuu cak
Oh iya jangan yang pakai < span >
Oh iya jangan yang pakai < span >
Re: Belajar HTML yuuk...!!!!
Vicaksana
Thu 14 Jul 2011 - 11:43
Udah diedit... Maap agak lama..
Kalo gagal.. maap juga ya kak
Kalo gagal.. maap juga ya kak
Re: Belajar HTML yuuk...!!!!
Yui Loverz
Thu 14 Jul 2011 - 11:56
Masih belom ngerti cak
itu tuh langsung ada bacaan readmore otomatis apa mesti dimasukin kode lagi di postingannya?
itu tuh langsung ada bacaan readmore otomatis apa mesti dimasukin kode lagi di postingannya?
Re: Belajar HTML yuuk...!!!!
Dt.fisal
Thu 14 Jul 2011 - 12:04
vic kirim lewat PM dong caranya..!!!
yah belum ngerti
yah belum ngerti
Re: Belajar HTML yuuk...!!!!
Vicaksana
Thu 14 Jul 2011 - 12:14
Itu udah otomatis kak
Ga ngerti dimana nya...
Nanti aku jelasin kalo aku bisa ...
Ya.. disini aja sal,, di PM malah ribet nantinya..
Ga ngerti dimana nya...
Nanti aku jelasin kalo aku bisa ...
- Spoiler:
- Aku aja belom eksperimen.. udah sok-sok an aku nya
Ya.. disini aja sal,, di PM malah ribet nantinya..
Halaman 1 dari 3 • 1, 2, 3
Permissions in this forum:
Anda tidak dapat menjawab topik
|
|