HTML & CSS Nedir,Nasıl kullanılır


Çeşitli (HTML & CSS)   

Yazar: RezT    0 Yorum    120 Görüntüleme
  • 0 Oy - 0 Yüzde

Paylaşım Tarihi: 17.06.2016, 05:18:15 #1
RezT Çömez
Kayıtlı Üye
Status: Çevrimdışı Yorum Sayısı:2 Konu Sayısı:2 Üyelik Tarihi:17.06.2016 Rep Puanı: 0

CSS NEDİR?
Cascading Style Sheets. Cascading Style Sheets (Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfaları, bilinen kısa adıyla CSS), HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir Web teknolojisidir.
HTML NEDİR?
HTML, bir programlama dili olarak tanımlanamaz. Zira HTML kodlarıyla kendi başına çalışan bir program yazılamaz. Ancak bu dili yorumlayabilen programlar aracılığıyla çalışabilen programlar yazılabilir. Programlama dili denilememesinin nedeni tam olarak budur.

İmager.

CSS'DE NELER YAPILIYOR?
CSS kullanarak HTML ile yapamayacağımız birçok şeyi yapabiliriz. Bir sayfadaki tüm ögeleri veya belli bir kısım ögeyi renk, boyut, arkaplan resmi, sayfadaki konumu, sağından solundan olan boşlukları ve daha birçok özelliği yönünden CSS ile tanımlayabiliriz

HTML'DE NELER YAPILIYOR?
Metin biçimlendirme işlemleri, (Renk, Boyut, Font vs.)
Resim kullanımları ve çalıştırılması,
Video kullanımları ve çalıştırılması,Ses dosyaları kullanımları ve çalıştırılması,
Tablo işlemleri,
Alan işlemleri,Çerçeve işlemleri,Form işlemleri,
Tuval alanları,Stil Dosyaları Kullanımı,
Dış bileşen kullanımları, ( Flash ( swf ) uzantılı vb. dosyalar )
Static ( Sabit ) Web sayfaları vb.


HTML'DE Bilinmesi Gereken Kodlar Nelerdir?
Bir html tagı “<” ile açılır ve “/>” ile kapatılır. HTML kullanacağımız bir sayfaya “<html>” tagıyla başlanır ve “</html>” tagıyla bitirilir.
<html> tagları içerisinde sayfamız iki bölümden oluşur;
Kod:
Head – Üst bilgiler kısmı
Body – Gövde,içerik kısmı
Head ( Üst bilgiler kısmı ) : Sitemiz ait anahtar kelimeler, açıklama, site başlığı gibi bilgileri kapsayan kısımdır. Bu kısımda sayfamızın özellikleri kodlanır, kullanıcıya hitap eden üye giriş forumları, yazılar vb. bu kısımda kodlanmazlar.
Body ( İçerik kısmı ) : Adından da anlaşılacağı üzere kullanıcıya hitap eden, formlar, yazılar, görseller, linkler vb. bu kısımda kodlanır ve sitemizin kullanıcıya yönelik tüm işlemlerini yapacağımız kısımdır.

Örnek bir html sayfası şu şekildedir;
Kod:
<html>
<head>
<title>Site Başlığı</title>
</head>
<body>
Site içerik kısmı.
</body>
</html>
Bir site programlanırken ilk başta bu html yapı oluşturulur ve içerikle ilgili kodlamalar body tagları arasında yapılır. Html bunun yanı sıra yazıları biçimlendirme ve tasarım alanlarında da kullanılır.
PHP Kod:
<b> </b– bold tagı Arasına alınan yazıyı kalın yapar. )
<
i> </i– italic tagı Arasına alınan yazıyı italik yani yatay yapar. )
<
u> </u– underline tagı Arasına alınan yazıyı altı çizili yapar. )
<
h> </h– head tagı Arasına alınan yazının başlık olduğunu belirtir ve başlık boyutuna taşır. )
<
h1> </h1– head 1 tagı Arasına alınan yazının 1.başlık olduğunu belirtir ve başka başlıklarda kullanılacaksa bu tag ana başlık için kullanılabilir çünküyazı boyutu daha büyüktür. )
<
h2> </h2– head 2 tagı Arasınan alınan yazının 2.başlık olduğunu belirtir boyut biraz daha küçüktür. )
<
h3> </h3– head 3 tagı Arasınan alınan yazının 3.başlık olduğunu belirtir boyut biraz daha küçüktür. )
head tagları 1 den 6′ya kadar gidebilir ve sayı arttıkça font küçülürHer sayı bir sonraki başlığı belirtir.
<
p> </p– paragraf tagı Arasına alınan yazının bir paragraf olduğunu belirtir. )
<
br– break tagı Yazıdan sonra kullanılır ve kapatılma tagı gerektirmezyazıdan sonra veya önce kaç kez <bryazılırsa o kadar satır aşağı atlar. )
<
img src=””/> – image tagı src kısmı source yani kaynak kelimesinden gelmektedirBu tag sayfamıza resim eklemek içindirEklemek istediğimiz resmin internet adresi src=” buraya” gelmelidir.İmage tagını kullanırken
<img src=”www.siteadi.com/resim.jpg”> </imgtarzı bir kullanım YANLIŞTIR.
<
img src=”www.siteadi.com/resim.jpg”/> tarzı bir kullanım DOĞRUDUR

CSS'DE Akılda kalması gereken kodlar
Köşeleri Yuvarlamak
PHP Kod:
-webkit-border-radius20px; -moz-border-radius20pxborder-radius20px
Saydamlık Verme
PHP Kod:
opacity:0.85; -filter:alpha(opacity=85);   
Kenar Boşlukları Ayarlamak
PHP Kod:
margin10px
Sağ Sol Ayarlamak
PHP Kod:
float:left    float:right
Genişlik ve Yukseklik Ayarlamak
PHP Kod:
width250px     height150px  

Son Düzenleme: 17.06.2016, 05:25:22, Düzenleyen: RezT.







Aradığınızı Bulamadınız Mı ?

Konuyu görüntüleyenler:
1 Misafir