Reklamlar

******


Gönderen Konu: HTML'nin Temelleri  (Okunma sayısı 6871 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Adk System Advertising

Çevrimdışı admin

  • Administrator
  • ibukampus Demirbaşı
  • *****
  • Kayıt Tarihi: Eyl 2009
  • Join Date: Eyl 2009
  • Yer: 14 - 20 - 34
  • İleti: 6341
  • 230kredi
  • View Inventory
  • Send Money To admin
  • Thanked: 2 times
  • Site Puanı: 285
  • Cinsiyet: Bay
  • ibukampus
    • Poke This Member
    • aib�

Advertising

Ali Desidero
HTML'nin Temelleri
« : 28 Temmuz 2010, 18:16:28 »
Etiket Nedir

HTML dili, birtakım etiketleri ve bunların bağlı özelliklerini (attribute - yüklem) kapsar. HTML 4.0 versiyonu dahilinde 92 adet etiket ve 188 adet attribute bulunmaktadır.

Etiket Kavramı
HTML dilinin kapsadığı 92 adet etiketten herhangi biri, belgenin herhangi biryerinde kullanılacağı zaman küçüktür (<) ve büyüktür (>) işaretleri arasında yazılır. <html> gibi... Bazı istisnalar hariç bir etiket kullanıldığı zaman, onu kullanmakla oluşturduğunuz etki, aynı etiketin sonlandırıcısı ile biter. Bir etiketin sonlandırıcısı etiketin kendisidir, bir farkla; sonlandırıcı olarak yazılan etikette, etiket adından önce, < işaretinde sonra bir düz bölü ( / ) işareti kullanılır. </html> gibi... Yani bir etiketin görevi etiketin kullanıldığı yerden itibaren başlar. Etiketin sonlandırıcısının kullanıldığı yerde biter. Bazı istisnalar demiştim, bazı etiketler sonlandırıcı kullanılmasını gerektirmez.

Yüklem - Attribute (Etiket Ek Özellikleri)
Bir etiketi kullandığınızda kimi zaman bazı ek özellikler ya da parametreler vermeniz gerekir. Örneğin, bir HTML belgesinde kullanacağınız bir grafiği, belgenizin HTML kodlarında <img> etiketi ile bildirirsiniz. Ama bu etiket tek başına görevini yerine getiremez, çünkü kullanacağınız grafiği (nesneyi) tanımlamadınız. <img> etiketinin "src" şeklinde bir yüklemi vardır ve bu yükleme parametre olarak, grafik dosyanızın tam yolu ile adı verilir. Örneğin
<img src="images/grafik.jpg"> Etiketlerle birlikte kullanabileceğiniz 188 adet yüklem vardır. Bu yüklemlerden bazıları etiketle mutlaka kullanılır, bazıları tasarımcının isteğine bağlıdır.


Paragraf oluşturma: <p> Etiketi
Paragrafın tanımını herhalde bilmeyen yoktur, ilkokulda okuma yazma işi söküldükten bir süre sonra paragrafın da ne demek olduğu öğretilir ve bol bol alıştırmalar yaptırılır öğrencilere. Yazım kurallarının en önemlilerinden olan paragrafı Web sayfalarımızda da kullanabiliyoruz. Bunun için paragraf oluşturmasını istediğimiz metni <p>...</p> etiketleri arasına almamız yeterli.


Paragraf etiketiyle kullanabileceğimiz bir parametre (attribute) bulunuyor. Bu noktada HTML'de yeni bir kavramla tanışıyoruz: parametre. Kısaca tanımlarsak parametreler birlikte kullanıldığı etiketin bir takım özelliklerini kontrol eden ifadelerdir. Paragraf etiketinin HTML'le kontrol edilebilir tek bir özelliği bulunuyor: yatay hizalama (align). Bir paragrafı sayfa içerisinde sağa veya sola dayayabilir, ortalayabilir veya sayfanın her iki yanına yaslayabiliriz (dergi ve gazete sütunlarındaki gibi). Şimdi paragraf hizalamasının nasıl yapıldığını örneklerle görelim:
ÖR:paragraf

<p align="right"> kodu, paragrafı sayfanın soluna dayayacaktır. Örneğimizdeki paragraflardan birincisine bunu uygulayalım. Paragrafın başındaki <p> etiketini, <p align="right"> ifadesi ile değiştirelim:
ÖR:sağ

Ör:sol





<html>   HTML belgemiz başladı
<head>   HEAD bölümü başladı
<title>   Pencere başlığımızı tanımlayan etiket
Merhaba Dünya!   Pencere başlık metnimiz
</title>   Başlık etiketi sonlandı
<.........>   HEAD bölümünde yer alacak diğer bilgiler girildi.
<.........>   
<.........>   
</head>   HEAD bölümü sonlandırıldı
<body>   BODY bölümü başladı
<p>   Yeni bir paragraf tanımlandı
Merhaba Dünya!   Paragrafın içeriği girildi
</p>   Paragraf bitirildi
<.........>   Sayfa içeriğimizi oluşturan diğer etiketler bu bölüme girildi
<.........>   
<.........>   
</body>   BODY bölümü sonlandırıldı
</html>   HTML belgesinin sonu




Başlıklar: <h1>,<h2>,<h3>,<h4>,<h5>,<h6>

HTML tasarımcıya 6 değişik ebatta başlık (heading) oluşturma imkanı veriyor. Başlıkların büyüklükleri ise Browser’ların kendi standartlarına göre belirleniyor. <h1> etiketi en büyük başlığı, <h6> etiketi en küçük başlığı oluşturmamızı sağlıyor. Tıpkı paragraf etiketinin kullanımında olduğu gibi başlık yapılmak istenen metin etiketler arasına alınıyor (Başlık etiketleri kapatılırlar.)
Bir örnek yaparak etiketin kullanımını ve oluşturduğu başlıkları görelim:
 
Ör:Başlıklar
Justify değerinin oluşturduğu etkiyi görebilmek için uzun bir metne ihtiyacımız var, bu metni normal paragraf olarak ve align=justify değerini kullanarak oluşturduğumuz bir paragrafta kullanalım. Böylece iki paragraf oluşturacak ve justify'ın etkisini kıyaslamalı olarak görmüş olacağız.
Başlıklarda da, paragraf etiketinde olduğu gibi yatay hizalamayı kontrol imkanımız bulunuyor, align parametresinin başlık etiketi ile kullanımında alabileceği değerler paragraf etiketinde olduğu gibi, yani; left,right,center ve justify değerlerini kullanabiliyoruz.
 

Ör:Başlıklar1

<table> Etiketinin Bağlı Özellikleri
border="piksel"
Tablonuzun kenar çizgileri ekranda görünecek mi, görünecekse kaç piksel kalınlığında olacak. Bu attribute' e 0 (sıfır) değerini verirseniz, tablonuz kenarlıksız görünür. (Bizim ana sayfadaki gibi)
cellpadding="piksel"
Tablonuzun hücrelerindeki içerik, tablo kenarlıklarından kaç piksel içeride olsun istiyorsanız o değeri bu kısımda bildirmelisiniz.
cellspacing="piksel"
Tablonun hücrelerinin arasında boşluk olsun istiyorsanız piksel cinsinden istediğiniz miktarı burada belirtmelisiniz.
align="metin"
Tablonuzun, sayfada hizalamasını bu özellikle bildirirsiniz. Alacağı değerler, "center, left ve right" olabilir.
width="piksel"
Tablo, sayfanızın ne kadar kısmını kaplayacak. İstediğiniz değeri bu kısımda yüzde ya da piksel cinsinden verebilirsiniz.
height="piksel"
Tablonun sayfada kaç piksel yükseklikte görüneceğini bildirir.

Tablo Etiketleri
Bir tablo oluşturmak için kullanacağınız etiketler; <table>, <thead>, <tbody>, <tfoot>, <th>, <tr> ve <td>' dir.
<table>
<table> etiketi, tarayıcıya bir tablo oluşturulacağını bildirir. Tarayıcı, bu etiketten sonra yazılanları, </table> sonlandırıcı etiketi görene değin, tablonun elemanları olarak kabul eder.
<thead>
Bu etiket, tarayıcıya tablonun başlık kısmını deklare eder.
<tbody>
Tarayıcıya tablonun gövde kısmını deklare eder.
<tr>
Bu etiket tablomuz için bir satır oluşturur. <th> ya da <td> etiketlerini içerir.
<th>
Table Header Cell, Tablonun başlık satırındaki hücreleri oluşturur. Her <th>..... </th> etiket çifti, bir hücre tanımlar.
<td>

Tarayıcıya tablo için başlık satırına ait bir hücreyi belirtir.
Bir tabloda, başlık satırı, dip satır, gövde, tablo kenarlıkları gibi bileşenler bulunabilir. Bunların hepsi bulunmak zorunda değil elbette. Bunlar hakkında bilgi için <table>, <thead>, <tbody>, <tfoot> etiketlerinin anlatıldığı bölümlere uğrayabilirsiniz.

Linkback: http://www.ibukampus.com/forum/index.php?topic=6137.msg21611#msg21611

Adk System Advertising


Çevrimdışı emrah37

HTML'nin Temelleri
« Yanıtla #1 : 22 Mart 2011, 00:30:12 »
slm orhan hocadan odev aldimda htmlde temel belirtecleri anlatim sinifta uygulama yaptircam ama html hakkinda fazla bilgim yok sorum su ben simdi notepade kodlari girdikten sora ne yapmaliyim

Linkback: http://www.ibukampus.com/forum/index.php?topic=6137.msg31043#msg31043
jamiryoo

Çevrimdışı admin

  • Administrator
  • ibukampus Demirbaşı
  • *****
  • Kayıt Tarihi: Eyl 2009
  • Join Date: Eyl 2009
  • Yer: 14 - 20 - 34
  • İleti: 6341
  • 230kredi
  • View Inventory
  • Send Money To admin
  • Thanked: 2 times
  • Site Puanı: 285
  • Cinsiyet: Bay
  • ibukampus
    • Poke This Member
    • aib�
HTML'nin Temelleri
« Yanıtla #2 : 22 Mart 2011, 11:55:45 »
Merhaba,
.txt olan uzantıyı .html olarak değiştirirseniz ; yaptıklarınızı görebilirsiniz.

Linkback: http://www.ibukampus.com/forum/index.php?topic=6137.msg31044#msg31044

 


HTML'nin Temelleri Konusuna Ait Benzer Konular

Fiziğin Temelleri
 Fiziğin en temelinde hangi kavram ya da ne var?İçinde bulunduğumuz zamanda bu soruya cevap vermek oldukça zor.Çünkü bina o teme... Devamı...

Gösterim: 2294 - Yanıt: 0 - Başlatan:admin
TEMEL HTML SÖZLÜĞÜ
TEMEL ELEMANLAR      Doküman tipi    <HTML></HTML>    (dosyanın başında ve sonunda)      Konu Başlığı    <TITLE></TITLE>    (baş... Devamı...

Gösterim: 7068 - Yanıt: 0 - Başlatan:admin
HTML Ders Notları
HTML           Hyper Text Markup Language          (Hareketli-Metin İşaretleme Dili)Kısaca, internet dökümanları oluşturmaya yar... Devamı...

Gösterim: 2438 - Yanıt: 0 - Başlatan:admin