Maret 15, 2016

mengubah tata letak paragraf, mengubah ukuran font, dan menambahkan gambar pada background website


bagaimana caranya mengubah tata letak paragraf, mengubah ukuran font, dan menambahkan gambar pada background website?

Maaf sebelumnya saya terlambat untuk memposting blog karena ada banyak tuntutan tugas kuliah yang banyak.
Sebelumnya saya telah memposting tentang cara menambah warna background dan warna pada text, kali ini cara untuk mengubah tata letak paragraph, mengubah ukuran pada font, dan menambahkan gambar pada background.

Berikut ini langkah-langkah untuk mengubah tata letak paragraph.

1.    Langkah-langkah mengubah tata letak paragraph pada website

Pada judul tinggal diberi <div align=”center”> …. </div> atau langsung <center> itu sama saja setelah <font color=”blue”> seperti berikut..





 Setelah itu save file, buka website kemudian reload



Kalau ingin rata kanan tinggal menambahkan <div align=”right”> … </div>



kemudian save dan reload website



 Begitu juga dengan rata kiri tinggal menambahkan <div align=”left”> … </div>


1.    Langkah-langkah untuk mengubah ukuran pada font

Menambahkan <font size=”ukuran font yang diinginkan”> … </font> setelah <div font align=”center”> .. </div>

Contoh : <font size=”36”> … </font> 




Jika ingin menambah ukuran font lebih besar satu kali maka tinggal menambahkan <big> … </big> setelah <font size=”ukuran font> … </font>




Maka jadinya seperti ini



Jika ingin lebih besar lagi tinggal menambahkan lagi <big> setelah big. <font size=”ukuran font><big><big> … </big></font>


dan hasilnya seperti berikut..


Begitu juga sebaliknya jika menginginkan ukuran lebih kecil tinggal mengubah ukuran font menjadi lebih kecil.



1.    Langkah-langkah membuat background dari gambar

Sebelum untuk memulai untuk membuat background pada website, gambar background harus tersimpan pada file website tersebut atau disekitar kodingan html website tersebut.
Untuk membuat background gambar pada website cukup mudah, kalian tinggal menambahkan <body background=”judul gambar beserta format gambar tersebut”> kemudian save.
Karena saya memberi nama gambar “image” maka inputannya “image.jpg”
Contohnya : <body background=”image.jpg”> kemudian save dan reload



Dan hasilnya seperti berikut



Berikut tadi adalah cara untuk mengubah tata letak paragraph, mengubah ukuran font, dan membuat background dari gambar. Blog selanjutnya adalah cara menambahkan link dan daftar menu pada website.
Sebelumnya terimakasih sudah mengunjungi blog saya. Silahkan untuk komen dibawah apabila ada yang kurang jelas.

Maret 03, 2016

cara menambah warna pada background dan pada text pada website

Halo apa kabar lagi..
Sebelumnya saya pernah membahas tentang bagaimana caranya membuat website dengan notepad namun tampilan masih belum sempurna. Kali ini saya akan membahas bagaimana caranya mengubah warna background dan mengubah warna text.
Baiklah mari kita mulai..  
Sebelumnya tampilannya seperti yang ada dibawah ini, hanya ada judul pembahasan pada website sehingga terkesan kurang menarik
 


Sebelum memberi warna pada background <head> harus ditutup dengan </head>



Kemudian background bisa diberi warna, caranya dengan menambahkan <body bgcolor=”warna sesuai keinginan”>. Contohnya <body bgcolor=”green”> kemudian save file dengan format html



Dan hasilnya seperti berikut …


Selain itu jika ingin warna background lebih cerah atau lebih gelap juga bisa diubah hanya  dengan menambahkan keterangan light”warna” atau dark”warna” tanpa tanda petik. Contohnya <body bgcolor=”lightgreen”>


Dan hasilnya seperti berikut ..
Agar lebih mudah website di reload atau CTRL + R




Gimana mudah kan??
Setelah warna background selesai selanjutnya adalah mengganti warna pada text, bagaimana caranya?
Dengan menambahkan <font color=”warna sesuai keinginan”> setelah pada <a href=”http://www.google.com>
Contoh : <a href=http://www.google.com><font color=”yellow”> cara membuat website</a>


Kemudian save dan reload website



Bisa juga dengan warna yang lain sesuai selera masing-masing individu




Itu tadi pembahasan tentang cara memberi warna background dan juga pada text pada website sehingga tampilannya sedikit menarik namun masih belum sempurna. Untuk selanjutnya saya akan membahas tentang bagaimana caranya mengubah tata letak paragraf, mengubah ukuran font, dan menambahkan gambar pada background website.  
Sebelumnya terimakasih sudah mengunjungi blog saya. Silahkan untuk komen dibawah apabila ada yang kurang jelas.