Pembahasan Lengkap HTML dan CSS

Assalamualaikum, selamat datang di zenhuzaini blog. setelah kemarin membahas tentang bagaimana cara menginstal xampp di ubuntu linux, pada kesempatan kali ini saya akan menjelaskan sedikit tentang apa itu HTML dan CSS begitu juga dengan Perbedaan HTML dan CSS yang disertai dengan contoh perintah-perintahnya.

HTML

HTML merupakan singkatan dari HyperText Markup Language yang merupakan sebuah bahasa markah untuk membuat sebuah halaman web. Diaman dalam programnya, anotasi kode di deklarasikan dalam bentuk tag contoh : tag h1 <h1>, paragraf <p>.

Contoh Perintah HTML

<a> : Mendefinisikan sebuah anchor link (link ke file / lamn lain)
<p> : Mendefinisikan paragraf pada HTML
<br> : Memberi baris baru , perintah new line
<b> : Membuat teks tebal / bold
<i> : Membuat teks italic / miring
<div> : Sebagai section dalam document
<form> : Membuat form HTML untuk input data
<ul> / <li> : Memberi list pada informasi di HTML
<table> : Membuat table
<tr> : Mendeklarasikan baris pada table
<td> : mendeklarasikan kolom pada table

Kurang lebih, Contoh Implementasi dalam kode HTML seperti Gambar di bawah ini :

Untuk contoh yang lain bisa Anda cari di mbah Google.

Tipe Elemen HTML

HTML memiliki 2 tipe elemen, Semantic dan Presentasi. Semantic Merupakan grup elemen HTML bagian documen. Seperti Header, Paragraf, table, form, list . Sedangkan Presentasi merupakan grup elemen yang terkait dengan tampilan seperti Align, Jenis font (center, bold).

CSS

Merupakan bentuk style sheet fitur umum publishing software. dimana CSS yang berfungsi utnuk mengendalikan beberapa komponen dalam web agar lebih terlihat menarik dan lebih terstruktur.

Pendekatan CSS

Pendekatan CSS ada 3 yaitu Inline, External dan Embed

Pendekatan Eksternal

Pendekatan ini biasanya digunakan untuk project besar. Jadi kita membuat file baru berekstensi .css yang akan di masukkan ke file HTML dengan link rel

Contoh:

Pendekatan Inline

Biasanya digunakan untuk project yang kecil, jadi CSS berada pada tag elemn laman HTML

seperti contoh :

Pendekatan Embed

Embed juga digunakan untuk project yang kecil, jadi CSS biasa berada pada suatu elemen HTML

seperti contoh :

Jadi CSS yang di embedd pada laman HTML merupakan style di tambahkanpada laman HTML yang bersangkutan (di letakkan di dalam ) dengan menambahkan tag <style >

Jadi begitulah Pengertian atau pembahasan lengkap mengenai HTML dan CSS semoga dapat membantu anda.