Html web sayfalarını oluşturmak için kullanılan standart metin işaretleme dilidir. Html ile dinamik web sayfaları yapılamaz, web tarayıcı yazılım dillerini düzgün olarak görüntülenmesi için kullanılır. sayfaismi.html şeklinde oluşturulur.

html sayfasının standart kodları aşağıdaki gibidir. <html> etiketi ile html sayfası başlanır <head> etiketleri içinde sayfa bilgileri, meta bilgileri, style bilgileri bulunur. <body> etiketi içinde sayfanın içinde gözükecek kodlar yer alır…

<html>
  <head>
    <title>BAŞLIK KISMI</title>
  </head>
  <body>
    ...
  </body>
</html>

html de bir çok etiket var, <br> <h1>..<h6> <ul> <li> <p> <img> <a> <div> <span> bunlardan başlıcaları

CSS, html etiketlerini, metinleri vs. şekildirmek için kullanılan web teknolojisidir. bir etiketin genişliği, yüksekliği, arkaplan rengi, yazı boyutu ve rengi gibi özellikleri değiştirilebilir.

Css html etiketlerinin içine yazıldığı gibi head etiketleri arasınada yazılabilir veya başka bir dosyadan import edilebilir, örneğin <div> etiketinin arkaplan rengini <div style=”background:red”> şeklinde değiştirebildiğimiz gibi head etiketlerinin içine <style> div { backgroun: red } </style> yazarak da aynı işlemi yapabiliriz.

Özel bir alana etki etmek için class veya id özelliklerini kullanırız. kullanım şekli aşağıdaki gibidir. id için “#”, class için “.” kullanılır.

<html>
<head>

<style>
#idismi{
    width:250px; 
    height:250px; 
    border:solid 2px;
}

.classismi{
    background:url(http://upload.wikimedia.org/wikipedia/commons/e/e6/Wikipedia-logo-tr.png);
}
</style>

</head>
<body>

<div id="idismi">
    <div class="classismi">HHGsun</div>
</div>

</body>
</html>
 CSS dosyası oluşturma ve import etme
css dosyası dosyaismi.css şeklinde oluşturulur. yukarıda kullanılan style örneğindeki gibi kodlar direkt olarak yazılabilir.
import işlemi için head etiketleri içine <link rel=“stylesheet” href=“dasyaismi.css”> eklenir, import işlemi sonrasında istenilen style istenilen yerde kullanılır.

hhgsun tarafından yayımlandı

İstanbul da yaşıyorum 1993 doğumluyum bilgisayar alanında gelişmeye çalışıyorum

Yorum bırakın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s

%d blogcu bunu beğendi: