Rabu, 25 Oktober 2017

Penerapan CSS pada HTML

BELAJAR HTML dan CSS Sederhana

CSS atau Cascading Style Sheet merupakan satu kode pemrogaman yang bertujuan untuk mengatur dan mendesain tampilan/layout halaman web supaya lebih elegan dan menarik. CSS telah banyak mendukung banyak bahasa markup seperti HTML, XHTML, XML, SVG (Scalable Vector Graphics) dan Mozilla XUL (XML User Interface Language).

Sekarang saya akan memberikan tutorial sederhana bagaimana penerapan CSS pada HTML, sebelum itu anda memerlukan Notepad untuk menuliskan tag HTMLdan Web Browser seperti Mozilla Firefox untuk melihat hasil. Oke langsung saja eksekusi :)

TUTORAL

1. Ketikkan tag-tag pada Notepad, seperti :



2.  Lalu save As pada Local C- xampp-htdoc-tutorial (buat folder baru : tutorial)-ketikkan nama folder disertai .html (nama folder : belajar.html)




3. Setelah itu, kita membuat coding pada Notepad untuk folder css nya, seperti:



4. Save-As pada folder tutorial dengan nama desain.css ; seperti




5. Kemudian untuk melihat hasilnya, kita buka Web Browser, ketikkan localhost-tutorial-belajar.html ; seperti


Akhirnya HTML sederhana selesai di desain dengan CSS, Semoga bermanfaat :)

Tidak ada komentar:

Posting Komentar