Anda di halaman 1dari 15

PEMROGRAMAN

DASAR
OLEH
HENDRATI CITTA NIRMALA
KOMPETENSI DASAR

3.3. Menerapkan alur pemrograman dengan struktur


bahasa pemrograman komputer
4.3. Menulis kode pemrogram sesuai dengan aturan dan
sintaks bahasa pemrograman
INDIKATOR PENCAPAIAN KOMPETENSI
TUJUAN PEMBELAJARAN
METODE DAN TEKNIK PENILAIAN
MATERI

• HTML
• CSS
• JAVASCRIPT
HTML

• HTML adalah bahasa markup standar untuk


membuat halaman Web.
• HTML adalah singkatan dari Hyper Text Markup
Language
• HTML menggambarkan struktur halaman Web
• HTML terdiri dari serangkaian elemen
HTML

• Elemen HTML memberi tahu browser cara


menampilkan konten
• Elemen HTML diwakili oleh tag
• Tag HTML memberi label potongan konten seperti
"heading", "paragraf", "table", dan sebagainya
SINTAK HTML

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

</body>
</html>
ELEMEN HTML

<tagname> Konten ada di sini ... </tagname>


Contoh
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

</body>
</html>
CSS (CASCADING STYLE SHEET)

• Apa itu CSS?


• Struktur dasar CSS;
• Cara Menuliskan CSS di HTML;
APA ITU CSS?

• CSS (Cascade Style Sheet) meruapakan sebuah bahasa untuk


mengatur tampilan web sehingga terlihat lebih menarik dan indah.
• Dengan CSS, kita dapat mengatur layout (tata letak), warna, font,
garis, dan lain-lain.
• CSS pertama kali diperkenalkan oleh Håkon Wium Lie pada tahun
1994.
• 
STRUKTUR KODE ATAU SINTAKS DASAR
CSS

• Selektor;
• Blok Deklarasi;
• Properti dan nilainya.
CONTOH
PENJELASAN
Selektor
Selektor adalah kata kunci untuk memilih elemen HTML yang akan kita atur.
Contohnya:
h1 {
}
Artinya kita memilih semua elemen <h1>, lalu diberikan warna teks red
(merah).

Anda mungkin juga menyukai