Cara mempercantik web coding yang telah dibuat agar menarik


Hallo Teman - Teman, Ya Html, Siapa Sih Yang Ga Kenal HTML, Kata yang satu ini melekat kuat pada kaum - Kaum Programing, Html biasa di Gunakan Untuk Membuat Sebuah Website Sendiri Entah Dengan Komputer, Laptop, Dan Ponsel Pintarnya.

Agar Sebuah Web Dapat Di Jalankan Dengan Baik, Maka Harus Baik Juga dalam Menyusun Sebuah HTML, Css, Js Nya Agar Dapat Membuat Website Terlihat Menarik, Tampan Dan Pemberani, Speed Nya wuss Kenceng.

Nah Berhubung Disini Saya Bahas HTML, Saya Ada Sebuah Cara Agara Codingan Kalian Semua Jadi Keren, Akan Saya beritahu Bagaimana Cara Membuat Screenshot Codingan Menjadi Keren, Sebelum masuk Ke Inti, Buat Kalian Yang Belum Mempunyai Laptop atau Pc Kalian Bisa kok Nyoba Ngoding Di Android

Nah Dari Artikel itu saya Memberi Tau kepada kalian semua, Beberapa Aplikasi Coding Untuk Hape Kalian, Yang Masih Belum Bisa Membeli Pc atau Laptop, Silahkan Kalian Baca Baca Terlebih Dahulu Beberapa Aplikasi Coding Yang Sudah Saya Rangkum Dan Di Masukkan Ke List Daftar Aplikasi Yang Cocok Untuk Belajar Programing di Android 

 Setelah Kalian Buat Codingan nya Agar Lebih Baik lagi, Kalian Pilih Codingan mana yang mau di percantik agar bisa di Screenshot nantinya Dengan Sebuah Website Online, Ingat!! INI WEBSITE ONLINE BUKAN SEBUAH SOFTWARE, Setelah Kalian Pilih Mana aja Codingan atau Kode yang akan Kalian percantik Sekarang Kita Masuk Ke Tutorial Cara Membuat Screenshot Codingan Menjadi Keren. 

  Hal - Hal Yang Perlu Kalian Siapkan Adalah
. KUOTA
. BROWSER (Saran Chrome)
. CODINGANNYA (Bisa Juga Teks Asal Kalian)

 Nah Untuk Caranya Silahkan Kalian Simak Baik - Baik Oghey

-. Masuk Ke Google Chrome atau Browserr Kalian 
-. Ketikkan di Mesin Pencarian
 https://street.sh

-. Setelah Itu Kalian Bisa Sesuaikan Semau Kalian, Disini Kalian bisa mengubah Background, Mengubah Jenis Warna Font, Dan Sebagainya (Silahkan Kalian Expore Sendiri oke)

Manfaat dari CSS:

1. Kode HTML menjadi lebih sederhana dan lebih mudah diatur,
2. Ukuran file menjadi lebih kecil, sehingga load file lebih cepat,
3. Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja,
4. Dapat berkolaborasi dengan JavaScript.
5. Digunakan dalam hampir semua web browser.
Pada umunya ada empat bagian yang sering ada dalam layout sebuah web yaitu:
Header –> berisi tema web/ judul
Menu –> menu link web
Content –> isi dari web
Footer –> identitas/ copyright

Atribut ID

Ada dua cara penempatan elemen dalam web dengan CSS yaitu:
1. Position (Posisi)
Mengunakan properti position terdapat 4 cara:
§ Static –> posisi normal (default).
§ Relative –> posisi elemen tergantung dari elemen yang lain.
§ Absolute –> posisi elemen berpatokan pada jendela browser.
§ Fixed –> posisi elemen tetap walaupun digeser.
2. Float
Menggunakan properti float atau clear:
§ Float:left –> elemen akan menempel pada sebelah kiri elemen induk.
§ Float:right –> elemen akan menempel pada sebelah kanan elemen induk.
§ Clear:left –> elemen akan menempel pada sebelah kiri dan berada di bawah.
§ Clear:right –> elemen akan menempel pada sebelah kanan dan berada dibawah
§ Clear:both –> elemen akan berada pada posisi bawah elemen diatasnya.
contoh penulisan css :
§ <html>
§ <head>
§ <style type = “text/css“>
§ #header {
§ width:900px;
§ height:50px;
§ border: 1px solid #640404;
§ }
§ #headerLeft {
§ width:400px;
§ background-color:#CCCCCC;
§ height:50px;
§ float:left;
§ text-align:center;
§ }
§ #headerRight {
§ width:450px;
§ background-color:#999999;
§ height:50px;
§ float:right;
§ text-align:center;
§ }
§ </style>
§ </head>
§ <body>
§ <h1>Sample</h1>
§ <div id = “header”>
§ <div id=”headerLeft”>Header Left</div>
§ <div id=”headerRight”>Header Right</div>
§ </div>
§ </body>
§ </html>

Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu:
1. External Style Sheet (file CSS berbeda dari file HTML),
2. Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML)
3. Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan).
Saya sarankan anda menggunakan cara External Style Sheet karena lebih mudah dalammengelolanya. 

 Nah Begitu Aja Yang Dapat Saya Bagikan Pada Artikel Kali ini, Silahkan Kalian Coba Dan Rasakan Sendiri Bagaimana Hasilnya Jadinya, Jangan Lupa
Jawab Soal seseorang yang selalu memberikan bantuan di internet

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel