Admin
Admin
Mesaj Sayısı : 480
Yaş : 31
Points : 317
Reputation : 2
Kayıt tarihi : 08/11/07
 |  Konu: Html dersi  Perş. Nis. 16, 2009 4:05 pm | |
| Html ders bu sayfada html kodlar hakkında biraz bilgi vermeye çalışacağım HTML’E GİRİŞ HTML, HyperText Markup Language, browser‘lardan görebileceğimiz (İnternet Explorer,Netscape gibi) internet dökümanlarını yaratmaya yarayan bir işaretleme dilidir. İnternet üzerindeki tüm sayfaların kaynağı html’dir.Browser olmadan html kodları birşey ifade etmez. HTML dökümanları herhangi bir yazı editörü ile düzenlenip *.htm, *.html, *.shtml gibi uzantılarla kaydedilir.Bunun için notepad, pico,wordpad gibi editörler yeterlidir.Bunların yanında Dreamweaver,Homesite gibi bu iş için hazırlanmış ve kodlamayı kolaylaştıran programlar da vardır. Her html dökümanı ile başlar ve ile biter.<> şeklinde görülen komutlara etiket (tag) adı verilir.İki ana kısımdan oluşmaktadır: … ve …. head’ın içine … etiketi gömülür.title, browser’ımızın en üstünde yazan açıklamayı içerir. title’dan sonra head kapatılır ve ana kısım olan body’ ye geçilir.Sayfamızda görüntülemek istediğimiz herşeyi body içine gömeriz. Örnek:Herhangi bir web sayfasının html kodunu görmek istediğimiz zaman,mouse’ın sağ tuşuna tıklayıp view source/kaynağı görüntüle seçeneğini seçeriz . METİNLER: Başlıklar: 6 çeşit başlık vardır: ,,….Bunlardan en büyüğü ,en küçüğü ise ’dır.H1 ile yapılan başlık
H2 ile yapılan başlık
H3 ile yapılan başlık
H4 ile yapılan başlık
H5 ile yapılan başlık
H6 ile yapılan başlık H1 ile yapılan başlık
H2 ile yapılan başlık
H3 ile yapılan başlık
H4 ile yapılan başlık
H5 ile yapılan başlık
H6 ile yapılan başlık
Fontlar ve Metin Biçimleme:
Color, yazı karakterinin rengini,face yazı tipini (arial,verdana,tahoma gibi), size da boyutunu belirler. Size özniteliğinde kullanılan rakam 1′den 7′ye kadardır.
…: koyu renk yazı(bold)
… : italik
… : paragraf
… : alt çizgi (underline)
… : metni ortalar
: satır atlama
: yatay çizgi (horizontal rule)
Not: Metin biçimlerken başladığınız etiketi kapatmayı unutmayın.
RENKLER:
HTML dökümanlarında renkler ya İngilizce isimleriyle,ya da “hexadecimal” değerleriyle belirtilir.En sık kullanılan ve hemen hemen bütün browser’ların desteklediği 16 renkler aşağıdakilerdir:
Renk
Renk adı:
Renk
Renk adı:
aqua
black
blue
fuchsia
gray
green
lime
maroon
navy
olive
purple
red
silver
teal
white
yellow
Renk kodlarını görmek için tıklayın
TABLOLAR:
Tablolar etiketleri arasında yapılır. etiketinden sonra daima gelir.Her satır tanımlandığında ,her hücre tanımlandığında da etiketi kullanılır.
Örnek :
| 1. hücre | 2. hücre | 3.hücre |
| 4. hücre | 5. hücre | 6. hücre |
1. hücre
2. hücre
3.hücre
4. hücre
5. hücre
6. hücre
LİNKLER:
Linkler … etiketi içinde, href=”" komutuyla belirtilir.
Örnek:
alnumel ana sayfa
alnumel ana sayfa
Bu örnekte bir de target özniteliği verilmiştir.Adresi verilen web sayfasının başka bir pencerede açılmasını isterseniz target=”_blank” komutunu eklemeniz gerekir.Aynı pencerede açılmasını isterseniz de target=”_top” olmalıdır,ya da hiç belirtmezseniz de olur.
alnumel ana sayfa
alnumel ana sayfa
Eğer hazırladığınız dökümanlar arasında bir bağlantı kurmak istiyorsanız, etiketini aşağıdaki gibi kullanmalısınız.
Önceki sayfa
Bir mail adresine link vermek istiyorsanız:
Mail atmak için tıklayın.
Mail atmak için tıklayın.Bu linke tıklandığında bilgisayarda kullanıcıya ait mail programı açılır ve gönderilecek adres bölümünde etiket içinde belirtilen adres yazar.
Bu sayfada olduğu gibi aynı döküman içinde bağlantı kurmak istersek de:
Linklere git
kalıbını kullanırız,ve bağlantı kurmak istediğimiz yere,mesela linkler başlığına:
Linkler
şeklinde bir ekleme yaparız.
Fontlar ve Metin Biçimleme:
Color, yazı karakterinin rengini,face yazı tipini (arial,verdana,tahoma gibi), size da boyutunu belirler. Size özniteliğinde kullanılan rakam 1′den 7′ye kadardır.
…: koyu renk yazı(bold)
… : italik
… : paragraf
… : alt çizgi (underline)
… : metni ortalar
: satır atlama
: yatay çizgi (horizontal rule)
Not: Metin biçimlerken başladığınız etiketi kapatmayı unutmayın
Örnek :
Bu örnekte artalan yeşile döner.
aynı sonucu verir.
Örnek :
=> Font rengi “indigo” oldu
RESİM EKLEME:
Resim ekleme:
şeklinde olur.Dikkat etmemiz gerekenler kulanacagimiz imajın “.jpg” ya da “.gif” formatında olması ve dizin yapısıdır.
Öznitelikler:
![”"](”")
alt: Resme açıklama vermemizi sağlar.Mouse’ı resmin üstüne getirdiğimizde,alt özniteliğinde yazılan açıklama ekranda çıkar.Eğer resim açılmazsa,onun yerine açıklama görünür.
src=”" : Resim dosyasının kaynağını belirtir.
** Eğer artalanda bir imajın çıkması istenirse:
şeklinde yazılır.
ÖZNİTELİKLER:
border=”" : Çerçevenin kalınlığını belirler.border=”0″ dersek tabloda çerçeve bulunmaz,bu miktarı arttırdıkça çerçevenin kalınlığı da artar.
cellpadding=”" ,cellspacing=”" : Hücre elemanlarının sınırlara olan uzaklığı cellpadding, satır ve sütunların uzaklığı ise cellspacing özniteliği ile belirtilir.
bgcolor=”": şeklinde kullanarak bütün tablo ya da şeklinde sadece tek bir hücre renklendirilir.
align : hücredeki elemanın yatay konumunu belirler ve “right,left,center” opsiyonları ile kullanılır.
valign : hücre elemanının düşey konumunu belirler ve opsiyonları “top,bottom,middle”dır.
colspan=”" ,rowspan=”" :Aynı satırdaki hücreleri birleştirmek için colspan, aynı sütundaki hücreleri birleştirmek için de rowspan özniteliği kullanılır. Birleştirilen hücreye ait | .. | etiketini silinir.
© 2006 www.alnumel.com. Valid CSS & XHTML. Template design by Alnumel | |  | | smf-vb
Er
Mesaj Sayısı : 4
Yaş : 34
Points : 8
Reputation : 0
Kayıt tarihi : 20/06/09
| | Konu: Geri: Html dersi Perş. Haz. 25, 2009 12:55 am | |
| Güzel Bir Konu Yeni Başlayanlar İçin  php asp mysql sql sorunlarınıza her türlü cevap verip yardımcı olabilirim iyi günler | |
| | | | Admin
Admin
Mesaj Sayısı : 480
Yaş : 31
Points : 317
Reputation : 2
Kayıt tarihi : 08/11/07
| | Konu: Geri: Html dersi Paz Tem. 12, 2009 1:26 pm | |
| | |
| | | | konyalı
General
Mesaj Sayısı : 360
Yaş : 41
Location : dipkarpaz
Points : 1179
Reputation : 9
Kayıt tarihi : 25/03/09
| | Konu: Geri: Html dersi Paz Tem. 12, 2009 9:39 pm | |
| emegine saglık ortak  | |
| | | | | | Html dersi | |
|
| | Bu forumun müsaadesi var: | Bu forumdaki mesajlara cevap veremezsiniz
| |
| |
| | BİLGİLER |
|
 akısı | |
| |
|
