Jumat, 20 Januari 2017

Cara Membuat Web Dengan Menggunakan HTML Style & Formatting

Assalamualaikum.Wr.Wb
Di post kali ini saya akan menjelaskan Cara membuat Web Dengan Menggunakan HTML Style & Formatting. Pada tutorial ini saya menggunakan aplikasi Notepad++. Jika belum punya aplikasinya bisa download dari http://notepad-plus-plus.org/download/.


1. Pertama silahkan buka text editor (Notepad++), lalu ketikkan kode struktur dasarnya berikut ini:
    




2. Kemudian masukkan kode: <body style="background-color: warna"> untuk merubah warna background. Disini saya menggunakan warna orange.
 



3. Selanjutnya untuk membuat judul tulisan berwarna tertentu dengan kode warna HEX dan meletakkannya ditengah masukkan kode: <center><h2 style="kode HEX"> Tempat Makan Favorit di Palembang dan Sekitarnya </h2></center>. Disini saya menggunakan kode #000000. Untuk mengetahui kode warna lain HEX bisa dilihat Disini
 




4. Lalu untuk mengubah font dari sebuah paragraf tulisan masukkan kode <p><font face="Nama Font"> <!--Isi Paragraf Tulisan--> </p>. Disini saya menggunakan Font Balker. Jika ingin mengganti jenis font lain bisa lihat Disini




5. Untuk membuat huruf kapital pertama setiap kalimat dengan Font berukuran yang lebih besar masukkan kode: <style>.first {font-size: ukuran px;}</style>  dan <span class="first">Huruf Kapital</span>. Disini saya menggunakan ukuran 30px.
 
 



6. Terakhir letakkan elemen <b>,<em>,<i>,<small>,<strong>,<sub>,<sup>,<ins>,<del>,<mark> di tempat yang kita inginkan seperti dibawah ini.
 

   
     Note:
     <b> Defines bold text
     <strong> Defines important text
     <em> Defines emphasized text
     <i> Defines italic text
     <small> Defines smaller text
     <sub> Defines subscripted text
     <sup> Defines superscripted text
     <ins> Defines inserted text
     <del> Defines deleted text
     <mark> Defines marked/highlighted text



    7. Dan tampilan akhirnya akan terlihat seperti ini.
     





Demikianlah tutorial newbie dari saya. Semoga Bermanfaat ^_^
Wassalamualikum Wr.Wb

Tidak ada komentar:

Posting Komentar