HTML Hayoo

corat-coretku
Just another WordPress.com weblog
Home
About
Info Cari Uang
Apr4
Membuat Halaman Web dengan HTML

Posted on April 4, 2013 by salamunhasan
Standard
Internet merupakan hal yang tidak asing lagi bagi masyarakat Indonesia terutama masyarakat
perkotaan. Internet merupakan salah satu media yang paling di gemari terutama dalam hal
mencari informasi karena dengan menggunakan internet, informasi yang di inginkan akan cepat
ditemukan. Ini karena Internet dilengkapi sebuah mesin pencari, sehingga pengguna cukup
memberikan sebuah kata kunci dan menekan enter, kemudian akan keluarlah informasi-informasi
yang berkaitan tersebut. Informasi-informasi dalam internet di taruh dalam halaman web.
Informasi ini tentunya akan di kelola oleh pemilik web masing-masing. Tahukan bagaimana
membuat sebuah halaman web? Membuat halaman web dapat menggunakan bahasa Hypertext
Markup Language atau sering di sebut HTML. Seperti sebuah sumber menjelaskan HTML
adalah symbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk
menampilkan halaman pada web browser.
Bagi pembaca yang belum mengenal HTML tulisan ini sangat tepat untuk anda baca, karena
tulisan ini akan memberikan informasi cara-cara membuat halaman web dengan bahasa HTML.
Agar mudah di pahami tentu halaman web yang dibuat adalah halaman web yang sederhana.
Sebelumnya akan dijelaskan terlebih dahulu halaman web yang akan dibuat. Halaman web ini
terdiri dari dua halaman, halaman pertama berisi Curriculum Vitae dan halaman yang kedua akan
berisi foto-foto. Dan kedua halaman ini akan saling berhubungan dengan dibuatnya link pada
masing-masing halaman.
Tak usah berlama-lama, mari kita mulai. O ya, untuk mencoba menggunakan HTML dapat
digunakan notepad, atau notepad++. Dengan notepad++ akan lebih mudah dalam penggunaan.
Seperti dalam bahasan tulisan ini.
Untuk memudahkan membuat halaman web, terlebih dahulu membuat sketsanya. Membuat
sketsa ini tidak perlu bagus, tetapi cukup memberikan gambaran tentang halaman web yang akan
di bentuk.
Sketsa halaman web yang akan dibuat adalah sebagai berikut
Gambar 1. Sketsa halaman CV

Dari gambar di atas terdapat bagian-bagian, diantaranya tempat hiasan yang berfungsi sebagai
hiasan dari sebuah web agar halaman web tampak lebih menarik, link digunakan untuk membuka
halaman lain, judul yang dalam hal ini akan di isi dengan Curriculum Vitae, begitu juga dengan
data diri dan Foto.
Gambar2. Sketsa halaman foto

Setelah mengetahui sketsanya, mari kita mulai menulis kode HTML. Buat terlebih dahulu sebuah
folder dengan nama New Folder pada desktop. Folder ini digunakan untuk menyimpan file html
dan foto yang akan di tampilkan pada web. Masukkan 7 buah gambar yang berformat *.jpg dan
beri nama dari masing-masing gambar tersebut adalah pas, hummer1, hummer2, hummer3,
hummer4, hummer5 dan hummer6.
Aktifkan Notepad++ dan mari kita mulai menulis kode HTML. Kode HTML selalu diawali dan
di akhiri tag <html></html>. Kemudian tag-tag lain yang selalu ada misalnya <head></head>
yang berisi informasi umum dari sebuah halaman web. Tag <title></title> yang berfungsi untuk
menuliskan judul halaman. Tag<body></body> yang digunakan untuk mengawali dan
mengakhiri tag-tag yang digunakan untuk mengimplementasikan halaman web. Dari masingmasing tag akan memiliki atribut tertentu. Dari tag-tag yang sudah dijelaskan, dapat dibuat
bentuk umunya sebagai berikut
<html>
<head>
<title> judul halaman </title>
</head>
<body>
.
..
</body>
</html>
Untuk mengimplementasikan sketsa pada gambar1 dan gambar 2 digunakanlah table. Tag yang
digunakan untuk membuat table adalah <table></table>. Untuk membuat baris menggunakan tag
<tr></tr> dan membuat kolomnya menggunakan tag <td></td>. Untuk gambar satu dibuat kode
HTML sebagai berikut:
<html>
<head>
<title>CV</title>
</head>
(Judul halaman yang akan digunakan adalah CV)
<body>
<table width=100% height=239 border=0>
(membuat table dengan atribut width=100% adalah lebar table akan penuh, height=239 adalah
tinggi sebesar 239 dan border=0 adalah tebal garis sebesar 0)
<tr>
<td height=41 colspan=4><marquee>***** Selamat Datang ***** </marquee></td>
</tr>
(membuat baris dengan atribut colspan=4 adalah baris ini akan memiliki lebar yang sama
dengan 4 kolom yang ada. Kemudian terdapat tag<marquee></marquee> yang befungsi untuk
menggerakkan teks yang diampit oleh tag tersebut, sehingga terkesan lebih menarik)
<tr>
<td valign=top width=77 rowspan=11><a href=tugas.html>Lihat Foto</a> </td>
(Dalam kolom ini terdapat atribut valign=top adalah teks yang di ampit oleh tag yang memiliki
atribut ini akan rata atas, rowspan=11 adalah kolom yang digunakan akan sama tingginya
dengan 11 baris. Kemudian ada tag <a></a> dengan atribut href =tugas.html yang berfungsi
untuk membuka halaman yang bernama tugas.html dengan menekan teks yang diampit oleh tag
ini)
<td colspan=2>CURRICULUM VITAE
</td>
(Dalam kolom ini terdapat tag dengan atribut align=center adalah teks yang diampit
oleh tag ini akan rata tengah, kemudian ada tag dengan aribut face=arial adalah
teks yang akan ditampilkan dengan menggunakan model arial dan size=10 adalah ukuran yang
digunakan adalah 10), tag digunakan untuk menebalkan tulisan)
<td width=178 rowspan=11><img src=file:///C:\Documents and
Settings\salamun_hasan\Desktop\New Folder\pas.jpg alt=pas foto width=178 height=218
/></td>
(Dalam kolom ini digunakan tag<img>yang digunakan dalam menampilkan gambar/foto.
Digunakan atribut src untuk menentukan lokasi gambar yang akan di tampilkan)
</tr>
<tr>
<td width=191>Nama</td>
<td width=528>Salamaun Hasan </td>
</tr>
<tr>
<td>Tempat, Tanggal Lahir </td>
<td>Indramayu, 14 Mei 1990 </td>
</tr>
<tr>
<td>Jenis Kelamin </td>
<td>Laki-laki</td>
</tr>
<tr>
<td>Agama</td>
<td>Islam</td>
</tr>
<tr>
<td>Kewarganegaraan</td>
<td>Indonesia</td>
</tr>
<tr>
<td>Alamat</td>
<td>Pamayahan RT 12/03 Lohbener Indramayu </td>
</tr>
<tr>
<td>Telepon</td>
<td>0859 2313 3250 </td>
</tr>
<tr>
<td>Latar Belakang Pendidikan </td>
<td>1996-2002 : SD Negeri Pamayahan 2 </td>
</tr>
<tr>
<td></td>
<td>2002-2005 : SMP Negeri 1 Lohbener </td>
</tr>
<tr>
<td></td>
<td>2005-2008 : SMA Negeri 1 Sindang </td>
</tr>
<tr>
<td height=43 colspan=4><marquee>##### Halaman Curriculm Vitae #####
</marquee></td>
</tr>
</table>
</body>
</html>
Dengan membuat kode HTML diatas pada notepad anda kemudian simpan pada folder yang
telah dibuat dengan nama dalam hal ini adalah tugas4.html, maka akan tampil halaman sebagai
berikut
Sekarang giliran sketsa pada gambar 2 yang diimplementasikan dengan kode HTML adalah
sebagai berikut
<html>
<head>
<title>Halaman Foto</title>
</head>
<body>
<table width=100% height=239 border=0>
<tr>
<td height=45 colspan=3>FOTOFOTO</td>
</tr>
<tr>
<td width=400><img src=file:///C:\Documents and Settings\salamun_hasan\Desktop\New
Folder\hummer1.jpg width=400 height=300 alt=hummer1 /></td>
Folder\hummer2.jpg width=400 height=300 alt=hummer 2 /></td>
</tr>
<tr>
<td height=45>Gambar 1 </td>
</tr>
<tr>
<td height=45><img src=file:///C:\Documents and Settings\salamun_hasan\Desktop\New
</tr>
<tr>
</tr>
<tr>
<td height=45 colspan=3><a href=tugas4.html>Kembali</a></td>
</tr>
</table>
</body>
</html>
Simpan kode ini dengan nama tugas.html. Dan hasil tampilan dari file tugas.html kira-kira
sebagai berikut
Demikian pembelajaran singkat mengenai pembuatan halaman web dengan HTML, jika ada
kesalahan mohon koreksi dengan memberi komentar. Terima Kasih atas perhatiannya.
Sumber gambar dari Internet
About these ads
Related
Web Semantik
TULISAN MATAKULIAH SOFTSKILL BAHASA INDONESIA1
Pengenalan CSS
Filed under Uncategorized | Leave a comment
Post navigation
Previous Post Next Post
Leave a Reply
Archives
June 2013
May 2013
April 2013
March 2013
January 2013
November 2012
October 2012
May 2012
April 2012
March 2012
November 2011
October 2011
May 2011
April 2011
March 2011
December 2010
November 2010
October 2010
April 2010
Meta
Register
Log in
Create a free website or blog at WordPress.com. | The Matala Theme.

Follow
Follow corat-coretku
Get every new post delivered to your Inbox.
Build a website with WordPress.com
jual baju murah online | jual baju murah online | jual baju murah online | jual baju murah
online | jual baju murah online | jual baju murah online | jual baju murah online | jual baju
murah online | jual baju murah online | Otaji | Tuna Asap | Oseng Tuna Asap | Otaji Tuna
Asap Suzuki Ertiga Surabaya Florist Toko bunga Solusi Kartu Kredit Gestun Kartu
Kredit Toko Bunga Surabaya Bunga Papan florist Toko Bunga Papan Bunga Obat
Perangsang Wanita Obat Perangsang Wanita Obat Perangsang Wanita Jasa SEO Pasang
Iklan Murah Dofollow Blog Dofollow Blog Dofollow Blog Pulau Tidung Pulau Tidung
Paket Pulau Tidung Wisata Pulau Tidung
AGEN MESIN JAHIT SURABAYA
HARGA MESIN JAHIT
MESIN JAHIT SINGER
JASA SEO MURAH SURABAYA - PASANG IKLAN BANNER TEKS ARTIKEL | JASA
SEO | JASA SEO MURAH | JASA SEO SURABAYA | SEO MURAH | SEO MURAH
SURABAYA | LAYANAN SEO | JASA SEO MURAH SURABAYA
LAYANAN SEO MURAH | LAYANAN SEO SURABAYA | LAYANAN SEO MURAH
SURABAYA | JASA PASANG IKLAN BANNER MURAH | Pasang Iklan Banner Murah |
Pasang Iklan Gambar | Pasang Iklan Gambar Murah | Pasang Iklan Logo
Pasang Iklan Logo Murah
Iklan Banner
Iklan Banner Murah
Iklan Gambar
Iklan Gambar Murah
Iklan Logo
Iklan Logo Murah
Jasa Pengiriman Internasional Yogyakarta - Malaysia, Brunei, Taiwan, Singapore | JASA
PENGIRIMAN BARANG LUAR NEGERI MURAH | Pengiriman Paket Luar Negeri
Murah | Tarif Pengiriman Internasional | JASA PENGIRIMAN LUAR NEGERI MURAH
| Jasa Pengiriman Barang Luar Negeri | Pengiriman Paket Internasional | JASA STNK |
WENDA SHOP ONLINE | ONLINE SHOP & SHARE | RICKY | ANDY | RICKY | JASA
STNK | JASA STNK | JASA STNK | JASA STNK | JASA STNK | JASA STNK | JASA
STNK | JASA STNK | JASA STNK | JASA STNK | JASA STNK
JASA STNK | JASA STNK | PERPAJANGAN STNK | JASA STNK | JASA STNK | JASA
BALIK NAMA KENDARAAN | CARA MEMBUAT BLOG SEO | JUAL NANO SPRAY 2
MCI ASLI & BEUATY MAGIC STICK | JUAL NANO SPRAY 2 MCI ASLI & BEUATY
MAGIC STICK | JUAL NANO SPRAY 2 MCI ASLI & BEUATY MAGIC STICK |
TUTORIAL ONLINE BLOG PLUS | HARGA MOBIL TOYOTA SURABAYA | TOUR &
TRAVEL JAKARTA | PASANG IKLAN MURAH | JASA SEO MURAH | JASA SEO
MURAH | JASA SEO MURAH | JASA SEO MURAH | MESIN JAHIT SINGER | TOKO
MESIN JAHIT SINGER | JUAL MESIN JAHIT SINGER | AGEN MESIN JAHIT
SINGER SURABAYA | JUAL AIR SARI BUAH PACE/MENGKUDU/MORINDA
SURABAYA | WEDDING ORGANIZE SURABAYA PLANNER PACKAGE
PERNIKAHAN PERSONAL PENGANTIN | WEDDING ORGANIZE SURABAYA
PLANNER PACKAGE PERNIKAHAN PERSONAL PENGANTIN | MADYAWATI |
MIMINTHOEL | DANTE | DANTE | DANTE | DANTE | DANTE
DANTE | DANTE | DANTE | DANTE | DANTE | DANTE | DANTE | DANTE | CORETAN
ABAH ALI MOCHSIN | GTOYUDI | MNC PLAY MEDIA | MR.T | DALGANDUL
SANDAL SEPATU BLOG | SLEEP MODE | MODE NRMAL | BERITA TOP TERKINI |
BERITA TOP PILIHAN | BERITA TOP TERBAIK | BERITA TOP TERLARIS | BERITA
TOP KAMU | JUAL NANO SPRAY MCI | PENJUALAN MESIN JAHIT SINGER | harga
toyota surabaya
harga mobil toyota
harga mobil toyota 2014
harga toyota 2014
mobil toyota
mobil toyota 2014
toyota 2014
harga toyota surabaya 2014
harga mobil toyota surabaya 2014
harga mobil surabaya 2014
mobil toyota surabaya 2014
harga toyota surabaya
harga mobil toyota surabaya
mobil toyota surabaya
harga toyota agya - harga toyota etios-harga toyota avanza - harga toyota veloz - harga
toyota kijang innova - harga toyota rush - harga toyota rush - harga toyota fortuner harga toyota yaris - harga toyota vios
harga toyota altis - harga toyota camry - harga toyota hilux - harga toyota alphard - harga
toyota dyna - promo toyota - harga toyota yogyakarta - harga toyota jawa tengah - harga
toyota jakarta - harga toyota bandung
harga toyota denpasar - harga toyota bali - harga toyota kalimantan - harga toyota
makassar - harga toyota mataram - harga toyota ntt - harga toyota ntb - harga toyota
medan - harga toyota sumatera
harga toyota jawa timur
Iklan
Iklan Murah
Pasang Iklan Banner
TUTORIAL SEO
TUTORIAL SEO BLOGSPOT
TUTORIAL SEO BLOGGER
SEO
SEO TUTORIAL
SEO TUTORIAL BLOGGER
SEO TUTORIAL BLOGSPOT
SEO TIPS BLOGGER
SEO TIPS BLOGSPOT
SEO TIPS
SEO TECHNIQUE BLOGGER
SEO TECHNIQUE BLOGSPOT
SEO TECHNIQUE
TRANSLATE
TRANSLATION
TRANSLATOR
INFORMATION
INFORMASI
BERITA TOP TERHANGAT
IRIN SHOP ONLINE
BERITA TOP TERSOHOR
BERITA TOP TERKENAL
BERITA TOP YAHUD
BERITA TOP KEREN
BERITA TOP MANTAB
BERITA TOP AKTUAL
BERITA TOP UP
BERITA TOP HARIAN
BERITA TOP MINGGUAN
BERITA TOP BULANAN
BERITA TOP MARKOTOP
INFO TOP TERKINI
INFO TOP TERLARIS
INFO TOP TERBAIK
INFO TOP TERSOHOR
INFO TOP MARKOTOP
INFO TOP TERHANGAT
INFO TOP TERKENAL
INFO BERITA ID
ID BERITA INFO
ID INFO BERITA
BERITA INFO ID
BERITA INFO - ID
BERITA INFO INDONESIA
INFO BERITA INDONESIA
INDONESIA INFO BERITA
INDONESIA BERITA INFO
INDONESIA - BERITA INFO
INDONESIA - INFO BERITA
INFORMASI TOP TERKINI
INFORMASI TOP TERBARU

INFORMASI TOP TERLARIS
INFORMASI TOP TERSOHOR
INFORMASI TOP TERBAIK
INFORMASI TOP TERKENAL
INFORMASI TOP YAHUD
INFORMASI TOP HEBOH
BERITA TOP TERHEBOH
INFO TOP TERHEBOH
INFORMASI TOP TERKENDALI
BERITA TOP MASA KINI
INFO TOP MASA KINI
ID INFO TERLARIS
ID BERITA TERLARIS
ID INFO TERKINI
ID INFORMASI TERKINI
ID INFO TERHEBOH
INFO TERKINI - ID
MASMBRO
MASMBROBOS
MASBOSPHOO
WOW SPEKTAKULER
SPEKTAKULER WOW
BERITA WOW SPEKTAKULER
INFO WOW SPEKTAKULER
INFORMASI WOW SPEKTAKULER
INFO SPEKTAKULER WOW
WOW WARTA
WARTA SPEKTAKULER
SPEKTAKULER WARTA
WW02 [dot] BLOGSPOT [dot] COM
21 Cineplex XXI Cinema - Info Film Bioskop Kesayangan
Riecky Pphoo-About Me
Hikmah Memperingati Maulid Nabi Muhammad salallohu'alaihi wassalam
Tata Cara Shalat Jama' dan Qashar
Cek Penerbangan Pesawat Air Asia Search / Book Flight
Listen Al Quran Audio Online-Mendengarkan Quran MP3 Online
Downloads Free Lagu MP3-Film-Software-Live Music-eBooks-etc.
Youtube-Search Engine Youtube Video Live Streaming
DOWNLOAD SYMANTEC ENDPOINT PROTECTION 12.10.122.192 FREE
Error Code 536805375 LiveUpdate SYMANTEC ENDPOINT PROTECTION 12.0.122.192
Small Business Edition
Daftar Blog Auto Approve Pagerank Tinggi Dofollow Pemerintah
Bit.do Shorten Link-Cara Memperpendek URL Tanpa Login & Captcha
Cara Mendapatkan Ratusan Backlink Gratis

Cara Mendapatkan Ribuan Backlink Gratis
Cek Penerbangan Pesawat Batavia Air Search / Book Flight
Alasan Pengakuan R Sebagai Pelapor Raffi Ahmad
Berita Raffi Ahmad Gugat Polisi, Sidang Sepekan Lagi
Bocah 8 Tahun Nikahi Ibu Lima Anak
DPR Desak Polri Ungkap Keaslian Video Koboi Densus
Diduga Raffi Ahmad Bersama Laudya Bella Nge-Tweet
Ditagih SBY, Lapindo Janji Bayar Utang
Foto Parodi Rhoceng 2014 Rhoma-Aceng Beredar
Inisial R Dikabarkan Menjadi Pelapor Raffi Ahmad-BNN
Lumpur Lapindo, Pemerintah Siapkan Rp 2,1 Triliun
Menkopolhukam: Pembubaran Densus 88 Berlebihan
Negara Menanggung Ganti Rugi Lapindo
Pelapor Raffi Ahmad Dapat Informasi dari Artis
Pelapor Raffi Ahmad, Artis 'N'=Nikita Mirzani?
Pembayaran Ganti Rugi Korban Lapindo Macet Lagi
Pesta Narkoba, Raffi Ahmad Kena Razia BNN
Polisi Akui Densus 88 Melakukan Pelanggaran
Raffi Ahmad Ditangkap Pesta Narkoba?
Raffi Ahmad Sering Pesta Narkoba di Rumahnya
SBY Tagih Lapindo: Kalau Janji Ditepati
VIDEO Kekerasan Densus 88 Beredar di Youtube
AutoText HP BB Blackberry biasa/sering digunakan
Cara Mempercepat Kinerja Loading BB OS 5, 6 & 7
Cara Mengatasi Panas Berlebih BB-Menghemat-Merawat Baterai
Download Autotext & Easy Smiley BlackBerry
Kode Lambang Negara Dunia untuk BBM/BlackBerry
1000+ Daftar Social Bookmark DoFollow Berbagai Negara
Tips Berburu Social Bookmark Dofollow Indonesia
Cara Membuat Blog Gratis di Blogspot/Blogger
Cek Nilai Harga Jual Kendaraan Bermotor DKI Jakarta Online
Cek Nilai Harga Jual Kendaraan Bermotor Jawa Timur Online
Cara Cek Pajak Kendaraan Bermotor Jawa Tengah Online
Cek Jumlah Pajak Kendaraan via SMS-Mengetahui Ketersediaan Plat Nopol Pilihan
Cek Pajak Kendaraan Bermotor Jawa Timur Online
Cek Pajak Kendaraan Bermotor Polda Metro DKI Jakarta Online
Cek Penerbangan Pesawat Citylink Search / Book Flight
Contoh Form Penilaian Kinerja Karyawan-Pelaksana
Contoh Form Penilaian Kinerja Karyawan-SPV/Koordinator
Contoh Form Surat Out Pass Perusahaan Swasta
Contoh Surat Berita Acara Serah Terima/BAST Perusahaan Swasta
Contoh Tata Tertib-Aturan Perusahaan Swasta
Contoh/Form Laporan Mingguan Unit Inventarisasi Perusahaan Swasta
Contoh/Form Surat Permohonan Pemberian Peringatan/Pemutusan Hubungan
Kerja/PHK
Contoh/Format Surat Berita Acara Perusahaan Swasta
Contoh/Format Surat Perjanjian Kerja Waktu Tertentu/Kontrak Perusahaan Swasta
Cara Dapat Domain Gratis
Download Template Blog SEO Friendly Full Responsive - MagzMild
Tutorial Bolg - Panduan Mudah Buat Web Design Sendiri
Free Download Everything-Video Live Streaming
CCleaner 4.03 - Free Download Software
Download TuneUp Utilities 2010-2011-2012 Full Version+Serial Number
Download TuneUp Utilities 2013 Full Version+Serial Number
Mozilla Firefox 2014 Terbaru Download - Windows 26.0 English
Your Uninstaller! Pro 7.5.2013.02 - Free Download Software
Free Downloads MP3-Lirik Indonesia-Barat-Western
Adf.ly Shorten Link-Cara Memperpendek URL Tanpa Login & Captcha
Broadbandspeedchecker-Speed Tes Kecepatan Internet PC Laptop Notebook Gadget
Free Online Tools-Tutorial SEO Blogger Riecky
Kirim SMS Gratis ke Hp GSM/CDMA
McAf.ee Shorten Link-Cara Memperpendek URL Tanpa Login & Captcha
Po.st Shorten Link-Cara Memperpendek URL Tanpa Login&Captcha
Prayer Time Online-Cek Waktu Shollat Sholat Salat
Rdd.me Shorten Link-Cara Memperpendek URL Tanpa Login&Captcha
Shorte.st Shorten Link-Cara Memperpendek URL Tanpa Login & Captcha
Speed.io-Tes Kecepatan Internet PC Laptop Notebook Gadget
SpeedTest.Net-Tes Kecepatan Internet PC Laptop Notebook Gadget
Speedtest.bbmax-Tes Kecepatan Internet PC Laptop Notebook Gadget
Speedy-Cara Tepat Tes Kecepatan Internet PC Laptop Notebook Gadget
SEO untuk Platform Mobile
Freegear-Game Permainan Balapan Mobil Online
Diamonds Match 3 Bubble-Game Permainan Online
Flash 3D Chess-Game Permainan Catur 3D Online
Match Around The World-Game Permainan Online
Monkey Island Bubble Shooter-Game Permainan Online

Snow Queen-Game Permainan Online
The Lost World Bubble Shooter-Game Permainan Online
Texas Hold 'em Poker-Game Permainan Online
Vegas Poker-Game Permainan Online
Cek Penerbangan Pesawat Garuda Indonesia Search / Book Flight
Megging, Legging Khusus Pria Tren di 2013
Rahasia Membaca Pikiran Seseorang Melalui Mata
Tips Berbelanja Online Aman
Tips Cara Wanita Mengendalikan Pria Idaman
Trend Model Rambut Terbaru 2013
Cara Mudah Google Adsense-Memperoleh Persetujuan Pendaftaran
Dijual | Cari Rumah Investasi Property Surabaya 081330000118
10 Kota Terpolusi di Amerika Serikat (AS)
4 Tips Ampuh Pedekate Lewat Chatting
5 Aturan Bekerja dari Rumah
9 Makanan Sehat, Penambah Semangat dan Energi
Apa itu HyperText Markup Language (HTML) ?
Apakah Gaya Komunikasi Anda Sesuai Dengan Pelanggan Anda?
Cara Cek Tagihan Listrik PT.PLN via Online Internet
Cara Cek Tagihan Listrik Secara Online
Cara Konsumsi Buah Mengkudu atau Pace
Cara Membuat Halaman di Google+
Cara Membuat Milis/Mailing List di Google Groups
Cara Membuat Milis/Mailing List di Yahoo Groups
Cara Memfilter Email di Yahoo!
Cara Praktis dan Mudah Merawat Sepeda Motor 4 Tak
Cara untuk Memerangi Ulasan Negatif dan Komentar tentang Perusahaan Anda

Cek Penerbangan Pesawat KalStar Aviation Online Search / Book Flight
Cek Penerbangan Pesawat Lion Air Search / Book Flight
Cek Penerbangan Pesawat Manadala Airlines Search / Book Flight
Cek Penerbangan Pesawat Merpati Airlines Search / Book Flight
Cek Penerbangan Pesawat Sky Aviation Search / Book Flight
Cek Penerbangan Pesawat Sriwijaya Air Search / Book Flight
Cek Penerbangan Pesawat Tiger Airways Search / Book Flight
Cek Penerbangan Pesawat TransNusa Air Search / Book Flight
Cek Penerbangan Pesawat Wings Air Search / Book Flight
Diskon Toyota Asesoris 2012
Dream Theater merilis Album Baru "September 24"
Emas (Logam Mulia) - Cara Investasi Yang Baik
Empat Alasan Agar Bisa Bekerja dari Rumah
Ganti Ban Gratis Mobil Toyota Anda di Auto 2000
Google Picasa untuk Mac OS X
Harga Resmi Toyota Fortuner VN Turbo-Surabaya
Harga Toyota Avanza 2012-Harga Mobil Toyota Baru
Harga Toyota 2012-Mobil Baru-Toyota Car Price list
Harga Toyota Bali 2012-Denpasar
Harga Toyota Bandung 2012-Harga Mobil Toyota Baru
Harga Toyota CBU 2012-Completed Build Up
Harga Toyota Jakarta 2012
Harga Toyota Kalimantan 2012-Harga Mobil Toyota Baru
Harga Toyota Makasar 2012-Harga Mobil Toyota Baru
Harga Toyota Medan-Sumatera 2012
Harga Toyota Surabaya 2012-Harga Mobil Toyota Baru
Harga Toyota Yogyakarta-Jawa Tengah 2012
Harga Toyota: Agya, Avanza, Veloz, Innova, Rush, Fortuner, Yaris, Vios, Altis, Camry,
Hilux, Dyna 2012
Hujan Pornografi Pengguna Internet (Dunia Maya)
Jagung Serut Masjid Agung
Jelajahi Semua Album Foto di Facebook dan Flickr via Fotobounce
Kandungan Buah Mengkudu atau Pace
Ketika Pria Harus Memilih
Khasiat Buah Mengkudu atau Pace
Kode Plat NoPol Kendaraan Wilayah se-Indonesia
Kualitas Layanan Toyota-Toyota Quality Of Service
Kumpulan Gambar-Tulisan Foto Profile BB-Status BB

Manfaat Daun Semanggi
Mengenai Buah Noni-Mengkudu-Pace
Mobil Honda Brio Amaze Thailand-Harga & Spesifikasi
Mobil Toyota AGYA-Kebanggaan Toyota Indonesia
Promo Harga Toyota Kijang Innova 2012-Mobil Toyota Indonesia
Promo Toyota Fortuner 2012
Promo Toyota Motor Oil
Promo Toyota Rush 2012
Promo Toyota Yaris 2012
Rokok, Bisa Menghilangkan Stress?
Sego Sambel Yeye
Servis Mobil Baru Toyota Berhadiah
Servis Mobil Baru Toyota-Raih Hadiahnya
Teknologi Mobil Toyota Baru 2012
Tes Kepribadian Psikologi-Psychology Personality Test Dr.Phil
Tips Diet Sehat Paling Murah
Tips Membantu Ingatan Menjadi Lebih Baik
Tips Meningkatkan Keinginan Menulis-Posting di BlogTips/Cara Hitung Pajak Kendaraan
Bermotor-BBN.KB-Progressif
Toyota Agya Mobil Murah Spesifikasi-Harga Toyota Indonesia
Toyota AgyaHarga Dan Spesifikasi Mobil Toyota Indonesia
Toyota Astra Finance Simulasi Kredit Untuk Anda
Toyota Luncurkan Mobil New Hilux D-Cab V A/T
Toyota Spare Parts-Mengenali Suku Cadang Asli Mobil Toyota Indonesia
Yahoo! Larang Karyawannya Bekerja dari Rumah
Pengertian Internet dan Dampak Positif - Negatif
Jadwal Maskapai Penerbangan-Booking Tiket Pesawat Indonesia-Online

Stasiun Radio Online Internet Gratis Indonesia
Ari Lasso Kata Siapa-Download Lagu MP3-Lirik
D'Massiv-Natural-Download Lagu MP3-Lirik
Download MP3 Firman Feat.Alice-Jangan Pikirin Abang+Lirik
Download MP3 Ungu-Kau Anggap Apa-Lirik
Gama Satu atau Dua-Download MP3 + Lirik
Geisha-Pergi Saja-Download Lagu MP3-Lirik
Judika-Aku Yang Tersakiti-Download Lagu MP3-Lirik
NOAH Tak Lagi Sama-Download MP3 + Lirik
Noah Separuh Aku-Download MP3 + Lirik
Pacar 5 Langkah-Novi Andarista Download MP3 + Lirik
Rumor Butiran Debu-Download MP3 + Lirik
Rumor Kau Harus Mencintaiku-Download MP3 + Lirik
Seventeen-Menemukanmu-Download Lagu MP3-Lirik
Ungu-Sayang-Download Lagu MP3-Lirik
Adele Some One Like You Download MP3 + Lirik
Iron Maiden-Journeyman Download MP3 + Lirik
Jasa Pasang Iklan Banner Murah Gambar Logo|Banner Space Ads|Advertise Your Website
Jasa SEO Murah Bergaransi Profesional Surabaya | Layanan SEO Murah
Pasang Iklan Banner Murah-Advertise Banner Cheap-Iklan Murah

Hilux, Dyna 2012
Tips SEO Pasang Iklan Murah Blog/Website/Situs Anda Disini
Bijak dalam memilih poduk kecantikan - gunakan nano spray2 & magic stick
Jangan mudah tertipu dengan harga murah - nano spray 2 magic stick asli disini!!!
Mesin Jahit Singer - Mesin Jahit Terbaik
Toko penjualan mesin jahit singer terpercaya
Referensi Tutorial Blog/Website Bagi Pemula/Newbie
977 Today's Hits - Orlando, FL - Internet Radio - Online Station Streaming
I Radio FM 88.7 Online Radio Station Jogja
Oxcy FM 107.5 Surabaya Live Streaming Radio - Listen Online Radio
977 Today's Hits Live Streaming Radio - Listen Online Radio
99ers Radio 100.0 Online Radio Station

Al-Hikmah Jakarta - Online Radio Station
Colors Radio 87.7 Live Streaming Radio - Listen Online Radio
DJ FM 94.8 Live Streaming Radio - Listen Online Radio
Dakta Radio 107.0 Online Radio Station
Delta FM 96.8 Surabaya Radio Station
EBS FM Radio 105.9 Surabaya Live Streaming Radio - Listen Online Radio
Elpas FM 103.6 Indonesia Online Radio Station
Gen FM 103.1 Surabaya Online Radio Station
Global FM 88.4 MHz Jakarta - Online Radio Station
Global FM 90.75 MHz Surabaya - Online Radio Station
I Radio FM 89.6 - Online Radio Station Jakarta
IBC FM 101.6 FM Indonesia Online Radio Station
Irama FM 88.5 Purworejo Live Streaming Radio - Listen Online Radio
Kayuagung Radio 90.4 Indonesia Online Radio Station
MBS FM 92.7 Jogja Live Streaming Radio - Listen Online Radio
MDC FM 100.5 Indonesia Online Radio Station
MRadio FM 98.8 Surabaya Live Streaming Radio - Listen Online Radio
MTB FM 102.7 Surabaya Live Streaming Radio - Listen Online Radio
Maestro FM 92.5 Indonesia Online Radio Station
Maja FM 100.7 Suara Mojokerto Live Streaming Radio - Listen Online Radio
Pas FM 104.3 Indonesia Online Radio Station
Persada FM 92.4 Indonesia Online Radio Station
Prambors 102.2 Indonesia Online Radio Station
RBFM 96.8 Sulawesi Barat - Online Radio Station
Radio Cakrawala 98.3 Online Radio Station
Radio Dangdut Indonesia 97.1 Online Radio Station
Radio Galau Online Station Streaming | More Music, More Fun!
Radio Menara 3 - 864 AM Surabaya Live Streaming - Listen Online
Radio Metro Female 88.5 FM Surabaya Live Streaming - Listen Online
Radio Nafiri 107.1 FM Surabaya Live Streaming - Listen Online
Suara Surabaya FM - Online Radio Station

Cara Buat Daftar Isi/SiteMap Di Posting Blogger/Blogspot
Submit URL/Sitemap Blog/Web-Search Engine Google Yahoo Bing dll.
Cara Agar Blog/Web Terindex Di Bing Search Engine
Cara Ter-cepat Blog/Web TerIndex Google-Yahoo-Bing
Kirimkan Situs Anda - Submit Your Site
Submit URL Sitemap Blog/Web-Ask Google Yahoo MSN
AXN | Watch TV Live Stream | Online Channel
Binus TV Online Streaming-Indonesia TV Online
CNN | Watch TV Live Stream | Online Channel
Comedy Central | Watch TV Live Stream | Online Channel
ESPN | Watch TV Live Stream | Online Channel
Fox News | Watch TV Live Stream | Online Channel

Friends Show | Watch TV Live Stream | Online Channel
HBO | Watch TV Live Stream | Online Channel
Indosiar | TV Streaming Online Indonesia
NBC News | Watch TV Live Stream | Online Channel
RCTI TV Online Streaming Indonesia & Asia
TV Online Streaming MivoTV-TransTV,Indosiar,DaaiTV,SCTV,TV
One,Trans7,ANTV,Spacetoon,Lunar TV
The Big Bang Theory | Watch TV Live Stream | Online Channel
Watch Live Animal Planet Asian Channel - TV Online Luar Negeri
Watch Live Cartoon Network - Channel TV Online Luar Negeri
Watch Live DISCOVERY CHANNEL | EN VIVO - Channel TV Online Luar Negeri
Watch Live Disney XD - Channel TV Online Luar Negeri
Watch Live Jackie Chan Chan's movies from 1991-2008 - Channel TV Online Luar Negeri
Watch Live Universal Channel (Films) online & free @ver universal online gratuito
iLive TV-Channel TV Movie Online Luar Negeri (USA)
Kumpulan Tips & Teknik SEO Blogspot Jitu Gratis *by:Arek Suroboyo
Tips Meningkatkan Keinginan Menulis-Posting di Blog
Tips Wisata: Tour & Travel Online di Jakarta - PTO Indonesia
Riset-Penelitian Kata Kunci SEO
Belajar Kode-kode HTML Dasar
CSS Compressor-Optimize CSS Blog/Web
Cara Memendekkan URL-Shorten Link Blog/Web Mudah & Praktis
Characters Counter Tool-Cara Menghitung Jumlah Karakter
Currency Converter Online-Kurs Mata Uang Dunia
Download Translate/Terjemahan Bahasa-Mozilla-Firefox-Chrome-IE-Browser
Google Translate-Terjemahan Bahasa 66 Negara
HTML Compressor-Optimize HTML Codes
Image Optimizer-Compress-Resize Photos
JavaScript Compressor-Optimize JavaScript Blog/Web
Kode Kode HTML Dasar bag.2
Online Calculator Tools-Kalkulator Online
Parsing Kode HTML-PHP-Java Script/JS-HTML Codes Parse Tool
Speed Test Tool-Tes Kecepatan Loading Blog/Web
Terjemahan Bahasa Indonesia Inggris-Indonesian English Kamus Online
Tool Flip Text Generator-Cara Mudah Buat Tulisan Terbalik
Tool Parse Kode HTML-Blogcrowds Resources HTML Codes Easily

Translate-Terjemahan Bahasa-Kamus Online
Warna HTML
Yahoo Messenger Button Code Generator Tool-Cara Buat/Pasang Style ID YM Blog/Web
Tukar Banner
Apa Bursa Link / Link Exchange itu ?
Cara Membuat Form Pencarian Expert
Pertukaran Link, Bursa Link, atau Link Exchange : Simbiosis Mutualisme
Tukar Banner
Tukar Link
10 Kebohongan Terbesar Tentang SEO Website
4 Alasan Mengapa Anda Harus Menjawab Setiap Komentar di Blog Anda
53 Cara Mudah Berbagi Aktivitas Sosial dengan Widget Bloggybits
8 Tips untuk Mendapatkan Trafik dari Forum Online
Alexa Traffic Ranking and Detailed Explanations
Apa Itu SERP ?Apa itu HyperText Markup Language (HTML) ?
Bagaimana Cara Membuat Posting yang Baik ?
Belajar Make Money Online
Bursa Link Bagus Untuk Kesehatan Website Anda
Cara Agar Berhasil Membuat Pitch Blogger Untuk Pengunjung
Cara Agar Kata Kunci / Keyword Meledak pada Search Engine
Cara Agar Lalu Lintas Web Gratis Bekerja Untuk Anda
Cara Bikin/Buat Kotak Iklan (Banner Box-4 Kolom)
Cara Buat Artikel/Popular Post-Gambar/Thumbnails di Blog
Cara Buat Back to Top / Scroll to Top, Down, Home pada Blog
Cara Buat Kotak Berlangganan FeedBurner RSS-Email-Twitter Follow Blogspot
Cara Buat Kotak Komentar
Cara Buat Related Post Bergerak Dan Berjalan
Cara Buat Translate Bahasa Animasi Bendera di Blogspot/Blogger
Cara Buat/Pasang Artikel Terkait/Related Post Gambar/Avatar di Blog
Cara Buat/Pasang Label/Kategori Yang Dipilih Saja
Cara Cek PageRank Blog / Website
Cara Cepat Cari Kode HTML-Edit HTML Template Blog
Cara Cepat Meningkatkan Trafik Pengunjung Blog-Website-Situs
Cara Memasang Berita Pada Blog
Cara Memasang Mesin Pencari Google
Cara Memasang Tombol Google+ di Blogger
Cara Memasang Video Youtube di Header-Posting-Sidebar-Footer Blog-Website

Cara Memasang-Menampilkan Video Youtube di Posting Blogger/Website
Cara Membuat / Modifikasi Tampilan Feedburner Karya Sendiri
Cara Membuat Back to Top / Scroll to Top, Down, Home pada Blog
Cara Membuat Bar Video Player Youtube Berwarna Putih / Light
Cara Membuat Content Blog SEO Friendly
Cara Membuat Efek Salju Pada Blog
Cara Membuat Favicon
Cara Membuat Garis Tepi Melungkung di Blog/Web
Cara Membuat Hari,Tanggal, Bulan dan Tahun di Header Blog
Cara Membuat Huruf Pertama Pada Artikel Lebih Besar (Drop Cap)
Cara Membuat Kotak Komentar Blog | Intense Debate
Cara Membuat Loading Blog/Web Lebih Cepat
Cara Membuat Menu Navigasi Breadcrumbs di Blogger/Blogspot
Cara Membuat Page Flip Subscribe Di Pojok Atas
Cara Membuat Permalink / Link Permanen
Cara Membuat Popular Pos Warna Warni - CSS Rainbow Popular Post
Cara Membuat Postingan Blog ke Twitter Otomatis
Cara Membuat READMORE Otomatis
Cara Membuat Recent Post Berjalan ke Bawah
Cara Membuat Scroll Up-Down-Home di Blog/Web
Cara Membuat Tag Cloud (Categories/Label bergerak)
Cara Membuat Teks Pada Kursor
Cara Membuat Tombol Navigasi Dengan Nomor 1 2 3 ... Di Halaman Blog
Cara Membuat-Menampilkan Breadcrumb Diatas Judul Posting Blog
Cara Membuat-Menampilkan Foto Profil Google Plus di Google Search Engine
Cara Mempercepat Loading Blog/Web dengan Javascript/JS
Cara Mempercepat Loading Gambar & Hemat Bandwith Web
Cara Menambah Gadget 4 Kolom Dibawah Header
Cara Menambah Gadget Pada Header
Cara Menampilkan Blank Avatar / Default Komentar Avatar
Cara Menampilkan Foto/Gambar Profil di Google Result Page
Cara Menampilkan Icon Pada Setiap Postingan
Cara Menampilkan Rating Bintang di Hasil Pencarian Google-Google Search Engine
Cara Mencari Peluang Tautan Pada Google Alert
Cara Mengedit Template HTML Pada Blogger / Blogspot
Cara Mengganti Gambar Kursor di Blog
Cara Menghapus Label Blog-Tulisan Di Bawah Postingan
Cara Menghapus SearchBox Bawaan Template Blog
Cara Menghilangkan Navbar Pada Blog
Cara Meningkatkan Alexa Rank Blogger-Increase Ranking of Alexa Blogger
Cara Meningkatkan Blogger-Meningkatkan Pengunjung Website
Cara Meningkatkan Traffic dan Visitor via Plipeo.com
Cara Meningkatkan Trafik Blog Melalui Twitter Dengan Memasang Button Tweetmeme /
ReTweet

Cara Pasang Avatar pada Komentar Blogger
Cara Pasang Iklan Diatas Postingan
Cara Pasang/Buat Total Comment pada Judul/Title Post
Cara SEO ( Search Engine Optimization ) On Page
Cara Setting Blog Di blogger
Cara buat Chat pada Blog
Cara buat Mini Post atau Mini Artikel diBlogger
Cara buat halaman 1, 2, 3,...dst
Cara memasang 8 kolom iklan 125x125 di Blogspot
Cara membuat Search Engine Google / Google Custom Search
Ciri-ciri Website / Blog Yang Disukai Google
Disable Right Click-Cara Menonaktifkan Klik Kanan Mouse Web-Blog
Efek Gelembung Pada Blog
GA-SANDBOX: GOOGLE ADSENSE SANDBOX
Google Sitelinks Dan Cara Mendapatkan Dengan Mudah
How to Boost-Increase Alexa Traffic Rank Blogger
How to Display Rating Stars in Search Results Google-Google Search Engine
How to Make Blogger using the display Old Version
How to Make SEO Friendly Post Title-SEO Google Tips
How to Remove Label-Writing Blogger Posts Below
Lalu Lintas Peringkat Alexa - The Alexa Traffic Rankings
Layanan SEO Bulanan
Manfaat Geocities Untuk Blog
MazeCore: Cara Mudah Memonitor Posisi Keyword
Membuat Alignment Justify (Rata kanan kiri) Otomatis pada Blogspot
Membuat Blog-Website Harus Kita Sukai,Kuasai,Spesifik,Menarik
Membuat Struktur Website
Membuat variasi Font pada Teks
Memilih kata kunci dengan Google Keyword Tool
Menampilkan Label Cloud di Blogger
Mencari Koleksi Gambar Kartun dan Cliparts
Mengapa Anda Blogging...?
Mengenal Tampilan Blogger.Com Antarmuka-Dashbor Baru
Meningkatkan Pengunjung ke Website/Blog Melalui Iklan Banner
Open Disable Right Click-Cara Membuka Klik Kanan blog-web
Promosi Blog, Web, atau Situs Anda
RedAnyWay : Cara Menjaring Pengikut Untuk Meningkatkan Trafik Blog
SEO dalam Era Social Media
Selain Kata Kunci Penelitian, Mengapa Anda Harus Mencari Pada Perilaku Konsumen ?
Selebriti Transisi dari TV ke YouTube
TV Online-Cara Buat/Pasang TV Online Streaming MivoTV

Teknik SEO Pada Halaman Website
Teknik SEO pada Meta Tag
Tingkatkan Pengunjung Situs Melalui Iklan
Tips SEO untuk YouTube Dalam Menulis Judul
Traffic Kata kunci AlphaGraphics.Com Naik 246%
Trik Sederhana Cara Proteksi Gambar di Blog
Tujuan Membuat Blog-Website-Situs
Warna HTML
Cara Chatting di Facebook tanpa membuka Facebook
Cara Mengaktifkan Akun Facebook Yang Diblokir
Cara Mengubah URL Profil Facebook
Cara Mengubah URL Profil Facebook Anda
Content is King of The King
Manfaat Facebook Dalam Menjalin Hubungan
Warna HTML
Cara Memasukkan License Key Windows 7 Lalu Diaktivasi secara Online
Komputer Tips | Cara Jitu Mempercepat Booting Windows 7
Windows : Daftar Layanan Yang Tidak Perlu
Cara Pengaturan Microsoft Outlook untuk Email
Tips Sukses Pemasaran Online
Apa Itu SERP ?
Aplikasi Top iPad 7 untuk SEO-Search Engine Optimization
Cara Buat Template Blog SEO Google-Index-Crawl
Cara Cek Page Rank-SEO Rank-Alexa Rank-Technorati Blog Rank-Yahoo Search Inlink
Cara Membuat Judul Posting SEO Friendly
Cara Mempercepat Loading Blog/Web-SEO Tips

Cara Penelitian Kata Kunci/Keyword-Meningkatkan SEO Blog/Website
Layanan SEO Bulanan
Memasang Meta Tags dan Manfaatnya
SEO Tips to Build Links and Anchor Text
SEO Tips | Cara Optimasi Judul Web / Blog Pada Bagian Title Tag
SEO Tips-How To Make Templates Blogspot More SEO ?
SEO Tips-SEO Optimization Techniques SEO Blog/Web
SEO Tips: Script Auto HyperLink/Smart Link di Posting Blog
Seo Secrets 2011
Tips SEO Dasar-Teknik Optimasi SEO Pemula Blogspot
Tips SEO Membangun Link dan Teks Jangkar
Tips SEO buat Tim SEO Sebagai Marketing Online
MNC PLAY MEDIA
MNC PLAY MEDIA
MNC PLAY MEDIA

Templateism Follow my blog with Bloglovin
Latest SEO Blogspot Tutorial
Tips SEO | Buatlah Tim SEO Sebagai Marketing Online
Tips Sukses Aplikasi Strategi Marketing (Pemasaran) Online
List Blog Dofollow Auto Approve Comment-Free Backlink 2015
Tutorial Tips Teknik SEO Translate Aneka

Informasi | Tutor26
Berbagi sesuatu yang bermanfaat, mempunyai nilai tersendiri (",)
Home Tools Online Blogger Riecky Tutor Blog Kode Kode HTML Dasar bag.2

Kode Kode HTML Dasar pada bagian ke-2 ini akan kita lihat secara jelas mengenai symbol
(simbol-simbol), pembuatan paragraf, dan cara peletakan dan hasil jadi dari Tag H1 sampai
dengan H6, yang sebelumnya kita sudah membaca Belajar Kode-kode HTML Dasar.
Kita simak saja dibawah ini...
HEADER ATAU KEPALA TULISAN
Header adalah huruf-huruf berukuran khusus yang digunakan untuk menuliskan judul bab atau
sub bab. Ada enam tingkatan header mulai dari H1 hingga H6. H1 adalah header yang paling
besar dan H6 adalah header yang paling kecil. Coba tulis dalam Notepad anda sebagai berikut:
<HTML><BODY>
<H1>Header level 1</H1>
<HTML><BODY> Simpanlah dalam format file HTML kemudian buka dalam browser.
Hasilnya akan tampak sebagai berikut:
Header level 1
Header level 2
Header level 3
Header level 4
Header level 5
Header level 6
Note : Pada bagia Tag "Header level 1" berwarna orange dan diberi garis bawah, karena ada
pengaruh dari template saya sendiri. Seharusnya warna dan tulisan sama dengan Tag "Header
level 2 sampai 5", hanya tulisan lebih besar dari Tag "Header level 2".
BARIS DAN PARAGRAF
Sekarang kita akan mempelajari bagaimana cara membuat baris dan paragraf. Biasanya, untuk
membuat baris baru, kita lakukan dengan menekan tombol Enter. Bagaimana dengan dokumen
HTML? Cobalah membuat tulisan berikut pada Notepad:
<HTML><BODY>
Baris pertama
Baris kedua
Baris ketiga
<HTML><BODY>
Simpanlah sebagai file HTML kemudian bukalah dalam browser. Bagaimana hasilnya? Ternyata
hasilnya hanya seperti ini:
Baris pertama Baris kedua Baris ketiga.

Kesimpulannya, penekanan tombol Enter tidak menghasilkan baris dalam tampilan browser.
Demikianlah sifat penulisan dokumen HTML. Lantas, bagaimana caranya membuat baris?
Gunakanlah tag . Tag ini tidak mempunyai tag penutup. Bukalah source kode file HTML
tadi lalu edit seperti berikut:
<HTML><BODY>
Baris pertama
 Baris kedua
 Baris ketiga
</HTML></BODY>
Simpan kemudian lihat hasilnya dengan me-refresh pada browser. Hasilnya kurang lebih akan
seperti ini:
Baris pertama
Baris kedua
Baris ketiga
Membuat baris kalimat, gampang kan ? Tag tersebut dapat pula digunakan untuk membuat
baris kosong, artinya baris yang tidak mempunyai kalimat apa-apa. Editlah sekali lagi source
code latih4.htm menjadi seperti ini:
<HTML><BODY>
Baris pertama Baris kedua kosong, dan ini baris ketiga Baris keempat dan kelima k
</BODY></HTML>
Simpan lalu refresh sekali lagi maka hasilnya akan seperti ini:
Baris kedua kosong, dan ini baris ketiga
Baris keempat dan kelima kosong, dan ini baris keenam
Di sini kita lihat bahwa tag yang ditulis dua kali akan menghasilkan dua baris, demikian
seterusnya. Setelah pandai membuat baris, sekarang kita akan belajar membuat paragraf.
Perhatikanlah contoh tulisan di bawah ini:
<HTML><BODY>
Paragraf pertama Paragraf kedua Paragraf ketiga
</BODY></HTML>
Bila dilihat dalam browser, hasilnya akan seperti ini:
Paragraf pertama
Paragraf kedua
Paragraf ketiga
Dengan berpatokan pada contoh penggunaan tag di atas, cobalah buat file HTML dengan
menggunakan Notepad sehingga menghasilkan dokumen HTML yang akan tampak di browser
seperti ini:
World Wide Web (WWW) merupakan sebuah sistem dimana informasi (teks, gambar, suara, dan lain-lain) dipre
Informasi di WWW pada umumnya ditulis dalam bentuk HTML (Hypertext Markup Language). Selain itu, infor
Untuk menghasilkan tulisan-tulisan di atas, kita akan menentukan source code terlebih dahulu.
Jika sumbernya kalimat diatas, maka kode sumbernya kira-kira sebagai berikut:
<HTML><BODY>
World Wide Web (WWW) merupakan sebuah sistem dimana informasi (teks, gambar, suara, dan lain-la
Informasi di WWW pada umumnya ditulis dalam bentuk HTML (Hypertext Markup Language). Selain itu, i
</HTML></BODY>
Simpanlah file di atas kemudian buka dalam browser.
NOTASI KHUSUS
Kita telah mengetahui bahwa browser tidak mengenal pembuatan baris dengan tombol Enter.
Disamping itu, browser juga tidak mengenal pembuatan spasi lebih dari satu spasi dengan
menekan tombol Spasi ataupun tombol Tab. Nah, bagaimana caranya membuat lebih dari satu
spasi dalam dokumen HTML? Pembuatan spasi dalam kode-kode HTML diganti tulisan
seperti yang bisa kita lihat pada contoh berikut ini:
<HTML><BODY>
kata-kata ini diantarai satu spasi sedangkan kata-kata ini dianta
</HTML></BODY>
Bila dilihat dalam browser hasilnya akan seperti ini:

Kata-kata ini diantarai satu spasi sedangkan kata-kata
ini
diantarai
lima
spasi
Disamping notasi untuk pembuatan spasi ( ) ada lagi sejumlah notasi khusus untuk
penulisan karakter-karakter tertentu. Karakter-karakter ini harus dituliskan dengan notasi khusus
mengingat karakter-karakter ini dipakai juga sebagai kode-kode tag atau karena memang tidak
dijumpai dalam karakter teks ASCII. Berikut beberapa diantaranya:
Karakter
<
>
&
"
+
Misalnya kita akan membuat tulisan seperti ini:

Tip & Trik ini disajikan untuk para "pemula". Banyaknya 75 artikel. Dan setiap artikel terdaftar dalam direkt
<harap maklum>
Beginilah cara penulisannya dengan bahasa HTML:

<HTML><BODY>
Tip & Trik ini disajikan untuk para "pemula". Banyaknya ± 75 artikel. Dan setiap artike
</HTML></BODY>
MENAMPILKAN APA ADANYA

Meskipun browser tidak mengenali spasi lebih dari sekali , tabulasi dan pembuatan baris dengan
enter, namun dengan menggunakan tag <PRE> maka browser akan menampilkan teks apa
adanya, maksudnya spasi dianggap spasi, tabulasi dianggap tabulasi dan enter dianggap enter.
Bahkan font-nya pun muncul sesuai aslinya. Begini contohnya:
<HTML><BODY>
<PRE>
Pantun Petuah
Berakit-rakit ke hulu
Bersenang-senang kemudian
Bersakit-sakit dahulu
</PRE>
</BODY></HTML>
Simpanlah file di atas sebagai file HTML kemudian tampilkan dalam browser, hasilnya akan
seperti ini:
Pantun Petuah
Berakit-rakit
ke hulu
Bersakit-sakit
dahulu
Demikian artikel Kode Kode HTML Dasar pada bagian ke-2 ini dengan harapan ada manfaat
buat semuanya (",)
Kembali ke Menu Tutorial Blogspot
Next Online Calculator Tools-Kalkulator Online
previous Cara Memendekkan URL-Shorten Link Blog/Web Mudah & Praktis
Related Posts
Cara Memendekkan URL-Shorten Link B...
Cara Membuat Popular Pos Warna Warn...
jual baju murah online | jual baju murah online | jual baju murah online | jual baju murah
online | jual baju murah online | jual baju murah online | jual baju murah online | jual baju
murah online | jual baju murah online | Otaji | Tuna Asap | Oseng Tuna Asap | Otaji Tuna
Asap Suzuki Ertiga Surabaya Florist Toko bunga Solusi Kartu Kredit Gestun Kartu
Kredit Toko Bunga Surabaya Bunga Papan florist Toko Bunga Papan Bunga Obat
Perangsang Wanita Obat Perangsang Wanita Obat Perangsang Wanita Jasa SEO Pasang
Iklan Murah Dofollow Blog Dofollow Blog Dofollow Blog Pulau Tidung Pulau Tidung
Paket Pulau Tidung Wisata Pulau Tidung
AGEN MESIN JAHIT SURABAYA
HARGA MESIN JAHIT
MESIN JAHIT SINGER
JASA SEO MURAH SURABAYA - PASANG IKLAN BANNER TEKS ARTIKEL | JASA
SEO | JASA SEO MURAH | JASA SEO SURABAYA | SEO MURAH | SEO MURAH
SURABAYA | LAYANAN SEO | JASA SEO MURAH SURABAYA
LAYANAN SEO MURAH | LAYANAN SEO SURABAYA | LAYANAN SEO MURAH
SURABAYA | JASA PASANG IKLAN BANNER MURAH | Pasang Iklan Banner Murah |
Pasang Iklan Gambar | Pasang Iklan Gambar Murah | Pasang Iklan Logo
Pasang Iklan Logo Murah
Iklan Banner
Iklan Banner Murah
Iklan Gambar
Iklan Gambar Murah
Iklan Logo
Iklan Logo Murah
Jasa Pengiriman Internasional Yogyakarta - Malaysia, Brunei, Taiwan, Singapore | JASA
PENGIRIMAN BARANG LUAR NEGERI MURAH | Pengiriman Paket Luar Negeri
Murah | Tarif Pengiriman Internasional | JASA PENGIRIMAN LUAR NEGERI MURAH
| Jasa Pengiriman Barang Luar Negeri | Pengiriman Paket Internasional | JASA STNK |
WENDA SHOP ONLINE | ONLINE SHOP & SHARE | RICKY | ANDY | RICKY | JASA
STNK | JASA STNK | JASA STNK | JASA STNK | JASA STNK | JASA STNK | JASA
STNK | JASA STNK | JASA STNK | JASA STNK | JASA STNK

JASA STNK | JASA STNK | PERPAJANGAN STNK | JASA STNK | JASA STNK | JASA
BALIK NAMA KENDARAAN | CARA MEMBUAT BLOG SEO | JUAL NANO SPRAY 2
MCI ASLI & BEUATY MAGIC STICK | JUAL NANO SPRAY 2 MCI ASLI & BEUATY
MAGIC STICK | JUAL NANO SPRAY 2 MCI ASLI & BEUATY MAGIC STICK |
TUTORIAL ONLINE BLOG PLUS | HARGA MOBIL TOYOTA SURABAYA | TOUR &
TRAVEL JAKARTA | PASANG IKLAN MURAH | JASA SEO MURAH | JASA SEO
MURAH | JASA SEO MURAH | JASA SEO MURAH | MESIN JAHIT SINGER | TOKO
MESIN JAHIT SINGER | JUAL MESIN JAHIT SINGER | AGEN MESIN JAHIT
SINGER SURABAYA | JUAL AIR SARI BUAH PACE/MENGKUDU/MORINDA
SURABAYA | WEDDING ORGANIZE SURABAYA PLANNER PACKAGE
PERNIKAHAN PERSONAL PENGANTIN | WEDDING ORGANIZE SURABAYA
PLANNER PACKAGE PERNIKAHAN PERSONAL PENGANTIN | MADYAWATI |
MIMINTHOEL | DANTE | DANTE | DANTE | DANTE | DANTE
DANTE | DANTE | DANTE | DANTE | DANTE | DANTE | DANTE | DANTE | CORETAN
ABAH ALI MOCHSIN | GTOYUDI | MNC PLAY MEDIA | MR.T | DALGANDUL
SANDAL SEPATU BLOG | SLEEP MODE | MODE NRMAL | BERITA TOP TERKINI |
BERITA TOP PILIHAN | BERITA TOP TERBAIK | BERITA TOP TERLARIS | BERITA
TOP KAMU | JUAL NANO SPRAY MCI | PENJUALAN MESIN JAHIT SINGER | harga
toyota surabaya
harga mobil toyota
harga mobil toyota 2014
harga toyota 2014
mobil toyota
mobil toyota 2014
toyota 2014
harga toyota surabaya 2014
harga mobil toyota surabaya 2014
harga mobil surabaya 2014
mobil toyota surabaya 2014
harga toyota surabaya
harga mobil toyota surabaya
mobil toyota surabaya
harga toyota agya - harga toyota etios-harga toyota avanza - harga toyota veloz - harga
toyota kijang innova - harga toyota rush - harga toyota rush - harga toyota fortuner harga toyota yaris - harga toyota vios
harga toyota altis - harga toyota camry - harga toyota hilux - harga toyota alphard - harga
toyota dyna - promo toyota - harga toyota yogyakarta - harga toyota jawa tengah - harga
toyota jakarta - harga toyota bandung
harga toyota denpasar - harga toyota bali - harga toyota kalimantan - harga toyota
makassar - harga toyota mataram - harga toyota ntt - harga toyota ntb - harga toyota
medan - harga toyota sumatera
harga toyota jawa timur
Iklan
Iklan Murah
Pasang Iklan Banner
TUTORIAL SEO
TUTORIAL SEO BLOGSPOT
TUTORIAL SEO BLOGGER
SEO
SEO TUTORIAL
SEO TUTORIAL BLOGGER
SEO TUTORIAL BLOGSPOT
SEO TIPS BLOGGER
SEO TIPS BLOGSPOT
SEO TIPS
SEO TECHNIQUE BLOGGER
SEO TECHNIQUE BLOGSPOT
SEO TECHNIQUE
TRANSLATE
TRANSLATION
TRANSLATOR
INFORMATION
INFORMASI
BERITA TOP TERHANGAT
IRIN SHOP ONLINE
BERITA TOP TERSOHOR
BERITA TOP TERKENAL
BERITA TOP YAHUD
BERITA TOP KEREN
BERITA TOP MANTAB
BERITA TOP AKTUAL
BERITA TOP UP
BERITA TOP HARIAN
BERITA TOP MINGGUAN
BERITA TOP BULANAN
BERITA TOP MARKOTOP
INFO TOP TERKINI
INFO TOP TERLARIS
INFO TOP TERBAIK
INFO TOP TERSOHOR
INFO TOP MARKOTOP
INFO TOP TERHANGAT
INFO TOP TERKENAL
INFO BERITA ID
ID BERITA INFO
ID INFO BERITA
BERITA INFO ID
BERITA INFO - ID
BERITA INFO INDONESIA
INFO BERITA INDONESIA
INDONESIA INFO BERITA
INDONESIA BERITA INFO

INDONESIA - BERITA INFO
INDONESIA - INFO BERITA
INFORMASI TOP TERKINI
INFORMASI TOP TERBARU
INFORMASI TOP TERLARIS
INFORMASI TOP TERSOHOR
INFORMASI TOP TERBAIK
INFORMASI TOP TERKENAL
INFORMASI TOP YAHUD
INFORMASI TOP HEBOH
BERITA TOP TERHEBOH
INFO TOP TERHEBOH
INFORMASI TOP TERKENDALI
BERITA TOP MASA KINI
INFO TOP MASA KINI
ID INFO TERLARIS
ID BERITA TERLARIS
ID INFO TERKINI
ID INFORMASI TERKINI
ID INFO TERHEBOH
INFO TERKINI - ID
MASMBRO
MASMBROBOS
MASBOSPHOO
WOW SPEKTAKULER
SPEKTAKULER WOW
BERITA WOW SPEKTAKULER
INFO WOW SPEKTAKULER
INFORMASI WOW SPEKTAKULER
INFO SPEKTAKULER WOW
WOW WARTA
WARTA SPEKTAKULER
SPEKTAKULER WARTA
Riecky Pphoo-About Me
Youtube-Search Engine Youtube Video Live Streaming

Cara Mendapatkan Ratusan Backlink Gratis
Cara Mendapatkan Ribuan Backlink Gratis
Contoh Form Penilaian Kinerja Karyawan-Pelaksana
Contoh Form Penilaian Kinerja Karyawan-SPV/Koordinator
Contoh Form Surat Out Pass Perusahaan Swasta
Contoh Surat Berita Acara Serah Terima/BAST Perusahaan Swasta

Contoh Tata Tertib-Aturan Perusahaan Swasta
Contoh/Form Laporan Mingguan Unit Inventarisasi Perusahaan Swasta
Contoh/Form Surat Permohonan Pemberian Peringatan/Pemutusan Hubungan
Kerja/PHK
Contoh/Format Surat Berita Acara Perusahaan Swasta
Contoh/Format Surat Perjanjian Kerja Waktu Tertentu/Kontrak Perusahaan Swasta
Cara Dapat Domain Gratis
Free Download Everything-Video Live Streaming
CCleaner 4.03 - Free Download Software
Download TuneUp Utilities 2010-2011-2012 Full Version+Serial Number
Download TuneUp Utilities 2013 Full Version+Serial Number
Your Uninstaller! Pro 7.5.2013.02 - Free Download Software
Free Downloads MP3-Lirik Indonesia-Barat-Western
Free Online Tools-Tutorial SEO Blogger Riecky

10 Kota Terpolusi di Amerika Serikat (AS)
5 Aturan Bekerja dari Rumah
Cara Cek Tagihan Listrik PT.PLN via Online Internet
Cara Cek Tagihan Listrik Secara Online
Cara Membuat Halaman di Google+
Cara Membuat Milis/Mailing List di Google Groups
Cara Membuat Milis/Mailing List di Yahoo Groups
Cara Memfilter Email di Yahoo!
Cara untuk Memerangi Ulasan Negatif dan Komentar tentang Perusahaan Anda

Emas (Logam Mulia) - Cara Investasi Yang Baik
Empat Alasan Agar Bisa Bekerja dari Rumah
Google Picasa untuk Mac OS X
Hilux, Dyna 2012
Jagung Serut Masjid Agung
Ketika Pria Harus Memilih

Kode Plat NoPol Kendaraan Wilayah se-Indonesia
Kumpulan Gambar-Tulisan Foto Profile BB-Status BB
Rokok, Bisa Menghilangkan Stress?
Sego Sambel Yeye
Tes Kepribadian Psikologi-Psychology Personality Test Dr.Phil
Tips Meningkatkan Keinginan Menulis-Posting di BlogTips/Cara Hitung Pajak Kendaraan
Bermotor-BBN.KB-Progressif
Yahoo! Larang Karyawannya Bekerja dari Rumah

Pengertian Internet dan Dampak Positif - Negatif
Jadwal Maskapai Penerbangan-Booking Tiket Pesawat Indonesia-Online
Stasiun Radio Online Internet Gratis Indonesia
Ari Lasso Kata Siapa-Download Lagu MP3-Lirik
D'Massiv-Natural-Download Lagu MP3-Lirik
Download MP3 Firman Feat.Alice-Jangan Pikirin Abang+Lirik
Download MP3 Ungu-Kau Anggap Apa-Lirik
Gama Satu atau Dua-Download MP3 + Lirik
Geisha-Pergi Saja-Download Lagu MP3-Lirik
Judika-Aku Yang Tersakiti-Download Lagu MP3-Lirik
NOAH Tak Lagi Sama-Download MP3 + Lirik
Noah Separuh Aku-Download MP3 + Lirik
Pacar 5 Langkah-Novi Andarista Download MP3 + Lirik
Rumor Butiran Debu-Download MP3 + Lirik
Rumor Kau Harus Mencintaiku-Download MP3 + Lirik
Seventeen-Menemukanmu-Download Lagu MP3-Lirik
Ungu-Sayang-Download Lagu MP3-Lirik
Adele Some One Like You Download MP3 + Lirik
Iron Maiden-Journeyman Download MP3 + Lirik
Jasa SEO Murah Bergaransi Profesional Surabaya | Layanan SEO Murah

Hilux, Dyna 2012
Tips SEO Pasang Iklan Murah Blog/Website/Situs Anda Disini
Bijak dalam memilih poduk kecantikan - gunakan nano spray2 & magic stick
Jangan mudah tertipu dengan harga murah - nano spray 2 magic stick asli disini!!!
Mesin Jahit Singer - Mesin Jahit Terbaik
Toko penjualan mesin jahit singer terpercaya
Referensi Tutorial Blog/Website Bagi Pemula/Newbie
977 Today's Hits - Orlando, FL - Internet Radio - Online Station Streaming

I Radio FM 88.7 Online Radio Station Jogja
Oxcy FM 107.5 Surabaya Live Streaming Radio - Listen Online Radio
977 Today's Hits Live Streaming Radio - Listen Online Radio
99ers Radio 100.0 Online Radio Station
Al-Hikmah Jakarta - Online Radio Station
Colors Radio 87.7 Live Streaming Radio - Listen Online Radio
DJ FM 94.8 Live Streaming Radio - Listen Online Radio
Dakta Radio 107.0 Online Radio Station
Delta FM 96.8 Surabaya Radio Station
EBS FM Radio 105.9 Surabaya Live Streaming Radio - Listen Online Radio
Elpas FM 103.6 Indonesia Online Radio Station
Gen FM 103.1 Surabaya Online Radio Station
Global FM 88.4 MHz Jakarta - Online Radio Station
Global FM 90.75 MHz Surabaya - Online Radio Station
I Radio FM 89.6 - Online Radio Station Jakarta
IBC FM 101.6 FM Indonesia Online Radio Station
Irama FM 88.5 Purworejo Live Streaming Radio - Listen Online Radio
Kayuagung Radio 90.4 Indonesia Online Radio Station
MBS FM 92.7 Jogja Live Streaming Radio - Listen Online Radio
MDC FM 100.5 Indonesia Online Radio Station
MRadio FM 98.8 Surabaya Live Streaming Radio - Listen Online Radio
MTB FM 102.7 Surabaya Live Streaming Radio - Listen Online Radio
Maestro FM 92.5 Indonesia Online Radio Station
Maja FM 100.7 Suara Mojokerto Live Streaming Radio - Listen Online Radio
Pas FM 104.3 Indonesia Online Radio Station
Persada FM 92.4 Indonesia Online Radio Station
Prambors 102.2 Indonesia Online Radio Station
RBFM 96.8 Sulawesi Barat - Online Radio Station
Radio Cakrawala 98.3 Online Radio Station
Radio Dangdut Indonesia 97.1 Online Radio Station
Radio Galau Online Station Streaming | More Music, More Fun!
Radio Menara 3 - 864 AM Surabaya Live Streaming - Listen Online
Radio Metro Female 88.5 FM Surabaya Live Streaming - Listen Online
Radio Nafiri 107.1 FM Surabaya Live Streaming - Listen Online
Suara Surabaya FM - Online Radio Station

Submit URL/Sitemap Blog/Web-Search Engine Google Yahoo Bing dll.
AXN | Watch TV Live Stream | Online Channel
Binus TV Online Streaming-Indonesia TV Online

CNN | Watch TV Live Stream | Online Channel
Comedy Central | Watch TV Live Stream | Online Channel
ESPN | Watch TV Live Stream | Online Channel
Fox News | Watch TV Live Stream | Online Channel
Friends Show | Watch TV Live Stream | Online Channel
HBO | Watch TV Live Stream | Online Channel
Indosiar | TV Streaming Online Indonesia
NBC News | Watch TV Live Stream | Online Channel
RCTI TV Online Streaming Indonesia & Asia
TV Online Streaming MivoTV-TransTV,Indosiar,DaaiTV,SCTV,TV
One,Trans7,ANTV,Spacetoon,Lunar TV
The Big Bang Theory | Watch TV Live Stream | Online Channel
Watch Live Animal Planet Asian Channel - TV Online Luar Negeri
Watch Live Cartoon Network - Channel TV Online Luar Negeri
Watch Live DISCOVERY CHANNEL | EN VIVO - Channel TV Online Luar Negeri
Watch Live Disney XD - Channel TV Online Luar Negeri
Watch Live Jackie Chan Chan's movies from 1991-2008 - Channel TV Online Luar Negeri
Watch Live Universal Channel (Films) online & free @ver universal online gratuito
iLive TV-Channel TV Movie Online Luar Negeri (USA)
CSS Compressor-Optimize CSS Blog/Web
Cara Memendekkan URL-Shorten Link Blog/Web Mudah & Praktis
Characters Counter Tool-Cara Menghitung Jumlah Karakter
Currency Converter Online-Kurs Mata Uang Dunia
Download Translate/Terjemahan Bahasa-Mozilla-Firefox-Chrome-IE-Browser
HTML Compressor-Optimize HTML Codes
Image Optimizer-Compress-Resize Photos
JavaScript Compressor-Optimize JavaScript Blog/Web
Online Calculator Tools-Kalkulator Online
Parsing Kode HTML-PHP-Java Script/JS-HTML Codes Parse Tool

Speed Test Tool-Tes Kecepatan Loading Blog/Web
Tool Flip Text Generator-Cara Mudah Buat Tulisan Terbalik
Tool Parse Kode HTML-Blogcrowds Resources HTML Codes Easily
Warna HTML
Yahoo Messenger Button Code Generator Tool-Cara Buat/Pasang Style ID YM Blog/Web
Tukar Banner
Cara Membuat Form Pencarian Expert
Tukar Banner
Tukar Link
4 Alasan Mengapa Anda Harus Menjawab Setiap Komentar di Blog Anda
53 Cara Mudah Berbagi Aktivitas Sosial dengan Widget Bloggybits
8 Tips untuk Mendapatkan Trafik dari Forum Online
Alexa Traffic Ranking and Detailed Explanations
Apa Itu SERP ?Apa itu HyperText Markup Language (HTML) ?
Bagaimana Cara Membuat Posting yang Baik ?
Belajar Make Money Online
Cara Agar Berhasil Membuat Pitch Blogger Untuk Pengunjung
Cara Agar Lalu Lintas Web Gratis Bekerja Untuk Anda
Cara Bikin/Buat Kotak Iklan (Banner Box-4 Kolom)
Cara Buat Artikel/Popular Post-Gambar/Thumbnails di Blog
Cara Buat Back to Top / Scroll to Top, Down, Home pada Blog
Cara Buat Kotak Berlangganan FeedBurner RSS-Email-Twitter Follow Blogspot
Cara Buat Related Post Bergerak Dan Berjalan
Cara Buat Translate Bahasa Animasi Bendera di Blogspot/Blogger
Cara Buat/Pasang Artikel Terkait/Related Post Gambar/Avatar di Blog
Cara Buat/Pasang Label/Kategori Yang Dipilih Saja
Cara Cepat Cari Kode HTML-Edit HTML Template Blog

Cara Memasang Berita Pada Blog
Cara Memasang Mesin Pencari Google
Cara Memasang Tombol Google+ di Blogger
Cara Memasang Video Youtube di Header-Posting-Sidebar-Footer Blog-Website
Cara Memasang-Menampilkan Video Youtube di Posting Blogger/Website
Cara Membuat / Modifikasi Tampilan Feedburner Karya Sendiri
Cara Membuat Back to Top / Scroll to Top, Down, Home pada Blog
Cara Membuat Bar Video Player Youtube Berwarna Putih / Light
Cara Membuat Content Blog SEO Friendly
Cara Membuat Efek Salju Pada Blog
Cara Membuat Favicon
Cara Membuat Garis Tepi Melungkung di Blog/Web
Cara Membuat Hari,Tanggal, Bulan dan Tahun di Header Blog
Cara Membuat Huruf Pertama Pada Artikel Lebih Besar (Drop Cap)
Cara Membuat Kotak Komentar Blog | Intense Debate
Cara Membuat Menu Navigasi Breadcrumbs di Blogger/Blogspot
Cara Membuat Page Flip Subscribe Di Pojok Atas
Cara Membuat Permalink / Link Permanen
Cara Membuat Popular Pos Warna Warni - CSS Rainbow Popular Post
Cara Membuat Postingan Blog ke Twitter Otomatis
Cara Membuat READMORE Otomatis
Cara Membuat Recent Post Berjalan ke Bawah
Cara Membuat Scroll Up-Down-Home di Blog/Web
Cara Membuat Tag Cloud (Categories/Label bergerak)
Cara Membuat Teks Pada Kursor
Cara Membuat Tombol Navigasi Dengan Nomor 1 2 3 ... Di Halaman Blog
Cara Mempercepat Loading Gambar & Hemat Bandwith Web
Cara Menambah Gadget 4 Kolom Dibawah Header
Cara Menambah Gadget Pada Header
Cara Menampilkan Blank Avatar / Default Komentar Avatar
Cara Menampilkan Foto/Gambar Profil di Google Result Page
Cara Menampilkan Icon Pada Setiap Postingan
Cara Mencari Peluang Tautan Pada Google Alert
Cara Mengedit Template HTML Pada Blogger / Blogspot
Cara Mengganti Gambar Kursor di Blog
Cara Menghapus Label Blog-Tulisan Di Bawah Postingan
Cara Menghapus SearchBox Bawaan Template Blog
Cara Menghilangkan Navbar Pada Blog

Cara Meningkatkan Traffic dan Visitor via Plipeo.com
Cara Meningkatkan Trafik Blog Melalui Twitter Dengan Memasang Button Tweetmeme /
ReTweet
Cara Pasang Avatar pada Komentar Blogger
Cara Pasang Iklan Diatas Postingan
Cara Pasang/Buat Total Comment pada Judul/Title Post
Cara Setting Blog Di blogger
Cara buat Chat pada Blog
Cara buat Mini Post atau Mini Artikel diBlogger
Cara buat halaman 1, 2, 3,...dst
Cara memasang 8 kolom iklan 125x125 di Blogspot
Cara membuat Search Engine Google / Google Custom Search
Disable Right Click-Cara Menonaktifkan Klik Kanan Mouse Web-Blog
Efek Gelembung Pada Blog
GA-SANDBOX: GOOGLE ADSENSE SANDBOX
Google Sitelinks Dan Cara Mendapatkan Dengan Mudah
How to Display Rating Stars in Search Results Google-Google Search Engine
How to Make Blogger using the display Old Version
How to Remove Label-Writing Blogger Posts Below
Lalu Lintas Peringkat Alexa - The Alexa Traffic Rankings
Layanan SEO Bulanan
Manfaat Geocities Untuk Blog
MazeCore: Cara Mudah Memonitor Posisi Keyword
Membuat Alignment Justify (Rata kanan kiri) Otomatis pada Blogspot
Membuat variasi Font pada Teks
Menampilkan Label Cloud di Blogger
Mencari Koleksi Gambar Kartun dan Cliparts
Mengapa Anda Blogging...?
Mengenal Tampilan Blogger.Com Antarmuka-Dashbor Baru
Open Disable Right Click-Cara Membuka Klik Kanan blog-web
RedAnyWay : Cara Menjaring Pengikut Untuk Meningkatkan Trafik Blog

TV Online-Cara Buat/Pasang TV Online Streaming MivoTV
Trik Sederhana Cara Proteksi Gambar di Blog
Warna HTML
Cara Chatting di Facebook tanpa membuka Facebook
Cara Mengubah URL Profil Facebook
Cara Mengubah URL Profil Facebook Anda
Content is King of The King
Manfaat Facebook Dalam Menjalin Hubungan
Warna HTML
Cara Memasukkan License Key Windows 7 Lalu Diaktivasi secara Online
Komputer Tips | Cara Jitu Mempercepat Booting Windows 7
Windows : Daftar Layanan Yang Tidak Perlu
Cara Pengaturan Microsoft Outlook untuk Email
Tips Sukses Pemasaran Online
Apa Itu SERP ?
Aplikasi Top iPad 7 untuk SEO-Search Engine Optimization

Cara Mempercepat Loading Blog/Web-SEO Tips
Layanan SEO Bulanan
Memasang Meta Tags dan Manfaatnya
SEO Tips-How To Make Templates Blogspot More SEO ?
SEO Tips-SEO Optimization Techniques SEO Blog/Web
SEO Tips: Script Auto HyperLink/Smart Link di Posting Blog
Seo Secrets 2011
Tips SEO buat Tim SEO Sebagai Marketing Online

MNC PLAY MEDIA
MNC PLAY MEDIA
MNC PLAY MEDIA
Templateism Follow my blog with Bloglovin
Latest SEO Blogspot Tutorial
Tips SEO | Buatlah Tim SEO Sebagai Marketing Online
Tips Sukses Aplikasi Strategi Marketing (Pemasaran) Online
List Blog Dofollow Auto Approve Comment-Free Backlink 2015
Tutorial Tips Teknik SEO Translate Aneka

Informasi | Tutor26
Berbagi sesuatu yang bermanfaat, mempunyai nilai tersendiri (",)
Home Tools Online Blogger Riecky Tutor Blog Kode Kode HTML Dasar bag.2

Kode Kode HTML Dasar pada bagian ke-2 ini akan kita lihat secara jelas mengenai symbol
(simbol-simbol), pembuatan paragraf, dan cara peletakan dan hasil jadi dari Tag H1 sampai
dengan H6, yang sebelumnya kita sudah membaca Belajar Kode-kode HTML Dasar.
Kita simak saja dibawah ini...
HEADER ATAU KEPALA TULISAN

Header adalah huruf-huruf berukuran khusus yang digunakan untuk menuliskan judul bab atau
sub bab. Ada enam tingkatan header mulai dari H1 hingga H6. H1 adalah header yang paling
besar dan H6 adalah header yang paling kecil. Coba tulis dalam Notepad anda sebagai berikut:
<HTML><BODY>
<HTML><BODY> Simpanlah dalam format file HTML kemudian buka dalam browser.
Hasilnya akan tampak sebagai berikut:
Header level 1
Header level 2
Header level 3
Header level 4
Header level 5
Header level 6
Note : Pada bagia Tag "Header level 1" berwarna orange dan diberi garis bawah, karena ada
pengaruh dari template saya sendiri. Seharusnya warna dan tulisan sama dengan Tag "Header
level 2 sampai 5", hanya tulisan lebih besar dari Tag "Header level 2".
BARIS DAN PARAGRAF
Sekarang kita akan mempelajari bagaimana cara membuat baris dan paragraf. Biasanya, untuk
membuat baris baru, kita lakukan dengan menekan tombol Enter. Bagaimana dengan dokumen
HTML? Cobalah membuat tulisan berikut pada Notepad:
<HTML><BODY>
Baris pertama
Baris kedua
Baris ketiga
<HTML><BODY>
Simpanlah sebagai file HTML kemudian bukalah dalam browser. Bagaimana hasilnya? Ternyata
hasilnya hanya seperti ini:
Baris pertama Baris kedua Baris ketiga.
Kesimpulannya, penekanan tombol Enter tidak menghasilkan baris dalam tampilan browser.
Demikianlah sifat penulisan dokumen HTML. Lantas, bagaimana caranya membuat baris?
Gunakanlah tag . Tag ini tidak mempunyai tag penutup. Bukalah source kode file HTML
tadi lalu edit seperti berikut:
<HTML><BODY>
Baris pertama
 Baris kedua
 Baris ketiga
</HTML></BODY>
Simpan kemudian lihat hasilnya dengan me-refresh pada browser. Hasilnya kurang lebih akan
seperti ini:
Baris pertama
Baris kedua
Baris ketiga
Membuat baris kalimat, gampang kan ? Tag tersebut dapat pula digunakan untuk membuat
baris kosong, artinya baris yang tidak mempunyai kalimat apa-apa. Editlah sekali lagi source
code latih4.htm menjadi seperti ini:
<HTML><BODY>
Baris pertama Baris kedua kosong, dan ini baris ketiga Baris keempat dan kelima k
</BODY></HTML>
Simpan lalu refresh sekali lagi maka hasilnya akan seperti ini:
Baris kedua kosong, dan ini baris ketiga
Baris keempat dan kelima kosong, dan ini baris keenam
Di sini kita lihat bahwa tag yang ditulis dua kali akan menghasilkan dua baris, demikian
seterusnya. Setelah pandai membuat baris, sekarang kita akan belajar membuat paragraf.
Perhatikanlah contoh tulisan di bawah ini:
<HTML><BODY>
Paragraf pertama Paragraf kedua Paragraf ketiga
</BODY></HTML>
Bila dilihat dalam browser, hasilnya akan seperti ini:
Paragraf pertama
Paragraf kedua
Paragraf ketiga
Dengan berpatokan pada contoh penggunaan tag di atas, cobalah buat file HTML dengan
menggunakan Notepad sehingga menghasilkan dokumen HTML yang akan tampak di browser
seperti ini:
World Wide Web (WWW) merupakan sebuah sistem dimana informasi (teks, gambar, suara, dan lain-lain) dipre
Informasi di WWW pada umumnya ditulis dalam bentuk HTML (Hypertext Markup Language). Selain itu, infor
Untuk menghasilkan tulisan-tulisan di atas, kita akan menentukan source code terlebih dahulu.
Jika sumbernya kalimat diatas, maka kode sumbernya kira-kira sebagai berikut:
<HTML><BODY>
World Wide Web (WWW) merupakan sebuah sistem dimana informasi (teks, gambar, suara, dan lain-la
Informasi di WWW pada umumnya ditulis dalam bentuk HTML (Hypertext Markup Language). Selain itu, i
</HTML></BODY>
Simpanlah file di atas kemudian buka dalam browser.
NOTASI KHUSUS
Kita telah mengetahui bahwa browser tidak mengenal pembuatan baris dengan tombol Enter.
Disamping itu, browser juga tidak mengenal pembuatan spasi lebih dari satu spasi dengan
menekan tombol Spasi ataupun tombol Tab. Nah, bagaimana caranya membuat lebih dari satu
spasi dalam dokumen HTML? Pembuatan spasi dalam kode-kode HTML diganti tulisan
seperti yang bisa kita lihat pada contoh berikut ini:
<HTML><BODY>
kata-kata ini diantarai satu spasi sedangkan kata-kata ini dianta
</HTML></BODY>
Bila dilihat dalam browser hasilnya akan seperti ini:

Kata-kata ini diantarai satu spasi sedangkan kata-kata
ini
diantarai
lima
spasi
Disamping notasi untuk pembuatan spasi ( ) ada lagi sejumlah notasi khusus untuk
penulisan karakter-karakter tertentu. Karakter-karakter ini harus dituliskan dengan notasi khusus
mengingat karakter-karakter ini dipakai juga sebagai kode-kode tag atau karena memang tidak
dijumpai dalam karakter teks ASCII. Berikut beberapa diantaranya:
Karakter
<
>
&
"
+
Misalnya kita akan membuat tulisan seperti ini:

Tip & Trik ini disajikan untuk para "pemula". Banyaknya 75 artikel. Dan setiap artikel terdaftar dalam direkt
<harap maklum>
Beginilah cara penulisannya dengan bahasa HTML:
<HTML><BODY>
Tip & Trik ini disajikan untuk para "pemula". Banyaknya ± 75 artikel. Dan setiap artike
</HTML></BODY>
MENAMPILKAN APA ADANYA
Meskipun browser tidak mengenali spasi lebih dari sekali , tabulasi dan pembuatan baris dengan
enter, namun dengan menggunakan tag <PRE> maka browser akan menampilkan teks apa
adanya, maksudnya spasi dianggap spasi, tabulasi dianggap tabulasi dan enter dianggap enter.
Bahkan font-nya pun muncul sesuai aslinya. Begini contohnya:
<HTML><BODY>
<PRE>
Pantun Petuah
Berakit-rakit ke hulu
Bersakit-sakit dahulu
</PRE>
</BODY></HTML>
Simpanlah file di atas sebagai file HTML kemudian tampilkan dalam browser, hasilnya akan
seperti ini:
Pantun Petuah
Berakit-rakit
ke hulu
Bersakit-sakit
dahulu
Demikian artikel Kode Kode HTML Dasar pada bagian ke-2 ini dengan harapan ada manfaat
buat semuanya (",)
Kembali ke Menu Tutorial Blogspot
Next Online Calculator Tools-Kalkulator Online
previous Cara Memendekkan URL-Shorten Link Blog/Web Mudah & Praktis
Related Posts
Cara Memendekkan URL-Shorten Link B...
Cara Membuat Popular Pos Warna Warn...

Tutorial Pengantar HTML
Pendahuluan
Sebelum Amda melangkah lebih jauh ada baiknya Anda tahu apa itu HTML. HTML atau Hypertext
Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web
server ke browser kita (Internet Explorer, Netscape Navigator, NeoPlanet, dll). Nah, HTML inilah yang
memungkinkan Anda menjelajah internet dan melihat halaman web yang menarik.
Sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk
membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage
sekedar contohnya. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak akan memperoleh hasil yang
maksimal. Mengapa ? Karena walaupun software-software tersebut semakin menawarkan kemudahan
dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web
tersebut secara manual. Terutama untuk halaman web yang sangat komplek.
Dalam tutorial ini Anda akan kami ajak untuk mengetahui dasar-dasar dari desain web. Yang
dibutuhkan hanya sebuah word processor. Anda bisa menggunakan Notepad, WordPad, MS
Word atau yang lainnya. Tapi yang paling mudah adalah menggunakan Notepad.
Struktur dasar HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam
pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di
antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan (terdapat tanda "/").
Sebuah halaman web minimal mempunyai empat buat tag, yaitu :
<HTML> Sebagai tanda awal dokumen HTML.
<HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE,
ISINDEX, LINK, SCRIPT, STYLE & META.
<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling
atas browser Anda (pada title bar).
Contoh :
<TITLE>Tips HTML -- http://dan-web.blogspot.com/</TITLE>
<BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna
link, warna visited link, warna active link dan lain-lain.
Atribut :
BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.
Contoh :
<BODY bgcolor="#000000" background="images/pcb.gif" text="#FFFFFF" link="#FF0000" vlink="FFFF00"
alink="#0000FF">
Sebuah contoh sederhana dokumen HTML :
<HTML>
<HEAD>
<TITLE>Halaman pembuka
</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF" background="images/gambar1.gif" text="#FF0000">
Letakkan text, images, dan link Anda di sini
</BODY>
</HTML>
Pengaturan Teks
Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis
dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks :
Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau
antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil.
Contoh :
<H2> Totorial Html </H2<
Hasil akan terlihat seperti:
Totorial Html
Peragraph Baru: Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran tapi juga bisa
tidak diberi.
Line Break: Digunakan untuk pindah ke baris baru.
No Line Break: Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris
bawahnya bila baris pertama sudah terlalu panjang.
Font Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.
SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan
ukuran terbesar.
FACE: Jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma.
Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis
font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada
komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang
bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda
bisa menggunakan graphic.
COLOR: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan
nama warna (red misalnya).
Contoh :
Contoh teks yang berwarna
merah
Hasilnya akan terlihat seperti :
Contoh teks yang berwarna merah
Contoh lainnya :

Base Font: <BASEFONT> Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT.
Tag FONT akan mengoverwrite setting pada BASEFONT.
Contoh :
<BASEFONT SIZE=2 FACE="Arial,Helvetica" COLOR="#FF0000">
Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :
Perhatian : Semua tag di bawah ini membutuhkan tap penutup.
 Bold text
 Italic text
 Underscore
<TT> Typewriter
<S> Strikeout - draws a line through the text
<PRE> Preformatted Text <DFN> Definition
<BLINK> Text berkedip (lebih baik jangan digunakan)
 Strong
<ADDRESS>
Italic
<CITE> Digunakan untuk quoting text
<CODE> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen
HTML Anda)
<SAMP> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada
dokumen HTML Anda)
<KBD> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen
HTML Anda)
<BIG> Ukuran teks akan lebih besar satu ukuran
 Ukuran teks akan lebih kecil satu ukuran
 Membuat tekssuperscript
 membuat tekssub script
<ABBREV> Abbreviations
<ACRONYM> Untuk akronim
<PERSON> Digunakan untuk indexing
<Q> Membuat short inline quotation
<VAR> Membuat variable name, selalu dalam italics.
Lists
Terdapat tiga tipe list yang dapat digunakan, yaitu :
Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag <LI>.
Contoh :
<UL>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</UL>
Hasil dari kode di atas adalah:
Item nomer 1
Item nomer 2
Item nomer 3
Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point.
Contoh :
<UL COMPACT TYPE=square>
Ordered Lists: <OL> Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab
atau romawi. List entries juga didefinisikan dengan <LI> tag.
Contoh :
<OL TYPE=I>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</OL>
Hasil dari kode di atas adalah :
I.
Item nomer 1
II.
Item nomer 2
III.
Item nomer 3
Untuk TYPE Anda dapat juga menggunakan :

1- Default numbers, 1, 2, 3, etc.
A- Huruf besar. A, B, C, etc.
a- Huruf kecil. a, b, c, etc.
I- Romawi huruf besar. I, II, III, etc.
i- Romawi huruf kecil , i, ii, iii, etc.
Definition Lists: <DL>
Contoh :
<DL>
<DT> Item pertama.
<DD> Penjelasan tentang item pertama.
<DT> Item kedua.
<DD> Penjelasan tentang item kedua
</DL>
Hasil dari kode di atas adalah :
Item pertama.
Penjelasan tentang item pertama.
Item kedua.
Penjelasan tentang item kedua
Images
Images :
Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda.
Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height
Contoh :
<IMG SRC="logo.gif" alt="Ini adalah logo halaman pembuka" width=200 height=100>
<IMG SRC="logo.gif" hspace=10 vspace=5 align=right border=2>
Links :
Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <A> dan </A> akan terdapat garis
bawah.
Contoh :
<A HREF="halaman2.html">Klik di sini</A> Untuk membuat link ke halaman lain.
<A HREF="ronaldsatria@gmail.com">Klik di sini</A> Untuk membuat link pada alamat e-mail.
<A HREF="#aplikasi">Klik di sini</A> Untuk membuat link ke bagian lain pada halaman yang sama.
<A HREF="halamanlain.html#aplikasi">Klik di sini</A> Untuk membuat link kebagian lain pada halaman yang
berbeda.
<A HREF="halaman2.html"><IMG SRC="gambar.gif"></A> Untuk membuat link dengan menggunakan gambar.
Diposkan oleh nald

Label: HTML, Tutorial
1 komentar:
gatewan.com mengatakan...
Terimakasih, informasinya, sekedar merekomendasikan sebagai materi tambahan;
Substansi :
- Sejarah HTML
- Pencipta HTML
- Pengembang HTML
- Fitur HTML
- Tag dan Atribut HTML
- Cara Validasi HTML
selengkapnya,
Pranala -> Pengantar HTML dan Sejarah Perkembangannya
17 Februari 2015 18.01
Poskan Komentar
Link ke posting ini
Buat sebuah Link
Posting Lebih Baru Posting Lama Beranda
Langganan: Poskan Komentar (Atom)
Blog Archive
2010 (10)
2009 (1)
2008 (23)
o Agustus (4)
o Juli (1)
o Juni (2)
o April (9)
o Maret (6)
Domain Name Untuk Akses ADSL
Setting Dial Connection Speedy
Setting Speedy dengan Modem Linksys AG241
Resetter Printer
Instalasi Kabel UTP dan Konektor
Tutorial Pengantar HTML
o Februari (1)
Hardware
Printer Canon 1880 Ubuntu
Resetter Printer
Link
Blogger Templates
My Totorial
Linux
BANDWIDTH METER
ilmuwebsite
Mahacita Polman
Web dan Internet
Domain
Pengertian dan Fungsi File Permissions
Cara Membuat RSS 2.0
Tutorial HTML
Tutorial PHP
Membuat login ala cpanel
Install Apache-PHP-MySQL
Mengembalikan (restore) password user MySQL
Buat Lencana Anda
Mari belajar HTML.

Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML
untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan
mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk
membuat website.
Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun
yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus
meng-edit dan melakukan perubahan-perubahan. Di dalam mengedit dan melakukan perubahan
inilah kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh
mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih
pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke
halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver
atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini
akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks
editor yang lebih interaktif anda bisa menggunakan Notepad++.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih
mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML
anda dan preview di browser untuk melihat hasilnya.
Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas
kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk
perbaikan tutorial maupun blog ini.
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.
Pengenalan HTML
Pengertian singkat tentang HTML
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu
dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan
kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman
Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun
audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari
dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser
adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut
adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau
".html".
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah
contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan
mengetikkan (copy/paste) kode di bawah ini:
<html>
<head>
<title>Titel Websiteku</title>
</head>
<body>
Ini adalah dokumen HTML pertamaku
</body>
</html>
Preview
Simpan file tersebut ke C:\My Documents dengan nama "websiteku.htm." Ketika menyimpan
file tersebut dengan Notepad ganti "save as type"-nya dengan "all files". Kemudian buka
browser, dari menu File klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok"
maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen,
atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk
menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <>"dan diakhiri
dengan tag penutup " </>". Kemudian di dalam tag tersebut terdapat teks seperti contoh
diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk
membuat warna latar belakang (background): <body bgcolor="0000ff">, body merupakan
elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai
contoh: Elemen html mempunyai tag pembuka " <html>" dan tag penutup " </html>" dan yang
berada diantaranya merupakan isi atau konten dari elemen html tersebut. Untuk menuliskan
Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>,
<HTml>, <html>, semuanya adalah sama.
Baca juga Update dari Pengenalan HTML ini di Tutorial HTML.
Tag Dasar HTML
Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY.
Berikut ini adalah penjelasan dari Tag Elemen tersebut:
<html>
<head>
<title>Disini titel websiteku</title>
</head>
<body>
Disini adalah konten yang tampil di browser
</body>
</html>
Preview
Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu
dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan
dari suatu dokumen HTML selalu berada diantara tag <html></html>.
Kemudian tag " <head></head>" (header) adalah informasi dari dokumen HTML. Informasi
di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini
nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah " <title></title>" merupakan bagian dari Head, tag ini adalah sebagai
Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu
anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".
Tag "<body></body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di
web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi
maupun audio-video (multimedia).
Baca juga Update dari Tag Dasar HTML ini di Tutorial HTML.
Format Font HTML
Tag HTML untuk font adalah , dengan tag ini kita bisa menentukan jenis font
(face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut
ini:
<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1>Judul dengan font Verdana</h1>
Konten dengan font Times
Untuk membuat ukuran (size):
<h1>Judul dengan size 5</h1>
Konten dengan size 3
Untuk membuat warna font (color):
<h1>Judul dengan warna biru</h1>
Konten dengan warna merah
Contoh komplit untuk membuat jenis font (face),size dan color:
<h1>Judulnya Tentang
Font</h1>
Ini adalah contoh tulisan
dengan pengaturan font yang menggunakan 
tag HTML elemen font dengan atribut face, size dan color...
</body>
</html>
Preview
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag
 tidak dipergunakan lagi, sebagai gantinya dibuat tag <style> atau disebut dengan
Cassading Style Sheets (CSS). Dengan CSS penggunaannya akan lebih kompleks dan lebih luas
lagi karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML.
Berikut adalah contoh penggunaan tag style sheets:
<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1 style="font-family:verdana">Judul Menggunakan font verdana</h1>
Konten menggunakan font tahoma
Untuk membuat ukuran (size):
<h1 style="font-size:150%">Judul dengan ukuran 150%</h1>
Konten dengan ukuran 80%
Untuk membuat warna font (color):
<h1 style="color:blue">Judul dengan warna Biru</h1>
Konten dengan warna merah
Contoh komplit untuk membuat jenis font (face),size dan color:

Ini adalah contoh tulisan pengaturan font dengan Cassading Style Sheets
(CSS) yang 
menggunakan tag HTML elemen style: font-family, font-size dan
color...
</body>
</html>
Preview
Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas
hal ini.
Baca juga Update dari Format Font HTML ini di Tutorial HTML.
Format text HTML
Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di
dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya, coba tambahkan dengan tagtag berikut ini:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
Ini adalah halaman HTML pertamaku.
Aku sedang membuat paragraf dan ini contohnya.
Ini contoh paragraf yang lainnya.
Ini juga paragraf mm...tapi de- 
ngan baris baru. 
Ini baris baru yang lain.
</body>
</html>
Preview
Untuk membuat suatu paragraf, tag elemennya adalah , dan untuk baris baru adalah
 , perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai
contoh adalah ada juga <hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: 
<hr>
Aku sedang membuat paragraf dan ini contohnya.
Ini contoh paragraf yang lainnya.
Ini juga paragraf mm...tapi de- 
ngan baris baru. 
Ini baris baru yang lain.
</body>
</html>
Preview
Nah..udah tau kan apa itu <hr>. Garis Horizontal <hr> juga tidak menggunakan tag penutup.
Untuk melihat tag-tag apa saja yang tidak memerlukan tag penutup dapat dilihat di artikel
tentang tag-tag html tanpa tag penutup.
Selanjutnya tag <h1></h1> disebut dengan Heading, merupakan ukuran teks yang biasa di
pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai
<h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.
Preview
Selanjutnya tag  adalah Comments digunakan untuk memasukkan (menyisipkan) suatu
komentar di dalam HTML. Suatu comments akan diabaikan oleh browser. Kamu dapat
menggunakan komentar untuk menjelaskan sesuatu hal.
Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :
<html>
<head></head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: 
<hr>
Aku sedang mempelajari format-format teks. 
Contoh-contohnya adalah sebagai berikut:
Teks Normal 
<tt>Teks mesin ketik</tt> 
Teks tebal (bold) 
Teks tebal dengan perintah Strong 
Teks dengan italic (miring) 
Teks miring dengan perintah Emphasized 
Teks bergaris bawah (underline) 
<strike>Teks tercoret (strike)</strike> 
<big>Teks lebih besar dari normal</big> 
Teks lebih kecil dari normal 
Teks menggunakan Subscript: Molekul Air adalah H2O 
Teks menggunakan Superscript: Hasil dari 102=100 
</body>
</html>
Preview
Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag <pre></pre>,
misalnya jika anda menuliskan syair sebuah lagu atau puisi:
<html>
<body>
<pre>
PUITUIS ASA
Hari ini...
Aku sedang belajar...
Belajar tentang HTML.
Sulit 'ntuk dimengerti,
Karena banyaknya teks-teks aneh.
Tapi biarlah...
Akan kucoba...
Sampai berhasil.
</pre>
</body>
</html>
Preview
Baca juga Update dari Format text HTML ini di Tutorial HTML.
Hyperlink HTML
Hyperlink digunakan untuk menghubungkan antar dokumen di dalam web. Tag HTML
Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan
dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:
<html>
<head></head>
<body>
Aku sekarang sedang membuat hyperlink
Jika anda ingin mengunjungi Microsoft
<a href="http://www.microsoft.com/">Klik disini</a> 
<a href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com
Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:
<a href="http://www.mp3.com/" target="_blank">Website Musik</a>
Agar hyperlink tidak bergaris bawah:
<a href="http://www.mp3.com/"target="_blank" style="text-decoration:
none">Website Musik</a>
Hyperlink ke suatu halaman tertentu dalam web:

<a href="http://htmlcssguides.com/belajar-css/">Link ini</a> akan membawa anda
ke halaman belajar css.
</body>
</html>
Preview
Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut
berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan ektensinya,
kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah
yahoo.gif, maka :
<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147"
height="31"></a>
Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi
image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai
yang ada diantar tanda ""sehingga anda akan lebih mengerti. Untuk memposisikan gambar,
tambahkan dengan atribut align="", left= kiri, center= tengah dan right= kanan.
<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147"
height="31" align="left"></a>
Sekarang coba geser mouse anda ke gambar di atas, jangan di-klik,

perhatikan akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini disebut dengan
screen tips, cara membuatnya adalah menambahkan title pada tag anchor (a) sehingga menjadi:
<a href="http://www.yahoo.com" title="Hai... klik gambar ini maka anda akan
dibawa ke Yahoo.com"><img src="contoh.jpg" border="0" width="147" height="31"
align="left" alt="yahoo"></a>
Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image
(gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar tesebut
tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x.
<a href="http://www.yahoo.com"> <img border="0" src="contoh.jpg" width="120"
height="30" align="left" alt="Text Alternatif Yahoo.com"></a>
Dalam contoh ini src atau source yaitu contoh.jpg sengaja dihapus agar alt-nya ditampilkan,
maka hasilnya adalah:
Baca juga Update dari Hyperlink HTML ini di Tutorial HTML.
Background HTML
Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin
menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik
(gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:
<html>
<head></head>
<body bgcolor="#FF99FF">
Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna
Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya...

</body>
</html>
Preview
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB
atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
<body bgcolor="#FFFF00">
<body bgcolor="rgb(250,250,0)">
<body bgcolor="yellow">
Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB
dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh
Selanjutnya membuat latar belakang dengan grafik atau gambar.

Pertama anda harus punya gambar yang ber-extention .gif, .jpg atau .png yang akan dijadikan
background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda
berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya
adalah: background.jpg
<html>
<head></head>
<body background="background.jpg">
<h1 color="red">Selamat datang di Websiteku</h1><hr
color="#ff0000" size="2">
Hai... Saat ini saya sedang
belajar membuat latar belakang dengan gambar, 
Biar bagaimanapun anda diwajibkan harus menyukainya...
</body>
</html>
Preview
Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi
dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari
gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut
kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh
dibawah ini diawali dari http:
<html>
<head></head>
<body background="http://i52.tinypic.com/nmm2cz.jpg">
Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan
gambar dari website orang lain! hua ha..ha..ha..
Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!
</body>
</html>
Preview
Baca juga Update dari Background HTML ini di Tutorial HTML.
gimp dll.
PENTING :
Sebelum disisipkan dalam halaman web sebaiknya terlebih dahulu :
1. Dimensi gambar diubah sesuai dengan keperluan, bisa menggunakan perangkat lunak
bantu seperti photoshop, gimp dll. Jangan langsung dimasukkan seperti aslinya yang
mungkin ukuran lebarnya bisa mencapai lebih dari 4000 pixel, dan ukuran filenya bisa
lebih dari 1MB. Ini akan sangat fatal karena proses menampilkanya akan memerlukan
waktu yang lama, bahkan bagi pengunjung yang koneksinya lambat bisa tidak tampil
sama sekali. Jadi akan percuma. Apalagi hasil asli dari kamera digital dengan teknologi 5
mega pixel keatas yang rata2 ukuran filenya bisa mencapai 4MB lebih. Bisa dikalkulasi
jika saja ada beberapa gambar dalam 1 halaman dengan ukuran besar???? berapa lama
waktu untuk menampilkan semuanya??? belum tampil informasinya pengunjung web
anda sudah kabur.
2. Ubahlah nama file gambar menjadi lebih singkat, mudah diingat, unik,
menggambarkan isinya, tanpa tanda spasi atau simbol selain - (minus) dan _ (garis
bawah) dan juga ditulis dengan huruf kecil semua. Penulisan dengan huruf kecil
bertujuan menghindari salah alamat yang bisa terjadi pada keadaan sistem operasi tempat
data disimpan berbeda. Misal anda punya gambar Photo-zainal.jpg, kemudian anda
panggil dengan nama photo-zainal.jpg (lihat penulisan huruf P dan p). Di komputer anda
mungkin saja gambar akan tampil dan tidak ada masalah, tapi jika disimpan pada sistem
operasi linux yang menganut sistem CASE SENSITIF(peka penulisan) maka gambar
tidak akan tampil. Sedangkan kriteria yang lain seperti singkat, unik dll bertujuan agar
familiar terhadap lingkungan internet.
3. Dan yang terakhir letakkanlah file gambar pada folder yang sama dengan halaman
webnya, atau lebih baik membuat sub folder baru berada dibawah folder utama.
Sehingga penulisan alamat pada saat memanggil tidak sulit dan familiar. misal : semua
gambar disimpan dalam folder gambar atau images yang berada pada folder utama.
Jika semua kriteria diatas sudah dilakukan tinggal cara menyisipkanya. Kode html-nya bisa
dilihat berikut :
Perintah dasar minimal :
<img src="nama-file-gambar.jpg" />
dengan perintah diatas gambar akan ditampilkan sesuai ukuran aslinya. Kode yang dianjurkan :
<img src="nama-file-gambar.jpg" width="lebar" height="tinggi"
border="garisluar" alt="text alternatif" title="Text pesan" />
src : diisi dengan nama file lengkap dengan jenis gambar, jika berada di sub folder :
namafolder/namafile.jpg
tambahan opsional (boleh diguanakan jika diperlukan)
width : diisi dengan angka lebar ukuran gambar ditampilkan sesuai ruang yang tersedia
height : diisi dengan angka tinggi ukuran gambar ditampilkan sesuai ruang yang tersedia
border : diisi dengan angka ketebalan garis luar dari nilai minimal 0 yang berarti tanpa garis
alt : text alternatif jika gambar belum selesai/gagal ditampilkan
title : text yang akan muncul jika mouse diarahkan diatas gambar.
Itulah perintah sebenarnya yang berada dibalik tampilnya gambar2 visual yang kita lihat
diinternet.
Semoga bermanfaat
Zainal Hakim
- See more at: http://www.zainalhakim.web.id/posting/cara-memasukkan-gambar-dalamhalaman-web.html#sthash.JU3cZkNj.dpuf

HTML Hayoo

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

HTML Hayoo

Diunggah oleh

Hak Cipta:

Format Tersedia

corat-coretku

Just another WordPress.com weblog

Info Cari Uang

Membuat Halaman Web dengan HTML

Gambar 1. Sketsa halaman CV

Gambar2. Sketsa halaman foto

Create a free website or blog at WordPress.com. | The Matala Theme.

INFORMASI TOP TERBARU

Cara Mendapatkan Ratusan Backlink Gratis

Monkey Island Bubble Shooter-Game Permainan Online

Cek Penerbangan Pesawat Air Asia Search / Book Flight

Kumpulan Gambar-Tulisan Foto Profile BB-Status BB

Cek Penerbangan Pesawat KalStar Aviation Online Search / Book Flight

Harga Toyota 2012-Mobil Baru-Toyota Car Price list

99ers Radio 100.0 Online Radio Station

Cek Penerbangan Pesawat KalStar Aviation Online Search / Book Flight

Fox News | Watch TV Live Stream | Online Channel

Tool Parse Kode HTML-Blogcrowds Resources HTML Codes Easily

Cara Memasang Video Youtube di Header-Posting-Sidebar-Footer Blog-Website

Cara Mudah Google Adsense-Memperoleh Persetujuan Pendaftaran

TV Online-Cara Buat/Pasang TV Online Streaming MivoTV

Cara Mempercepat Loading Blog/Web-SEO Tips

MNC PLAY MEDIA

Latest SEO Blogspot Tutorial

Daftar Blog Auto Approve Pagerank Tinggi Dofollow Pemerintah

1000+ Daftar Social Bookmark DoFollow Berbagai Negara

Cara Membuat Judul Posting SEO Friendly

Tips SEO | Buatlah Tim SEO Sebagai Marketing Online

Tips SEO Membangun Link dan Teks Jangkar

Cara Mempercepat Loading Blog/Web dengan Javascript/JS

Cara Membuat Loading Blog/Web Lebih Cepat

SEO Tips to Build Links and Anchor Text

Cara Ter-cepat Blog/Web TerIndex Google-Yahoo-Bing

Tips Berburu Social Bookmark Dofollow Indonesia

Submit URL Sitemap Blog/Web-Ask Google Yahoo MSN

Cara Buat Template Blog SEO Google-Index-Crawl

Tips SEO Dasar-Teknik Optimasi SEO Pemula Blogspot

Cara Penelitian Kata Kunci/Keyword-Meningkatkan SEO Blog/Website

Membuat Blog-Website Harus Kita Sukai,Kuasai,Spesifik,Menarik

Tujuan Membuat Blog-Website-Situs

Cara Membuat-Menampilkan Foto Profil Google Plus di Google Search Engine

Cara Meningkatkan Blogger-Meningkatkan Pengunjung Website

How to Make SEO Friendly Post Title-SEO Google Tips

How to Boost-Increase Alexa Traffic Rank Blogger

Cara Menampilkan Rating Bintang di Hasil Pencarian Google-Google Search Engine

Tips Sukses Aplikasi Strategi Marketing (Pemasaran) Online

List Blog Dofollow Auto Approve Comment-Free Backlink 2015

Tutorial Tips Teknik SEO Translate Aneka

Kode Kode HTML Dasar bag.2

HEADER ATAU KEPALA TULISAN

Baris pertama Baris kedua Baris ketiga.

Bila dilihat dalam browser hasilnya akan seperti ini:

Misalnya kita akan membuat tulisan seperti ini:

Beginilah cara penulisannya dengan bahasa HTML:

MENAMPILKAN APA ADANYA

Next Online Calculator Tools-Kalkulator Online

previous Cara Memendekkan URL-Shorten Link Blog/Web Mudah & Praktis

Cara Memendekkan URL-Shorten Link B...

Cara Membuat Popular Pos Warna Warn...

STNK | JASA STNK | JASA STNK | JASA STNK | JASA STNK

INDONESIA BERITA INFO

Error Code 536805375 LiveUpdate SYMANTEC ENDPOINT PROTECTION 12.0.122.192

Contoh Surat Berita Acara Serah Terima/BAST Perusahaan Swasta

Freegear-Game Permainan Balapan Mobil Online