HTML TEMELLERİ
HTML NEDİR ? HTML Başlık(Heading) HTML Paragraf(Paragraphs) HTML Yazı Stili(Font Style) HTML Yazı Formatları(Format Text) HTML Renk Kodları(Color Codes) HTML Link Verme-Ekleme HTML Resim Ekleme(Add a Image) HTML Tablo Ekleme(Add a Table) HTML Liste Ekleme(Add a List) HTML Web Site Penceresi Ekleme(Iframe) HTML Head ve Meta Etiketleri HTML Semboller(Symbols) HTML Form HTML Form Elemanları(Form Elements) HTML Form Giriş Özellikleri (Form Input Properties)
HTML5
İLERİ SEVİYE
HTML 5 NEDİR? HTML Sayfa Bölümleri HTML Form Giriş(Input) Özellikleri HTML Form Elementleri HTML Form Özellikleri(Form Properties) HTML Canvas Kullanımı HTML SVG Kullanımı HTML Video Ekleme-Oynatma(Video Player) HTML Ses Ekleme-Oynatma(Audio Player)
CSS TEMELİ
CSS NEDİR ? CSS CSS-HTML İlişkisi CSS Backgrounds(Arkaplan) CSS Border(Kenarlık) CSS Margins(Dış Boşluk) CSS Padding(İç Boşluk) CSS Height and Width(Yükseklik ve Genişlik) CSS Box Model(Kutu Modeli) CSS Outline(Dış Çizgi) CSS Text(Metin) CSS Fonts(Yazı) CSS Icons(Ikon) CSS Links CSS List(Liste) CSS Tables(Tablolar) CSS Display(Görüntü-Ekran) CSS Layout - Width and Max-width(Yerleşim - Genişlik ve Max Genişlik) CSS Positon(Durum) CSS Overflow(Taşma) CSS Layout-Float and Clear(Yerleşim - Yön ve Temizliği) CSS Image Opacity / Transparency(Opaklık/Saydamlık) CSS Navigation Bar(Gezinme Menüsü)
css html ilişkisi
html css relationship
css and html relationship
css relationship to html
css html inline
css html inline style
html css inliner, html inline and css
html css after inline
html inline css align
html inline css text align
html css inline code
html css inline menu
css html internal
html internal css example
html internal css class
css in html internal
css internal code in html
html harici css ekleme
html harici css kullanımı
css html external
html css external example
css html external link
css html selector
css html selector element
css html selectors
css select html comment
css html class selector
css html id selector
css id selector in html

CSS CSS-HTML İlişkisi

<? echo $title; ?>

Html dili Css dili ile eş zamanlı olarak çalışır. Tek başına bir işe yaramaz. Html sayfamıza Css dilini üç farklı şekilde ekleyebiliriz;

1-YEREL CSS(INLINE)

Yerel css ile doğrudan html etiketi içinde sadece o etiketi etkileyecek biçimler verebilirsiniz. Bunu sadece sayfanızda istisna olacak şeyler için kullanabilirsiniz.

Kullanımı:

Css
.contain {
background-color: lightblue;
}
.contain h1{
color: green;
}
p{
color:#CCC;
font-size:16px;
margin-left:10px;
}
Html
<html>
<head>
<style>
#kare{
border:1px red dashed;
height:100px;
width:100px;
}
</style>
</head>
<body>
<div class="contain">
<h1>Birinci başlık</h1>
<p>Birinci paragraf</p>
<h1>İkinci başlık</h1>
<p>İkinci paragraf</p>
<h1>Üçünçü başlık</h1>
<p>üçüncü paragraf</p>
<div id="kare"></div>
<p style="color:#6624e2;font-weight:bold;">Özel yazı</p>
</div>
</body>
</html>

Html dili Css dili ile eş zamanlı olarak çalışır. Tek başına bir işe yaramaz. Html sayfamıza Css dilini üç farklı şekilde ekleyebiliriz;

1-YEREL CSS(INLINE)

Yerel css ile doğrudan html etiketi içinde sadece o etiketi etkileyecek biçimler verebilirsiniz. Bunu sadece sayfanızda istisna olacak şeyler için kullanabilirsiniz.

Kullanımı: