HTML Bloklar

HTML Dersleri
HTML Bloklar

HTML etiketleri, sayfadaki yerleşimlerine göre satır içi ve blok seviyesi olmak üzere 2 gruba ayrılırlar. HTML sayfalarımızı kodlarken iki seviye arasındaki farkları bilmek faydalı olacaktır.

Blok (blocks) Seviyesi Elementler :  Bu gruptaki HTML elementleri eklendikleri zaman yeni bir satıra yerleşirler ve bulundukları yerin tamamı kadar genişliğe sahip olurlar. Blok seviyesi elemanlar, satır seviyesi elemanların aksine %100 genişliğe sahip olurlar. Örnek: <h1>, <p>, <ul>, <table>

Satır İçi (inline) Elementler : Bu elementler blok seviyesi gibi yeni bir satır başlatmazlar. Satır içi elemanlardan sonra gelenler, yeni bir satır yerine bu elemanın yanında görüntülenirler. Örneğin linkler (a) , resimler (img) ve metin biçimlendirme etiketlerinden bazıları (strong, b, td ve em) bu gruba girerler. Bu elemanlar kendisini oluşturan içerik kadar bir alan kaplarlar. 

<div> elementi : İsteğe bağlı verilerin gösterilmesi için yapısal ve görsel bir blok oluşturulmasını sağlar. <div> bir blok oluşturduğu için bir metnin içinde kullanılması durumunda ilgili metni kesecektir <div> elementi ilk anda herhangi bir görsel özelliğe sahip olmadığı için style veya css özelliklerinin ayrıca belirtilmesi gerekir.  

HTML Kullanımı

<p>Bu paragrafta DIV elementi içinde <div>HTML Satırlar ve Bloklar</div> kelimesi kullanılmıştır.</p>

HTML Görünümü
Bu paragrafta DIV elementi içinde

HTML Satırlar ve Bloklar

kelimesi kullanılmıştır.

<span> elementi : İsteğe bağlı verilerin gösterilmesi için yapısal ve görsel bir katman oluşturulmasını sağlayan elementdir. <span>, <div> elementinden farklı olarak bir satır içi (inline) element olduğu için metnin içinde kullanılması durumunda ilgili metni kesmez .<span> elementi ilk anda herhangi bir görsel özelliğe sahip olmadığı için style veya css özelliklerinin ayrıca belirtilmesi gerekir. CSS ile birlikte kullanıldığında, <span> metin parçalarına stil ayarlamak için kullanılabilir.

HTML Kullanımı

<p>HTML Satırlar ve Bloklar= <span style="font-style:italic; color:navy;">HTML Satırlar ve Bloklar</span></p>

HTML Görünümü

HTML Satırlar ve Bloklar= HTML Satırlar ve Bloklar 

HTML elementlerinin satır seviyesi mi yoksa blok seviyesi mi oldukları display adındaki css özelliği ile kontrol edilebilir. Satır seviyesi elemanların display özelliği varsayılan olarak inline, blok seviyesi elemanlarının display özelliği de varsayılan olarak block değerine sahiptir.

Excel’de COUNTIF | EĞERSAY Fonksiyonu

Excel'de COUNTIF Fonksiyonunun (Türkçe Office için karşılığı EĞERSAY) işlevi, bir aralıkta yer alan ve belirttiğiniz tek bir ölçüte uyan hücrelerin sayısını sayar. Belirli bir harfle başlayan tüm hücreleri veya belirttiğiniz bir sayıdan daha küçük ya da daha büyük sayılar içeren tüm hücreleri sayabilirsiniz. Yani bizim belirleyeceğimiz hücrelerdeki değerlerin kontrolünü yaparak yine bizim belirlediğimiz kriteri taşıyan kaç tane hücre olduğu sonucunu almamızı sağlar. 

Örnek : 45 den küçük not alan öğrenci sayısı bulmak ve kriter belirlemek

Örneğimizde Adı "A" ile başlayan öğrenci sayısını bulmak isteseydik COUNTIF(B2:C12;"a*") formülünü yazmamız gerekirdi. Adında "A" harfi geçen kişi sayısını bulmak isteseydik COUNTIF(B2:C12;"*a*") şeklinde yazmamız gerekirdi.

Örneğimizde geçen ve kalan öğrencilerin sayısını belirlemek istediğimizde geçme şartı 45 verirsek eğer öğrenci 45 ve üstünde almışsa geçecek, 45’nin altında bir not almışsa kalacaktır ve COUNTIF fonksiyonu ile geçen/kalan sayıları verilecektir.

C Programlama printf() Fonksiyonu

C Programlama 

printf() Fonksiyonu : Standart C kütüphanesinin bir parçası olan printf() C Programlama Dili'nin genel amaçlı çıktı alma fonksiyonudur. <stdio.h> kütüphanesinde kullanılan en önemli elemanlardır. Ekrana istediğimiz verileri yazmak içim kullanılan bir fonksiyondur. printf() fonksiyonu karakter dizisinden oluşan tek bir değeri veya farklı değişken ve sabitlerden oluşan birden fazla değeri ekrana yazdırmak için kullanılabilir. 

printf() fonksiyonunu kullanırken yazdırmak istediğimiz değeri daha düzgün göstermek maksatlı bazı yardımcı komutlar (Kontrol karakterleri) vardır.

\n	yeni satıra geç
\b	geri alma
\r	satırbaşı
\t	1 (tab) ileri hareket
\f	sayfa ilerletme
\v	dikey durak
\a	beep sesi çıkart
\'	tek tırnak
\"	çift tırnak
\?	soru işareti
\\	ters slash
\ddd	sekizli kodu ddd (1, 2 veya 3 adet sekizli rakam)
\xhh	onaltılı kodu hh (herhangi bir sayıda onaltılı rakam)

 

C Programlama Veri Tipleri

C Programlama 

C Veri Tipleri (Data Types)
Önceki derslerde C Programlama Dilin'de tanımladığımız her bir değişkenin bir tipi olması gerektiğini öğrenmiştik. 

Temel Veri Tipleri (Primary Data Type )

• char : karakter
• int : tamsayılar
• float : ondalıklı gerçek sayı (6.basamağa kadar hassasiyet)
• double : ondalıklı gerçek sayı (10. basamağa kadar hassasiyet)
• void : boş veri tipi

C Programlama Dilin'de temel veri tiplerinin yanı sıra birde özel veri tipleri bulunmaktadır.

Özel Veri Tipleri (Secondary Data Type)

• array : dizi
• pointer : işaretci
• structure : veri yapısı
• enum : sıralanmış değerler
• union: farklı tür ve boyutlardaki veriler

Temel Veri Tipleri (Primary Data Type ) 

CHAR Veri Tipi : Karakter değişkenlerini tutmak için tasarlanmış veri tipidir. char veri tipinde değişkenler  bellekte 1 byte alan kaplamaktadırlar. char veri tipi karakter değişkenlerini saklamasına rağmen sayısal bir veri tipidir. Çünkü C Programlama Dilinde her karakterin sayısal bir karşılığı vardır.En basit anlatımla karakterlerin sayısal karşılıkları American Standart Kodlaması olarak bilinen ASCII (American Standart Code for Information Interchange) tablosudur. ASCII kodlama tablosu sadece C diline özgü değil bütün programlama dillerinde karakterlerin sayısal karşılığını tutmak için kullanılmaktadır.

ASCII Tablosu

ASCII tablosunda 72 sayısının H karakterine 104 sayısınında h karakterine karşılık geldiğini görmekteyiz. Örneğin char ornekch = 'H' ifadesinde ornekch isimli karakter değişkene ASCII tablosunda H harfinin karşılığı 40 sayısını atamaktadır. Yazmış olduğumuz kod parçasında görüldüğü gibi karakter değeri tek tırnak işaretleri arasındadır. Aynı şekilde  chat ornekch = '72' yazım şekliylede ornekch isimli karakter değişkene atama yapabiliriz. char tipindeki değişkenlerin ASCII karşılığını printf fonksiyonuyla yazdırmak istediğimizde %c niteleyicisini kullanmalıyız.

printf("ornekch degiskeninin karakter degeri:%c\n",ornekch);

HTML Listeler

HTML Dersleri
HTML Listelerle Çalışmak

Bir HTML belgesinde bir Sırasız liste nasıl oluşturulur ?

<ul> ve <li> etiketleri : Her liste elemanının çember (circle), disk (disc) veya kare (square) tipi madde imi ile gösterildiği sırasız listeler oluşturmamızı sağlar. <ul>'in açılımı "Unordered List" 'tir. "Unordered List" Sırasız Liste anlamına gelmektedir. HTML'de metinlerimizi veya cümlelerimizi maddeler halinde yazmak için <ul> ve <li>  etiketlerini kullanırız. Her liste <ul> etiketi ile her liste öğeside <li> etiketi ile başlar. Liste öğeleri genellikle küçük siyah daireler ile işaretlenmiştir. 

Sırasız Liste (Unordered List) HTML Örneği :

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>
            Sayfamızın Başlığı Buraya Yazılacak
        </title>
    </head>
    <body>

        <p> Sırasız Liste Örneği : Kırtasiye İhtiyaçları</p>
        
        <ul>
            <li> Kurşun Kalem </li>
            <li> Silgi </li>
            <li> Kalemtraş</li>
        </ul>
        
    </body>
</html>