HTML ve CSS
Mustafa Kırımlı
HTML (HyperText Markup Language)
HTML, sayfanın yapısı ve içeriği hakkında
bilgiler barındıran, etiket (tag) ve öznitelik
...
Başlıca HTML Elementleri
●
●
●
●
●
●
●
●

html
head
body
div
table
form
a
img

●
●
●
●
●
●
●

span
p
h1-h6
ul
ol
hr
br
Örnek HTML Sayfası
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Demo Application</title>
</head>
<body>
<h1...
CSS (Cascading Style Sheets)
CSS, html ‘e stil vererek sayfanın görünümünü
şekillendirir.
Hiçbir CSS olmayan sayfada taray...
CSS (Cascading Style Sheets)
CSS html üzerinde hangi etikete stil
uygulayacağını seçiciler (selectors) yardımıysa
gerçekle...
CSS Seçicileri (selectors)
● Tüm element seçici (*)
● Type seçici (a, from, table, div, span ..)
● ID seçici (#header, #ma...
CSS Conditional comments
<!--[if IE]>

<!--[if gte IE 8]>

According to the conditional comment this is IE

According to t...
Upcoming SlideShare
Loading in …5
×

HTML ve CSS

486 views

Published on

HTML ve CSS hakkında temel bilgiler ve basit kullanım örneklerini içeren bir sunum.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
486
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML ve CSS

  1. 1. HTML ve CSS Mustafa Kırımlı
  2. 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.
  3. 3. Başlıca HTML Elementleri ● ● ● ● ● ● ● ● html head body div table form a img ● ● ● ● ● ● ● span p h1-h6 ul ol hr br
  4. 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. 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. 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. 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. 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]-->

×