2. HTML (HyperText Markup Language)
HTML, sayfanın yapısı ve içeriği hakkında
bilgiler barındıran, etiket (tag) ve öznitelik
(attribute) içeren, metin bazlı, basit bir dildir.
Her sayfanın ham (raw) hali ve oluşturulmuş
(genrated source, dom) hali olmak üzere iki
HTML kodu bulunur.
4. Örnek HTML Sayfası
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Demo Application</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
5. CSS (Cascading Style Sheets)
CSS, html ‘e stil vererek sayfanın görünümünü
şekillendirir.
Hiçbir CSS olmayan sayfada tarayıcının
varsayılan stilleri uygulanır. Örneğin p etiketi
için block span etiketi için inline stil uygulanır.
6. CSS (Cascading Style Sheets)
CSS html üzerinde hangi etikete stil
uygulayacağını seçiciler (selectors) yardımıysa
gerçekleştirir.
CSS etiket özelliği olarak
, html
kodunun içinde
etiketleri içinde veya
harici dosya
olarak yüklenir.
<p style=”color:red”></p>
<style>..</style>
<link rel="stylesheet" href="" type="text/css" />
7. CSS Seçicileri (selectors)
● Tüm element seçici (*)
● Type seçici (a, from, table, div, span ..)
● ID seçici (#header, #main, #contact ..)
● Class seçici (.hidden, .alert, .description)
8. CSS Conditional comments
<!--[if IE]>
<!--[if gte IE 8]>
According to the conditional comment this is IE
According to the conditional comment this is IE 8 or higher
<![endif]-->
<![endif]-->
<!--[if IE 6]>
<!--[if lt IE 9]>
According to the conditional comment this is IE 6
According to the conditional comment this is IE lower than 9
<![endif]-->
<![endif]-->
..7..8…
<!--[if !IE]> -->
According to the conditional comment this is not IE 5-9
<!--[if IE 9]>
According to the conditional comment this is IE 9
<![endif]-->
<!-- <![endif]-->