HTML dan CSS

-

 HTML dan CSS


Pengertian HTML dan CSS



HTML adalah kependekan dari Hypertext Markup Language yang merupakan sebuah bahasa markup. HTML adalah kode untuk membuat struktur halaman suatu website yang menarik, saling terhubung satu dengan yang lainnya, dan yang pasti dapat diakses melalui internet. Awalnya html ditemukan oleh Tim Berners-Lee pada tahun 1991. HTML adalah solusi untuk membantu ilmuwan dalam mengakses dokumen, namun kini html semakin berkembang pesat di dunia pemrograman web.



CSS adalah singkatan dari cascading style sheets, yaitu bahasa yang digunakan untuk menentukan tampilan dan format halaman website. Dengan CSS, Anda bisa mengatur jenis font, warna tulisan, dan latar belakang halaman. CSS digunakan bersama dengan bahasa markup, seperti HTML dan XML untuk membangun sebuah website yang menarik dan memiliki fungsi yang berjalan baik. CSS juga berguna untuk mengatasi keterbatasan HTML dalam mengatur format halaman website.

Fungsi HTML 

1. Berfungsi untuk Membuat Website
2. Sebagai Pondasi Website
3. Sebagai Penanda Teks dan Bagian Website

Fungsi CSS

1. Memudahkan Pengelolaan Kode
2. Membuat Website Tampil Rapi di Semua Ukuran Layar
3. Mempercepat Loading Halaman Website

Struktur HTML

1. <!DOCTYPE html>

Berfungsi untuk mendeklarasikan kepada komputer bahwa anda menuliskan sebuah perintah di dalam kode HTML.


2. <html></html>

Berfungsi untuk tag yang menandakan proses mulai menuliskan kode program pada dokumen HTML.


3. <head></head>

Tag ini digunakan untuk menambahkan metadata ke dalam dokumen html yang berisi judul, deskripsi, library dan lain sebagainya.


4. <body></body>

Dan yang terakhir, tag body digunakan sebagai tempat untuk menuliskan setiap elemen atau lebih tepatnya disebut juga dengan konten pada HTML itu sendiri.

Kerangka Inti HTML

1. Tag

Tag merupakan bagian pembuka dan penutup yang digambarkan dengan <..> </..> lalu dalamnya akan diisi dengan nama tag dan atribut yang nantinya akan diproses oleh browser. Setiap tag memiliki fungsinya masing-masing.Tag selalu ditulis berpasangan. Ada tag pembuka dan ada tag penutupnya. Namun, ada juga beberapa tag yang tidak memiliki pasangan penutup.

2. Element

Element adalah keseluruhan dari awal tag hingga penutup tag. Berarti element berisi tag pembuka, isi tag, dan tag penutup. Elemen kadang juga disebut sebagai node, karena ia merupakan salah satu jenis node yang menyusun dokumen HTML dalam diagram HTML tree.

3. Attribute

Attribute adalah informasi yang bisa ditambahkan dalam setiap element untuk mengatur dan menambahkan sesuatu. Atribut juga disebut sebagai modifier yang akan menentukan perilaku dari elemen.

Cara Kerja HTML

Sebuah halaman web dibuat dengan menulis kode HTML. Kode HTML terdiri dari serangkaian tag yang menentukan struktur dan konten dari halaman web. Setelah kode HTML selesai ditulis, halaman web disimpan dengan ekstensi.

Struktur Dasar CSS


1. Selektor

Selektor adalah kata kunci untuk memilih elemen HTML yang akan kita beri style. Selektor juga istilah yang sering kita temui saat membuat struktur HTML menggunakan pemrograman CSS. Biasanya, selector terdiri dari kata kunci atau simbol-simbol.

2. Blok Deklarasi

Blok deklarasi adalah tempat kita menuliskan atribut atau properti CSS yang akan diberikan ke pada elemen yang telah diseleksi.

3. Properti dan Nilainya

Properti atau CSS property adalah bagian dari rule (aturan) CSS yang menentukan aspek CSS selector mana yang akan diubah secara visual. Nilai atau CSS value adalah nilai-nilai yang diatur pada properti atau CSS property yang merupakan bagian dari rule (aturan) CSS dan berada di dalam blok deklarasi atau CSS declaration.

Cara Kerja CSS

CSS bekerja saat sebuah browser membuka Halaman Website ,pada saat itu browser harus menggabungkan konten dokumen dengan gaya informasi dalam halaman sebuah situs. Berikutlah langkah-langkah cara kerjanya CSS :
  1. Load HTML, dalam tahap ini browser memuat HTML
  2. Parse HTML, Pada tahap ini terjadi penguraian HTML menjadi Document Object Model (DOM) dan memuat CSS.
  3. Load CSS, pada tahap ini browser memuat tautan seperti gambar atau video lalu CSS dimuatkan dan ditautkan.
  4. Parse CSS, pada tahap ini terjadi penguraian CSS.
  5. Render Tree, Penyeleksian tiap CSS yang akan digunakan ke Document Object Model (DOM)
  6. Display, Setelah semua proses diatas berjalan , proses terakhir ialah CSS dan DOM akan membentuk tampilan visual sebuah halaman situs yang tertampil di layar monitor.

Sejarah HTML

Sejarah HTML pertama kali dibuat oleh Tim Berners-Lee yang merupakan fisikawan di lembaga penelitian CERN, Swiss. Berners-Lee mempunyai ide atau pemikiran mengenai sistem hypertext berbasis internet. Sekitar tahun 1991, Tim merilis versi HTML pertama yang di dalamnya terdalam sekitar 18 tag.

Untuk sekarang, HTML mengalami beberapa pengembangan dari sisi fitur serta informasi yang disajikan hingga versi terbaru, yaitu HTML5. Setiap tahunnya, bahasa ini mempunyai tingkat popularitas yang cukup tinggi sehingga dijadikan sebagai web standard resmi di dunia pemrograman.

Selanjutnya, HTML juga mengalami tahap perbaikan (maintain) dan dikembangkan oleh World Wide Web Consortium (W3C). Pada tahun 2014, merupakan waktu dimana HTML mengalami upgrade yang cukup signifikan dan terdapat fitur semantic untuk memudahkan pengembang website dalam menyusun kode dan memberitahukan makna dari konten tersebut, sebagai contoh <article>, <footer>, dan <header>.

Sejarah CSS

CSS pertama kali diusulkan oleh Håkon Wium Lie pada 10 Oktober 1994, Lie saat itu bekerja di organisasi yang sama dengan penemu HTML, Tim Berners-Lee, yaitu CERN (Oranisasi Eropa untuk Riset Nuklir).

Di tahun tersebut beberapa bahasa style sheet diusulkan dan didiskusikan dengan World Wide Web Cosortium, menghasilkan CSS (CSS1) yang dirilis pada thaun 1996.

Håkon Wium Lie adalah seorang pelopor web asal Norwegia yang mendapatkan gelar MS dalam Studi Visual pada tahun 1991.

Pada 17 Februari 2006, ia berhasil mempertahankan tesis PhD-nya di Universitas Oslo, tesis tersebut menjelaskan latar belakang asal-usul CSS dan dasar pemikriannya.

Sejak tahun 1998, ia menjabat sebagai CTO di Opera Software, perusahaan yang mengembangkan Opera Browser.

Style sheet sudah ada dengan berbagai bentuk sejak awal kemunculan Standard Generalized Markup Language (SGML) pada tahun 1996. CSS dibuat khusus untuk style sheet web.

Sejak tahun 1997, CSS dikembangkan oleh kelompok kerja CSS (CSS Working Group) yang dibuat oleh World Wide Web Cosortium (W3C).

Perbedaan HTML dan CSS



HTML digunakan untuk menentukan struktur dan konten halaman web, sedangkan CSS digunakan untuk mengontrol tampilan dan tata letak halaman web. HTML digunakan untuk membuat isi halaman web, sedangkan CSS digunakan untuk membuatnya terlihat bagus dan menarik.


Sumber : Pengertian HTML, Fungsi dan Struktur dan Contohnya - DomaiNesia, Apa Itu CSS? Pengertian, Fungsi, dan Contohnya [Terlengkap] (niagahoster.co.id), Perbedaan CSS dan HTML: Fungsi dan Kegunaan | Medium, HTML - Wikipedia, CSS adalah: Pengertian, Fungsi, dan Tipenya | kumparan.com, Apa Itu Property dan Value pada CSS Declaration (Deklarasi)! (rifqimulyawan.com) Apa Itu CSS Pengertian Sejarah dan Bagaimana Cara Kerjanya Unpas Berita

Comments

Post a Comment

Popular posts from this blog

Perangkat Keras dan Perangkat Lunak

-
Image
Pengertian Perangkat keras dan perangkat lunak saling melengkapi karena keduanya bekerja sama untuk menciptakan sistem komputer yang efisien dan fungsional.  Perangkat Keras  Perangkat keras;h ardware adalah semua bagian fisik komputer, dan ini dibedakan dengan data yang berada di dalamnya atau yang beroperasi di dalamnya seperti peranti lunak (software) yang menyediakan instruksi untuk perangkat keras dalam menyelesaikan tugasnya (secara otomatis). Perangkat keras komputer memiliki berbagai fungsi seperti untuk memproses dan menyimpan data, menyediakan tempat penyimpanan, menghubungkan perangkat lain, memberikan input, memberikan output, memproses dan menyimpan audio dan video,dan memungkinkan konektivitas internet.  CPU ( Central Processing Unit ) Central Processing Unit adalah hardware yang berfungsi untuk mengolah data dari setiap instruksi yang diberikan. Dengan adanya CPU maka semua perintah yang diberikan ke dalam komputer bisa langsung dijalankan secara cepat dan ...
Read more

TEKS LAPORAN HASIL OBSERVASI

-
Image
 KEJU Sejarah Keju Keju pertama kali dibuat 800SM yang lalu. Penemu keju adalah aristaeus. Homerus menyatakan bahwa cyclops yang menginisiasikan pembuatan keju dengan susu domba dan susu kambing pertama kalinya. Keju adalah sebuah makanan yang dihasilkan dengan memisahkan zat-zat padat dalam susu melalui proses pengentalan atau koagulasi. Keju terbuat dari susu yang digumpalkan. Proses penggumpalan ini bisa dilakukan dengan menambahkan asam atau menggunakan enzim rennet yang dibantu oleh bakteri baik. Bahan dan Jenis Keju Pembuatan keju sangatlah mudah, hanya butuh 4 bahan saja. Yaitu susu kambing, pengental keju, garam dan asam cuka. Selain cara buatnya, bagian yang menarik pada keju adalah jumlahnya yang sangat beragam. Ada keju mozarella yang sangat populer untuk pizza, keju pamesan yang biasa orang pakai untuk pasta, keju cheddar yang biasa untuk sandwich, keju gouda yang mudah meleleh biasa digunakan dalam makaroni, dan blue cheese biasanya untuk penutup makanan. Langkah ...
Read more