Sabtu, 12 Maret 2016

Belajar dan memahami w3schools (html,css).

Posted by Unknown on 02.30 with No comments
  Assalamualaikum wr.wb
Hay kawan apa kabar hari ini ?
Di hari ini saya akan belajar dan memahami (html,css) lewat w3schools.

  HTML (yang Hypertext Markup Language).CSS(Cascading Style Sheets) adalah dua teknologi inti untuk membangun halaman Web. HTML menyediakan “struktur” dari halaman. CSS adalah
bahasa yang kuat untuk menggambarkan (visual dan pendengaran) tampilan
halaman, untuk berbagai perangkat. Seiring dengan grafis dan scripting,
HTML dan CSS adalah dasar-dasar membangun halaman Web dan Web Aplikasi. 


Styling HTML dengan CSS.

Styling dapat ditambahkan ke elemen HTML dalam 3 cara: 
  • Inline - menggunakan atribut style dalam elemen HTML.
  • Internal - menggunakan elemen <style> dalam HTML <head>.
  • Eksternal - menggunakan satu atau lebih file CSS eksternal.   

1.Styling inline (inline css).

Styling inline digunakan untuk menerapkan gaya unik untuk elemen HTML:
Styling inline menggunakan gaya atribut.
*Contoh ;






2.styling internal (internal css).

styling internal yang digunakan untuk menentukan gaya untuk satu halaman HTML.
Styling internal didefinisikan dalam <head> bagian dari halaman HTML, dalam <style>.
*contoh :






3.styling external (external css).

Style sheet eksternal digunakan untuk menentukan gaya untuk banyak halaman.
Dengan style sheet eksternal , Anda dapat mengubah tampilan seluruh situs web dengan mengubah satu file!
Untuk menggunakan style sheet eksternal, menambahkan link ke dalam <head> bagian dari halaman HTML:
contoh :






Style sheet eksternal dapat ditulis dalam editor teks. File harus tidak mengandung tag html. Style sheet file harus disimpan dengan ekstensi .css.


4.Css font.

CSS warna properti mendefinisikan warna teks yang akan digunakan untuk elemen HTML.
CSS font-family properti mendefinisikan font yang akan digunakan untuk elemen HTML.
CSS font-size properti mendefinisikan ukuran teks yang akan digunakan untuk elemen HTML.





5.Css box model.
Setiap elemen HTML memiliki kotak di sekitarnya, bahkan jika Anda tidak dapat melihatnya.
CSS perbatasan properti mendefinisikan garis batas yang jelas di sekitar elemen HTML:




6.CSS Padding properti mendefinisikan padding (spasi) dalam perbatasan:





7.CSS Margin properti mendefinisikan margin (ruang) di luar perbatasan:





sumber :http://www.w3schools.com/html/html_css.asp 
Wassalamualaikum wr.wb. 
 

0 komentar:

Posting Komentar