Swestimahardini's Blog

Just another WordPress.com weblog

MENGHIAS HTML DENGAN SCRIPT CSS April 22, 2013

Filed under: Uncategorized — swestimahardini @ 5:12 pm

MENGHIAS HTML DENGAN SCRIPT CSS

 

Postingan kali ini masih dibuat untuk mendukung mata kuliah Pemrograman Berbasis Web yang telah diberikan oleh Dosen saya yaitu Ibu Aviarini Indrati . 

 

HTML dan CSS

 

HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

 

Cascading Style Sheet (CSS) adalah aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemrograman tetapi CSS digunakan untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

 

 

Berikut ini adalah langkah-langkah menghias HTML dengan menggunakan CSS:

 

1. PRODUK : WEBSITE CURICULLUM VITAE (yang telah dibuat sebelumnya)

 

2. PERSIAPAN : Menggunakan NOTEPAD++ sebagai editor serta menggunakan browser seperti Internet Explorer, Firefox, Google Chrome, dll.

 

3. PENGKODEAN/PENGKODINGAN (dilakukan pada editor NOTEPAD++) :

 Image

 Image

 

 

4. PENJELASAN SINGKAT MENGENAI BEBERAPA SCRIPT:

 

a. Script CSS (Cascading Style Sheet) yang dimaksud ditandai dengan adanya atau dibukanya tag <style> hingga ditutupnya </style>.

 

b. Di dalam script yang ditandai dengan kurung kurawal ({}) merupakan script untuk menandai selector ID nya.

 

c. script #wrapper{} merupakan script yang digunakan untuk menjelaskan selector ID ‘wrapper’.

 

d. script .box{} merupakan script yang digunakan untuk menjelaskan class ‘box’ yang diterapkan di beberapa bagian (tag).

 

e. script #title h1{} merupakan script yang memiliki fungsi yang hamper sama dengan script #title. Hanya saja pada script #title h1 ini menjelaskan selector ID ‘title h1’.

 

5. HASIL :

Image

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Sumber Referensi :

 

https://id.wikipedia.org/wiki/HTML

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s