About

Sabtu, 12 Maret 2016

Belajar Html dasar dan Css dasar

Assalamualaikum wr.wb

Hari ini saya sedang memantapkan belajar saya mengenai html dan Css. Kare pada pertemuan yang akan datang kami sudah harus melangkah belajar php dan java script.

Nah sebelum kita masuk script html dan css kita harus mengetahui tentang pengertian, macam-macam, dan cara penulisannya.

Yuk kita simak penjelasan berikut ini :

Pengertian :
1. Hyper Text 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.

berikut ini adalah syntax dari html :
  • The DOCTYPE deklarasi mendefinisikan jenis dokumen menjadi HTML
  • Teks antara <html> dan </ html> menggambarkan sebuah dokumen HTML
  • Teks antara <head> dan </ head> memberikan informasi tentang dokumen
  • Teks antara <title> dan </ title> memberikan judul untuk dokumen
  • Teks antara <body> dan </ body> menggambarkan isi halaman yang terlihat
  • Teks antara <h1> dan </ h1> menggambarkan judul
  • Teks antara <p> dan </ p> menggambarkan sebuah paragraf


2.Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.


Mari sekarang kita masuk ke script dasar html & css.
A. Contoh Perintah Dasar pada html :

1. Sebuah Html kecil


hasil :

2.Judul HTML didefinisikan dengan <h1> untuk <h6> tag:

 hasil :

3. Paragraf HTML didefinisikan dengan <p> tag:
hasil :
4.Link HTML didefinisikan dengan <a> tag:

hasil :
5.Gambar HTML didefinisikan dengan <img> tag. Kita hanya cukup dengan mengganti ukuran gambar pada weidth dan height.

hasil :

  
Atribut Html
* Elemen html memiliki atribut.
*Atribut memberikan informasi tambahan tentang elemen.
*Atribut selalu ditentukan dalam tag awal.
*Atribut datang dalam pasangan nama / nilai seperti: name = "value".



HTML Format Elements

 Pada format element ini menggunakan HTML atribut style .
HTML juga mendefinisikan khusus elemen untuk mendefinisikan teks dengan khusus makna .
HTML menggunakan unsur-unsur seperti <b> dan <i> untuk memformat output, seperti bold atau italic teks.
Elemen format yang dirancang untuk menampilkan khusus jenis teks :
  • Teks tebal
  • teks penting
  • teks miring
  • teks menekankan
  • teks ditandai
  • teks kecil
  • teks dihapus
  • teks dimasukkan
  • subscript
  • superskrip

Berikut ini adalah contoh dari HTML Bold dan Kuat Formatting :



hasil :





contoh dari HTML Miring dan Ditekankan Formatting :

hasil :


untuk lebih jelasnya silahkan pelajari dan buka w3schools karena didalamnya terdapat banyak sekali contoh dan penejlasannya.










Berikutnya mari kita simak penjelasan singkat dari css.









Pengertian Css

CSS adalah bahasa stylesheet yang menggambarkan presentasi dari HTML (atau XML) dokumen.
CSS menjelaskan bagaimana elemen harus ditampilkan di layar, di atas kertas, atau media lainnya.


Berikut ini adalah contoh dari css Dasar :

Hasil :





sekian dulu penejlasan singkat dari saya, semoga bermanfaat dan silahkan untuk lebih jelasnya baca dan memahami di alamat ini www.w3schools.com/
Terima Kasih


Wassalamualaikum wr.wb

Tidak ada komentar:

Posting Komentar