Halaman 1 dari 3 • 1, 2, 3
Belajar HTML yuuk...!!!!
Vicaksana
Sat 4 Jun 2011 - 9:56
First topic message reminder :
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...!
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>
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...!!!!
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..
Re: Belajar HTML yuuk...!!!!
R6
Thu 14 Jul 2011 - 19:01
cak, itu kok makin mbingungin??
yang sederhana dulu aja lah..
yang sederhana dulu aja lah..
_________________
Re: Belajar HTML yuuk...!!!!
caendix
Thu 14 Jul 2011 - 19:47
kakak keduluan guru IT saya
lebih lengkap malah <-- iyalah
mau nambah2in dikit ah
oh ya, kalo gak salah background gambar itu
kalo naruh gambar
maaf kalo sesat..
lebih lengkap malah <-- iyalah
mau nambah2in dikit ah
oh ya, kalo gak salah background gambar itu
- Code:
<bodybackground="D:/gambar.jpg">
kalo naruh gambar
- Code:
<imgsrc="D:/gambar.jpg">
maaf kalo sesat..
Re: Belajar HTML yuuk...!!!!
Kyuuki
Fri 15 Jul 2011 - 1:31
Sayangna, kode2 gitu ga bisa dipake wordpress gratisan. Padahal sya pngguna setia wordpress
Re: Belajar HTML yuuk...!!!!
Vicaksana
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
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..
terus kamu masuk ke folder webs itu,, dan kemudian buat folder baru, (klik kanan new > folder ) .. 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...
\Windows XP.jpg itu nama imagenya.. Inget harus ada extentionnya.. kalo ga ada.. ga bakal keluar gambarnya..
Jadi scrip keseluruhannya begini...
Selamat mencoba..
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
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:
- Kayak aku pernah gitu..
terus kamu masuk ke folder webs itu,, dan kemudian buat folder baru, (klik kanan new > folder ) .. 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..
Jadi scrip keseluruhannya begini...
- Code:
</html>
<head>
</head>
<body background="D:webs\image\Windows XP.jpg">
</body>
</html>
Selamat mencoba..
Re: Belajar HTML yuuk...!!!!
K I D
Fri 22 Jul 2011 - 12:52
di html bisa pake spoiler gk kk, kalo bisa gimana caranya
minta contoh website yg pake html kk kalo bs, kirimin kode2nya ke pm,..
minta contoh website yg pake html kk kalo bs, kirimin kode2nya ke pm,..
_________________
- Spoiler:
- apa yang harus dilakukan orang yg tidak dipilih Tuhan ?
yang tidak dipilih untuk punya iq jenius,..
yang tidak dipilih untuk punya kemampuan fisik yg bagus,..
yang tidak dipilih untuk punya kepekaan lingkungan khusus,..
ataupun lainnya,..
percuma saja mengeluh dengan kemampuan yg tidak kita miliki, yg harus kita lakukan hanyalah berjuang sekuat tenaga, untuk seumur hidup kita !!
Re: Belajar HTML yuuk...!!!!
Vicaksana
Fri 22 Jul 2011 - 13:13
Spoiler
- Spoiler:
- Nih kak scriptnnya..
Bisa diedit lagi kok..
- Code:
<html>
<head><title>spoiler</title>
<body>
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Horeee bisaaaa.... Jangan lupa CP yaaa... :licik:
<br>
</div>
</div>
</div>
</body>
</html>
Udah kucoba.. Hasilnya gini
spoiler
Spoiler Untuk lihat Script:
Re: Belajar HTML yuuk...!!!!
K I D
Fri 22 Jul 2011 - 13:46
sip, sip, tengkyu kk,..
cp sent,..
cp sent,..
_________________
- Spoiler:
- apa yang harus dilakukan orang yg tidak dipilih Tuhan ?
yang tidak dipilih untuk punya iq jenius,..
yang tidak dipilih untuk punya kemampuan fisik yg bagus,..
yang tidak dipilih untuk punya kepekaan lingkungan khusus,..
ataupun lainnya,..
percuma saja mengeluh dengan kemampuan yg tidak kita miliki, yg harus kita lakukan hanyalah berjuang sekuat tenaga, untuk seumur hidup kita !!
Re: Belajar HTML yuuk...!!!!
Vicaksana
Fri 22 Jul 2011 - 13:55
Waah.. Tararengkyuuu banget kak...
Hanturnuhun
Hanturnuhun
Re: Belajar HTML yuuk...!!!!
Vicaksana
Mon 25 Jul 2011 - 14:06
Update 25 Juli 2011
Link
Paragraph
Menyisipkan Gambar
Style
Unordered List
Ordered List
Macam-Macam List
Link
- Spoiler:
Link berguna untuk mengantarkan kita menuju sebuah situs atau sebuah halaman. Contoh sederhana :
- Code:
<html>
<head><title>Link</title>
</head>
<body>
<a href="http://www.netdetectiveindonesia.org">Net Detective Indonesia</a>
</body>
</html>
Paragraph
- Spoiler:
Paragraph berfungsi untuk membuat paragraph. Saya coba berikan sebuah skrip sederhana:
- Code:
<html>
<head> <title>Paragraf</title>
</head>
<body>
<p align="left">Paragraf rata kiri</p>
<p align="center">Paragraf rata tengah</p>
<p align="right">Paragraf rata kanan</p>
<p align="justify">Paragraf rata kiri dan kanan. Mudah bukan mempelajari html. Untuk menjadi web master, kita harus mempelajarinya dair yang simpel terlebih dahulu. Mempelajari beragam atribut dan skrip bahasa pemrograman. Hingga akhirnya kita mampu memadukan semua itu menjadi satu kesatuan yang asri.</p>
</body>
</html>
Menyisipkan Gambar
- Spoiler:
Skrip ini digunakan untuk menyisipkan gambar. Untuk memasukan daftar, tentunya kita harus menaruh gambar tersebut pada folder setelah folder web kamu. Misalnya D:\web\image.
Berikut skrip sederhananya.
- Code:
<html>
<head><title>Menyisipkan gambar</title>
</head>
<body>
<img src="namagambar.(extention)" width="104" height="142" />
</body>
</html>
Width berfungsi untuk mengatur kelebaran gambar. Height berfungsi untuk mengatur ketinggian gambar.
Style
- Spoiler:
Berfungsi untuk mengatur jenis huruf. Berikut kode singkatnya.
- Code:
<html>
<body style="background-color:PowderBlue;">
<h1>Coba perhatikan!</h1>
<p style="font-family:verdana;color:red;">
Text ini jenisnya verdana dengan warna merah</p>
<p style="font-family:times;color:green;">
Text ini berjenis TNR dan berwarna biru</p>
<p style="font-size:30px;">Text ini berukuran 30 pixel</p>
</body>
</html>
Unordered List
- Spoiler:
Berfungsi untuk mendaftarkan benda-benda secara default dan tidak berurutan. Contoh skrip sederhananya.
- Code:
<html>
<head>
<title>Unordered List</title>
</head>
<body>
<h4>Daftar Minuman</h4>
<ul>
<li>Teh Hijau</li>
<li>Kopi</li>
<li>Air Mineral</li>
</ul>
</body>
</html>
Ordered List
- Spoiler:
Ordered List berfungsi untuk Menampilkan daftar secara berurutan.
- Code:
<html>
<head>
<title>Ordered List</title>
</head>
<body>
<h4>Urutan Forum Detective Terbesar di Indonesia</h4>
<ol>
<li>Net Detective Indonesia</li>
<li>Detective Only Inside</li>
<li>CBIDG</li>
</ol>
</body>
</html>
Macam-Macam List
- Spoiler:
Berikut beberapa atribut dari List
- Code:
<html>
<head>
<title> Macam-macam List </title>
</head>
<body>
<h1> Macam-Macam List </h1>
<h4>Numbered list::</h4>
<ol>
<li>Vicaksana</li>
<li>K I D</li>
<li>Yui Loverz</li>
<li>Fisalmefi</li>
</ol>
<h4>Letters list:</h4>
<ol type="A">
<li>Mobil</li>
<li>Motor</li>
<li>Bus</li>
<li>Kereta</li>
</ol>
<h4>Lowercase letters list:</h4>
<ol type="a">
<li>Senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>Kamis</li>
</ol>
<h4>Roman numbers list:</h4>
<ol type="I">
<li>Januari</li>
<li>Februari</li>
<li>Maret</li>
<li>April</li>
</ol>
<h4>Lowercase Roman numbers list:</h4>
<ol type="i">
<li>Batik</li>
<li>Selendang</li>
<li>Syal</li>
<li>Kemeja</li>
</ol>
</body>
</html>
Halaman 1 dari 3 • 1, 2, 3
Permissions in this forum:
Anda tidak dapat menjawab topik
|
|