Syntax HTML dan CSS

Halo sobat Artikel Multimedia, postingan kali ini kita akan membahas tentang syntax html dan css. Syntax atau sintaks adalah aturan penulisan kode dalam suatu bahasa pemrograman. Syntax merupakan tata cara atau struktur yang harus diikuti agar komputer bisa memahami dan menjalankan perintah yang kita tulis. Sederhananya sobat, syntax itu adalah “tata bahasanya komputer”, jika benar komputer bisa menjalankan perintah tersebut namun jika salah maka komputer akan menampilkan error. Begitu pula pada html dan css, masing-masing memiliki syntax-nya sendiri. Berikut penjelasan lebih detailnya.

Syntax HTML

Html (hypertext markup language) memiliki fungsi utama untuk membuat struktur dan isi dari halaman web, seperti teks, gambar, link, tabel, dan form. Html menggunakan tag (penanda) yang dibuka dan ditutup. Contohnya:

<p>Ini adalah paragraf.</p>

Keterangan:

<p> -> tag pembuka

</p> -> tag penutup

Ini adalah paragraf. -> isi dari elemen html

 

Syntax CSS

Css (cascading style sheets) memiliki fungsi utama untuk mengatur tampilan (style) dari elemen-elemen html seperti warna, ukuran, posisi, dan tata letak (layout). Css menggunakan selektor untuk memilih elemen html dan memberikan aturan gaya (style rules). Contohnya:

p {

  color: blue;

  font-size: 16px;

}

Keterangan:

p -> selector (menargetkan elemen <p>)

{…} -> blok deklarasi

color: blue; -> properti dan nilainya

 

Berdasarkan penjelasan diatas, dapat disimpulkan bahwa:

1. Html memiliki fungsi untuk menyusun struktur dan konten sedangkan css mengatur tampilan dan desain
2. Bentuk syntax html berupa tag (markup) sedangkan css berupa selektor + properti + nilai
3. File html umumnya dibuat dengan format .html sedangkan css dibuat dengan .css
4. Html memiliki posisi sebagai struktur utama di dalam dokumen sedangkan css merupakan tambahan (di dalam <style> atau file terpisah) 

Sekian pembahasan mengenai syntax html dan css, jika sobat tertarik dengan artikel seputar multimedia silakan kunjungi postingan kami lainnya di blog ini. Terima kasih …