HTML ve CSS
0 likes739 views
HTML ve CSS hakkında temel bilgiler ve basit kullanım örneklerini içeren bir sunum.
![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]-->](https://image.slidesharecdn.com/htmlvecss-140303163532-phpapp01/85/HTML-ve-CSS-8-320.jpg)
HTML ve CSS
- 1. HTML ve CSS Mustafa Kırımlı
- 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]-->