Dan mulai hari ini topik bahsan pun akan ada sedikit perubahan, yakni ga cuma ngebahas blog tutorial doank tapi ngebahas juga soal HTML, ini saya lakukan karena ada diantara sahabat saya yang hoby obrak-abrik template blognya tapi masih menemui kesulitan karena masih bingung soal perintah-perintah HTML, ya ngga jauhlah dari saya yang setiap edit HTMl musti inga inga dulu perintah HTML nya ma'lum baru belajar jadi belum pada hapal.
Baiklah sobat, kita kembali ke (laptop) bahasan utama artikel ini yaitu mengenai HTML.
Apa itu HTML ?
HTML (Hypertext Markup Language)adalah merupakan suatu standar bahasa program yang di gunakan untuk menampilkan dokumen-dokumen web. (itu menurut saya bro, kalo salah ya mohon di maafkan).
Perintah-perintah dalam HTML biasa di sebut dengan TAG. TAG ini kebanyakan mempunyai pasangan, yakni TAG pembuka dan penutup. Misal
<b>...</b>, <i>...</i> dan lain sebagainya, dan TAG yang mempunyai pasangan ini juga bersifat Override yakni dapat menimpa fungsi TAG sebelumnya. Contoh : sebuah teks yang sudah di buat miring oleh tag <i> ... </i>, dapat di timpa oleh tag <b> ... </b> sehingga akan melahirkan dua hasil perintah yang berbeda sekaligus yakni kombinasi hurup miring dan hurup tebal, contoh :
ini hanya
<b><i>contoh </i></b> saja sobat
yang akan tampil di browser adalah :
ini hanya contoh saja sobat
di samping TAG yang mempunyai pasangan, ada juga tag yang tidak memerlukan pasangan, misal TAG <hr> , <br> , ataupun <input>
Sebuah Tag tidaklah sensitif terhadap Case (hurup besar atau kecil), jadi mau di tulis hurup besar ataupun huruf kecil akan menghasilkan fungsi yang sama. Sebagai contoh : fungsi Tag
<b>....</b> akan sama dengan Tag <B> ....</B>.
Sebuah dokumen HTML terbagi kedalam tiga bagian utama, yakni HTML, HEAD, serta BODY.
HTML
Sebuah dokumen HTML haruslah diawali dengan tag
<HTML> dan di tutup dengan </HTML>, Tag ini adalah sarana untuk memberikan informasi kepada browser bahwa apa-apa yang di tulis di dalamnya merupakan sebuah dokumen HTML.
HEAD
Bagian header dari sebuah dokumen HTML diawali oleh tag
<HEAD> dan di tutup oleh tag </HEAD>, dan di dalam header di isi pula dengan tag title yakni judul dari dokumen, tag title ini di tulis dengan tag pembuka <TITLE> dan di tutup oleh tag </TITLE>, contoh : title dari blog ini adalah Blog Tutorial jadi untuk tittle nya di tulis seperti ini <TITLE> Blog Tutorial </TITLE>, akan tetapi di blogger.com untuk penulisan title tidak harus di tulis langsung pada tag title karena sudah di otomatisasi, alamatnya yaitu <$BlogPageTitle$>. Dalam pengisian title ini seyogya nya jangan asal-asalan, karena title merupakan hal pertama yang di lihat oleh search engine.
Di dalam Header pun di isi pula dengan tag META, tag META ditulis dengan tag
<META>, tag META ini biasanya memuat informasi mengenai dokumen HTML. dengan tag META kita bisa menentukan keyword, content,refresh, dan lainnya sebagainya. Khusus tentang tag META keyword akan di bahas lebih lanjut pada postingan selanjutnya.
BODY
Semua dokumen HTML yang di simpan di dalam BODY semisal teks, image, link, dan lain sebagainya akan di tampilakan dan bisa di lihat di dalam browser.
Ok sahabat, mungkin pengenalan pertama mengenai HTML di cukupkan sekian dulu dan akan di teruskan pada postingan-postingan selanjutnya
Jika anda merasa artikel ini bermanfaat, silahkan lakukan vote ke Lintas Berita agar artikel ini bisa di baca oleh orang lain.
Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, kang Rohman rekomendasikan anda belajar di sini «« sok atuh di klik biar situsnya keluar 
Ingin artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.
Privacy guaranteed. We'll never share your info.
HTML itu bedanya apa sama XML mas? Saya coba buat HTML dan saya input ke blog tapi kok jadi amburadul ya..
buat the jogja team : XML merupakan teknologi baru untuk aplikasi web,yg merupakan standar W3C (World Wide Web Consortium) yang memungkinkan kita untuk membuat tags sendiri. berbeda dengan HTML yg sudah terpatok kepada bahasa HTML sendiri. Trus amburadul gimana ya, mungkin ada yg salah kalee, blog sy ini pakenya kode HTML semua, tidak ada yg aneh kan.
bisa kasih tau kode HTML buat kotak Navigasi kayak punya bloger www.anangku.blogspot.com gw minta kesini karena dah minta ke dia...pelit bgt...g dibls2...makasih nih...
klo mau masukin kode iklan di sebelah mana to kang
@entertainment : tergantung iklan tersebut mau di taruh di mana. Kalo anda memakai template baru (xml) sebaiknya masukinnya melalui elemen saja. caranya klik --> layout --> element halaman --> tambahkan sebuah elemen halaman --> pilih yang HTML/Javascript --> masukin kode iklannya --> simpan --> pindahkan ke tempat yang di inginkan --> trus simpan lagi. Selesai
WAH BAGU BANGET MAS nabah pengetahan sekali khususnya buat saya makasih ilmunya ya :)
mas aq ingin ganti skin blog tapi gagal, tidak bisa disimpan kenapa ya. diblob saya ada peringatan seperti berikut:
Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: Open quote is expected for attribute "{1}" associated with an element type "background".
tolong mas segera di balas
mas aq ingin ganti skin blog tapi gagal, tidak bisa disimpan kenapa ya. diblob saya ada peringatan seperti berikut:
Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: Open quote is expected for attribute "{1}" associated with an element type "background".
tolong mas segera di balas
sangat terbantu dengan tutorial anda
semoga amalnya diberi balasan yang
setimpal
terima kasih banyak
apa beda html sama ML
bagaimana buat tempat komentar keren seperti punyaan kang rohman
saya sudah berhasil buat dgn haloscan sesuai panduan kang rohman tapi punyaan kang rohman mantab, bisa di kasih bocorannya
kang...?
nimbrung juga di sini, menghangatkan topic lama
Terima kasih SUHU ... :P jurus jurus menaklukan pendekar HTML akan saya laksanakan ...
good info
thx
www.cannizaro.wordpress.com
mas ikutan google adsense yach ..
mas, saya ikutan belajar yaa.. salam newbie :)
ass. kang rohmn. sy mau tny, kok blog sy tu aneh ya.., anehnya, kalo dibuka di internet explorer, tmpilannya/sidebarnya dibawah text, tp kalo dibuka di mozilla, sidebarnya jd di samping kann blog?gmn ya mas?
mau nanya aja, aku punya blog di wordpress, aku coba copy code dari beberapa situs (ga tau code itu html atau bukan) aku paste pada widget teks tetapi kok ga bisa tampil seperti yang dimaksud ya, setelah aku lihat di widget teks, setelah disimpan code tersebut telah berubah, kirat-kira apa yang terjadi
mau nanya aja, aku punya blog di wordpress, aku coba copy code dari beberapa situs (ga tau code itu html atau bukan) aku paste pada widget teks tetapi kok ga bisa tampil seperti yang dimaksud ya, setelah aku lihat di widget teks, setelah disimpan code tersebut telah berubah, kirat-kira apa yang terjadi
Trims artikelnya... :D
klo mau tau lebih lengkap tentang HTML dan PHP
link ke sini aja http://kursus-online.com/id=meyra
selamat mencoba ya...
sekalian promosi ya bos
lieuuurrrr
Kang, sebenernya saya sudah akrab dgn kode2 itu. Tapi, gimana ya caranya supaya gak lupa?? Masa; sih saya kudu copy paste trus??
hey..
thx bRo !!!
mas balikin html ke xml lagi gimana carannya....
tolong dibantuin donkkkk
plis plis plissss
Mau nanya kang, maaf agak ngelantur.
Beberapa tahun yang lalu (4 tahunan) aq sering baca tulisannya Abdur Rahim tentang tutorial html. Alamatnya sih di http://rahim.f2o.org/ . Lah sekarang aq cari (googling) gak ketemu malah sekarang ketemu kang rahman. ilmunya sama2 bagus & TOP banget. Apa masih ada pertautan antara rahim.f2o.org (abdur rahim) dengan kang rahman ???.
Trim’s.
Sepertinya saya ga ada kaitannya dengan abdur rahim
Makasih kang, tapi yang jelas aq juga banyak memdapat ilmu disini. Tapi apa memang bisa mengupdate blog kita dgn html offline trus tinggal di upload di acount kita ???.
semoga sukses selalu
kang, nanya ya... saya milih template blogger 2 kolom. trus kalo yang satunya mau dibagi lagi gimana ya caranya. atau pada baris gadged nya jadi dua gimana ya caranya... maaf ya kang, soalnya saya masih cupu banget. trims ya.
cara menghapus blog gmana c??
punya saya ada dua dalm 1 email??
thkz
kang rahman….
minta tulung dunk !!!
cara mengganti banner di blogspot gmana ?
aku dah coba tapi dapet pesan error xml kayak gini :
XML error message: The reference to entity “key” must end with the ‘;’ delimiter /
Open quote is expected for attribute “{1}” associated with an element type “border”.
gimana cara mengatasinya, balaz yo !!! maklum newbie
Kang gmn.cr buat kirim comen yang kayak tak pake ini
mau nanya dong,,
klo qt donload template dr situs2 yg nyedian gtu,,
qt g'bs buka fitur page element gtu y?
jaidny g'bs masukin jam dsb? iya gak?
dijawab y pliss,,
mksih loh,,
Makasih banyak kang atas semua template dan tutorialnya sehingga sy bisa buat blog untuk bisnis saya dan Alhamdulillah bisnis sy maju pesat. http://hftcenter.blogspot.com
k
Kang artikelnya tak copas, tak simpen biar nggak pusing ntar tak tambahin ke blogku sbg tambahan artikel atur nuhun kang
tengkyu bos infonya...o iya..sorry ni kalo pertanyaannya agak katrok.Gw kan udah buat blog ni certanye...tapi setelah gw cari di google gitu ko gak muncul yeee..kira2 kenapa????maturnuwun.
risherphrenia.blogspot.com
waah......
kang rohman memang ajib.....
btw kang rohman makannya apa ci....
kehormatan bagi saya bisa liat blogs akang.....
tanks for u kang.....
makin siiip aja neeh kang blognya
askum mas...
saya awan pengen tau edit blog biar jd kayak blog ini mas...trims...
ws...
Akang Rohman yang baik hati Tolong lihat blog saya dong, soalnya tak masukin kode html dari kang rohman Tampilan kode htmlnya kok tampil di header seperti ini : indentmenu{ font: bold 11px Arial; width: 100%; /*leave this value as is in most cases*/ } .indentmenu ul{ margin: 2px; padding: 0; float: left; /* width: 80%; width of menu*/ background: transparent; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; margin: 2px; color: #000; /*text color*/ padding: 5px 11px; text-decoration: none; border: 1px solid #ccc; } .indentmenu ul li a:hover{ background:#ddd; } .indentmenu ul li a:visited{ color: white; } .indentmenu ul li a.selected{ color: white !important; padding-top: 6px; /*shift text down 1px*/ padding-bottom: 4px; border: 1px solid #000000; background:#000000; } .tabcontentstyle{ /*style of tab content container*/ border: 1px solid gray; width: 450px; margin-bottom: 1em; padding: 10px; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; }
Kenapa ya?..
Ini blog saya : http//rozaknasa.blogspot.com
punten kang masih bingung soalnya bukan programer...he...he...
kang supados rame kumaha kang....punten bantos abdi.....
www.sehateuy.blogspot.com
siplah.... tapi masih bingung....
ruamaos sanes programer..
KANG KURANG RAME BLOG SAYA GIMANA KANG...
Kang mo minta help.....
buatin kode html yang isinya Recent post,Recent koment,Arcieve..??????
Biar ngehemat tempat kan????? ntar klo dah dibuat kasih teu saya yah......Salam Cihuy buat sang maestro Blog
tambahan:...maksutnya dalam satu area or satu widget.....3 in 1
ummpang nyimak gan...
ga ngertiiii.......
kueren puoll... sori n maklum pemula ngeblog
kang sory boleh tanya nih, klo mau bikin ( home, free template, template tutorial, dan lain-lain ) yang kang rohman simpen di paling atas itu yang pas dibawah judul BLOG KANG ROHMAN, itu gimana bikinnya ya???....mohon bantuannya kang ya saya masih pemula soalnya...thanks ya sebelumnya....
terima kasih infonya mas. tp ak masih bingung nih...
Assalamu'alaikum kang....kalo nge paste source code shoutbox ke code HTML nya dimana ya...???saya paste ke bagian post nya ko ga muncul ya...dah 2malem nih ga bisa tidur mikirin begituan doang...hehehe...:)
thx atas jawaban nya sekalian minta source code yang mantab dong...hehehe...
PELUANG BISNIS
Anda ingin menjadi agen pulsa elektrik all operator?????
1. Pendaftaran GRATIS
2. 1 chip all operator
3. Tidak harus memiliki rekening bank
4. Deposit minimal Rp 1000, yg penting kelipatan 1000
5. Transaksi lancar, cepat dan 24 jam non stop
6. Stok pulsa All operator & tersedia banyak
7. Sms reply gratis
8. Saldo anda bebas dari potongan/biaya
9. Harga pulsa termurah dibanding distributor lain
10. Satu harga untuk semua agen
11. Bebas menentukan harga jual ke konsumen
12. Anda akan kami beri Agen ID, Password dan PIN
13. Keagenan anda berlaku seumur hidup dan dapat diwariskan
14. Bisa dapat bonus dari transaksi downline
Anda bisa bergabung dengan kami dengan cara mendaftar sebagai agen/dealer pulsa all operator. Caranya: Ketik: REG.NOHP.NAMA.KOTA kirim ke 085242462943 (pendaftaran gratis)
Info lengkap/daftar harga dapat dilihat di http://www.distro-pulsa.co.cc/