Belajar Dasar CSS Dan HTML

Aha berjumpa lagi dengan saya sang kaisar yang ganteng ini di acara benteng takeshi wkkwkkw, hey hey para belogsetar yang saya cintai cobalah simak sejenak paparan saya mengenai dasar-dasar CSS dan HTML, buat yang sudah mastah silahkan duduk manis saja yah atau silahkan menambahkan jika ada yang kurang dan salah.
"Kenapa sih harus belajar dasar CSS dan HTML?" ya harus dong masa harusdin, kalau kamu sudah berbulan-bulan atau bertahun-tahun ngeblog tapi masih tetep ga mudeng dengan dua hal ini namanya #terlalu atau bahasa Inggrisnya "tengteuingeun".

Coba bayangkan kalau ada seorang sopir tidak mengerti sedikitpun tentang dasar mesin atau seorang pemain bola yang hanya tahu cara menendang tanpa perduli dengan aturan mainnya, begitu juga dengan blogging sungguh terlalu deh kalau sampai ga tahu dasar CSS dan HTML. Maka dari itu yuk kita belajar sedikit tentang hal ini, dun wuri saya akan mencoba memaparkannya dengan bahasa santai supaya kamu mengerti soalnya kalau terlalu serius saya juga bingung hehehe maklum saya hanya ngerti dikit.

CSS (Cascading Style Sheet) adalah sebuah bahasa yang digunakan sebagai format tampilan halaman sebuah blog atau web, jadi setiap tampilan visual yang ada dalam blog kamu itu adalah hasil dari kode-kode CSS yang ada dalam template kamu.
Jika di kamu sudah membaca postingan terakhir saya tentang elemen blog maka itu akan sedikit membantu kamu mengenali CSS, kalau belum baca coba buka-buka dulu yah. Pada postingan tersebut beberapa elemen blog saya sebut seperti Header, Sidebar, Main Posting dan Footer, nah setiap tampilan elemen tersebut muncul berkat adanya coding CSS loh.

#sidebarbawah-wrapper {
width: 400px;
height: 400px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

kalian lihat kan kode diatas tersebut adalah contoh dari sebuah CSS yang berfungsi menampilkan sebuah elemen sidebar, biasanya kode CSS dimulai dengan sebuah titik "." atau hastag/tanda pagar "#" lalu disusul oleh ID (Identitas) dari elemen yang akan ditampilkan.
Contohnya #sidebarbawah-wrapper, dalam setiap ID tersebut terdapat informasi yang akan berfungsi sebagai settingan tampilan elemen tersebut. Coba lihat lagi contoh CSS diatas tadi, setelah kode ID pasti akan disusul dengan tanda"{" dan pada akhir setiap ID akan ditutup dengan tanda "}" nah diantara tanda itulah tersimpannya settingan elemen tersebut dimulai dari warna, posisi, background gambar, ukuran panjang dan tinggi sampai settingan font.
Bahasa yang digunakan untuk setting tampilan CSS mudah kok ga akan bikin otak kamu berbusa, lihat saja contoh diatas, ternyata yang digunakan adalah bahasa kode yang memakai bahasa Inggris biasa seperti width, height, background, float dan sebagainya, pada lain waktu Insya Allah saya akan membahasnya lebih dalam.

JIka CSS berfungsi sebagai tampilannya maka HTML (HyperText Markup Language) adalah sang eksekutor dari setiap kode CSS, kalau saya analogikan blog sebagai Handphone maka CSS adalah body atau chasing dan HTML adalah mesinnya, atau dengan kata lain CSS adalah kemasan dan HTML sebagai isi atau pondasinya.
Setiap elemen CSS pasti mempunyai pasangan HTMLnya agar bisa tereksekusi, dibawah ini adalah contoh sebuah tag HTML untuk kode CSS diatas tadi

<div id='sidebarbawah-wrapper'>
<b:section class='sidebar' id='sidebarbawah' preferred='yes'/>
</div>

Coba buka dasboard kamu, masuk ke elemen desain pilih yang edit HTML. gunakan ctrl+F dan cari kode <body> nah semua kode yang ada dibawah itu adalah tempatnya jejeran HTML bersarang. Terlihat jelaskan perbedaan antara CSS dan HTML, setiap tag HTML dimulai dengan div id atau div class disusul dengan ID dari elemen CSSnya.

Haduh kok saya yang jadi bingung yah wkkwkkwkw, ah nampaknya harus disudahi dulu pertemuan kita di edisi benteng takeshi ini wkkwkwwk.

Blogging Is Sharing...

Description: Belajar Dasar CSS, HTML, Blogger, Tutorial
Rating: 4.5

27 comments

Irma Devi Santika

11:02

knp harus Rhoma Irama?
ok saya akan belajar HTML dan CSS, terima kasih sharingnya master Shi Fu. *sungkem*

MMufidLuthfi