Halaman 2 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...!!!!
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>
Re: Belajar HTML yuuk...!!!!
Vicaksana
Wed 27 Jul 2011 - 10:25
Update 27 Juli 2011
Line Break
Mencoret dan membenarkan
Address
Komentar
Akronim
Line Break
- Spoiler:
- Line break digunakan untuk menjeda garis. skrip yang digunakan yaitu
- Code:
<br> tanpa menggunakan </br>
- Code:
<html>
<body>
<p>Saya<br>Menggunakan<br>Line break<br>^^</p>
</body>
</html>
Mencoret dan membenarkan
- Spoiler:
Untuk yang biasanya digunakan forum ini untuk mencoret yaitu dengan menggunakan skrip- Code:
[strike] dan [/strike]
- Code:
<del> dan diikuti dengan </del>
- Code:
<ins> dan diikuti dengan </ins>
- Code:
<html>
<head><title>Strike</title>
</head>
<body>
<p>Makana kesukaan saya adalah <del>kacang</del> <ins>jagung</ins>!</p>
</body>
</html>
Address
- Spoiler:
- Addres berfungsi untuk menyisipkan info contact pada web kita. Skrip yang digunakan yaitu
- Code:
<address> dan diikuti dengan </address>
- Code:
<html>
<head><title>Address</title>
</head>
<body>
<address> Hubungi saya
<br>
<a href=mailto:emailkamu@dns.domain>Alamat Email Saya</a>
<br>
Address: Jln. Jatiwaringin 2 no 9999
<br>
Telpon: 021-94772965
</address>
</body>
</html>
Komentar
- Spoiler:
Komentar berfungsi untuk mengingatkan kita dengan hal-hal apa saja yang ada pada skrip itu. Komentar terdiri dari skrip- Code:
<!--"text"-->
- Code:
<html>
<head><title>Komentar pada web maker</title>
</head>
<body> <!-- Text ini berada dalam skrip komen. Komen digunakan untuk mengingatkan kamu kalau ada hal yang belum diisi atau kekurangan suatu skrip. Jadi, komen ini hanya akan muncul dalam web maker. dan web browser tidak akan menampilkan komen ini. Jadi, walaupun kamu ngetik banyak-banyak disini, text ini ga bakalan muncul di browser. :hihihi: -->
<p>Kalau yang ini baru muncul </p>
</body>
</html>
Akronim
- Spoiler:
- Akronim digunakan untuk menyingkat kata. Skrip yang digunakan yaitu
- Code:
<abbr title="kata kepanjangan/ejaan">"singkatan" </abbr>
- Code:
<acronym title="kata kepanjangan/ejaan">"singkatan"</acronym>
- Code:
<html>
<body>
<p>Forum <abbr title="Net Detective Indonesia">NDI</abbr> Didirikan pada tahun 1945 SM. Dengan penemu aslinya yang diberi gelar <acronym title="Programmer Kocak Yang Hebat">PKYH </acronym>telah mendapatkan lebih dari 4000 member.</p>
<p>Atribut abbr dan acronym digunakan untuk memunculkan kepanjangan atau ejaan ketika kita mengarahkan pointer mouse pada akronim atau singkatan. Coba arahkan pointer anda ke kata singkatan tersebut. Perhatikan apa yang muncul. ^^</p>
</body>
</html>
Re: Belajar HTML yuuk...!!!!
Vicaksana
Wed 27 Jul 2011 - 10:45
Mohon maaf bagi teman-teman yang meminta skrip Read more. Sampai saat ini saya sedang mencari dan mempelajari skrip read more.
Namun yang saya dapat, skrip read more menggunakan bahasa pemrogramman PHP , Java , Query, dan HTML dengan menggunakan gabungan dari java yang skripnya a href.
Untuk yang itu.........
Ehm.... Mungkin kapan-kapan saya buat trit lagi. Soalnya itu udah nyampe tingkat advanced. Sedangkan disini kita masih belajar dasarnya.
Jadi harap bersabar ya kawan..
Namun yang saya dapat, skrip read more menggunakan bahasa pemrogramman PHP , Java , Query, dan HTML dengan menggunakan gabungan dari java yang skripnya a href.
Untuk yang itu.........
Ehm.... Mungkin kapan-kapan saya buat trit lagi. Soalnya itu udah nyampe tingkat advanced. Sedangkan disini kita masih belajar dasarnya.
Jadi harap bersabar ya kawan..
- Spoiler:
- Maaf juga sampe 4 post
keren tpi aku lemot
Halaman 2 dari 3 • 1, 2, 3
Permissions in this forum:
Anda tidak dapat menjawab topik
|
|