ayay! gue kan baru bikin blog nih.. gue pengen dong tampilan blog gue super duper keren. mulai lah gue mengacak-acak settingan blog gue. dari yang gue ngerti sampai yang kagak, gue acak semua. dan di settingan terakhir, gue ketemu dengan settingan yang nama nya template. template itu mirip tema gitu. entah emang tema yang diubah nama menjadi template atau emang template beda dengan tema, gue kagak tau. yang gue tau, fungsi template itu mirip dengan tema. merubah tampilan blog gitu.
Gue cobain deh satu-satu template design orang lain di blog gue. Kagak ada yang keren! "Gimana kalo gue edit sendiri?" pikir gue. gue cari deh bagian edit template.. cari cari.. cari cari.. ketemu! tapi ng-edit-nya musti ng-edit template bikinan orang lain gitu. gue liat liat.. waduh.. itu bahasanya rumit amat! "ada ya orang yang niat bikin begituan?!" *gue salah satu nya* mulai lah gue teliti satu persatu.. awalnya gue pusing banget ngeliat susunan list template yang dibikin blogger lain. pakai bahasa apaan tuh, kagak ngarti gue! gue googling... lalu ketemu lah jawaban atas pertanyaan gue. mereka menggunakan bahasa HTML (lebih banyak unsur HTML)! Daaaannnnn penulisan CSS dengan HTML hampir sama! iya, HAMPIR SAMA! *sengaja diulang biar greget* Tapi untung dong gue sedikit paham tentang CSS. bahkan lebih rumit CSS menurut gue.
Ok, mari kita masuk kedalam pembahasan HTML. kita mulai dariiii.....
Apa itu HTML?
HTML adalah *anjiss.. gue pake bahasa guru sekolahan..* bahasa yang digunakan untuk menampilkan suatu informasi di dalam alat penjelajah web internet (browser, seperti C, FF, IE, dll). *source wikipedia
Artinyaaaa... kita bisa bikin web juga kalo ngerti HTML ini! #HOREE
langsung aja yuk ke bagian-bagian pembelajaran HTML. Gue kurang bisa nulis basa basi gitu. tapi kalo nulis puisi cinta buat kamu, BISA BANGEEETTT!!! #eaaa
HTML.. selalu diawali dengan tag <html> dan diakhiri dengan </html>
bagian khusus yang harus ada pada penulisan HTML yaitu..
langsung aja yuk ke bagian-bagian pembelajaran HTML. Gue kurang bisa nulis basa basi gitu. tapi kalo nulis puisi cinta buat kamu, BISA BANGEEETTT!!! #eaaa
Pada
postingan kali ini kita belajar tentang Elemen, Tag, dan Atribut HTML.
Itu yang penting dipahami pemula dulu. kayak kita kita... #lanjutcyiinn
Baik lah.. JRENGG... JRENGG...
HTML.. selalu diawali dengan tag <html> dan diakhiri dengan </html>
bagian khusus yang harus ada pada penulisan HTML yaitu..
- <html>
- <head>
- </head>
- <body>
- </body>
- </html>
ELEMEN HTML.. hmm jangan kalian pikir mirip sama elemen angin milik Aang atau elemen api milik Zuko ya.. ini beda.
Elemen HTML itu adalah suatu baris atau kalimat dalam HTML. Elemen ini selalu diawali Tag pembuka dan diakhiri Tag penutup. Gue kasih contoh aja kali ya supaya mudah dipahami.
Contoh: <body> akoeh cinta kamoeh </body>
semua yang berwarna merah itu lah yang dinamain Elemen HTML.
TAG.. adalah penanda atau pendefenisi bagian dari isi elemen. misah misahin isi elemen gitu. misalnya kamu mau isi elemen yang itu tebal, isi elemen yang anu digaris bawahi, atau isi elemen yang ini jadi header, kita harus memakai tag sebagai pembeda atau pengkodean. umm ribet ya.. iya emang ribet.. gue bukan guru sih, makanya jadi ribet gitu. ah makin ribet deh.. #elunyayangribetRick #ampunOm
Contoh: <body> kamoeh juga cinta <u> akoeh </u> </body>
itu tuh.. yang gue mark kuning yang namanya Tag. Dan yang kagak gue mark, itu namanya isi elemen. ngerti kan? Ngerti? Nah! #kasihgorengan
ATRIBUT.. merupakan informasi tambahan di dalam Tag. Fungsi nya untuk memodifikasi tampilan elemen HTML.
Contoh: <body align="center"> karena kitah saling cinta, akoeh dan kamoeh main kuda-kudaan deh. </body>
yang gue warnain hijau itu yang namanya atribut. Jelas kan? Kalian emang pintar... #HOREEE
NOTE: Harus Langsung Praktek!! kalian bisa menggunakan notepad pada pc, lalu ketika selesai, save aja notepad nya dengan nama blablabla.html
Kalian juga bisa menggunakan aplikasi Dreamweaver dari adobe atau Frontpage dari microsoft. Tapi gue saranin mending pake Notepad. NOTEPAD. Kalau sudah paham dasar, baru gue saranin pake dreamweaver. Disana lengkap Tag sama Atribut HTML.
Dengan penjelasan singkat dari gue, HTML itu sangat mudah dipelajari kan? iya kan?
Coba aja kalian baca dari blog lain, penjelasannya ribet-ribet semua.. Makanya, share deh blog gue ke temen-temen lu yang pengen belajar cepat dan kagak bikin mumet. #aiihh #Rickyngarepvisitor #gakngarepgakgaoel
Baiklah, dilain kesempatan, gue bakal posting seluruh.. errr sebagian ding.. tag dan atribut HTML. Kalo gue hyperlink ke blog lain sekarang, ntar kalian malah pusing karena penjelasan yang rumit. jangan di-googling juga.. mending nuggu gue bikin postingan deh.. biar kalian nya gak pusing, gitu.. muehehehe *modus anying :)))
Sampai di sini dulu yaaa... XOXO
