NOT: Bu bilgiler çalışma sonucu kendimce çıkarttığım notlardır. HTML i öğrenmeye yeni başladım yani çok bi bilgim yok açıkçası, bu yüzden buradaki bilgiler 100% doğru olmayabilir.O yüzden bu bilgilerden yararlanan arkadaşların kendilerininde bunları araştırmalarında yarar vardır.Çünkü yanlış öğrenilen bazı bilgilerin telafisi çok zor olabiliyor... Özet boyunca muhakkak imla hataları çıkar (türkçem kötü), artık onları hoşgörürsünüz.Ben yeni şeyler öğrendiğim sürece buraya bişeyler yazmaya çalışacağım.Umarım birilerine yardımcı olurum.
HTML (hyper-text make up language)
HTML sıradan metin belgelerine eklendiğinde onları Web sayfalarına çeviren komutlardan oluşur. Birçok web kullanıcısı, Web düzenleyicilerinin yetenekleriyle sınırlı kalmamak için HTML kodlarının nasıl kullanıldığını öğrenmeyi tercih eder.Şimdi HTML in nasıl kullanılacağı gösterilecektir.
ETİKETLER: HTML kodlarına etiket denir.Etiketler genellikle çiftler halinde bulunur; bir açma kısmı bir de kapama kısmı bulunur.örneğin aşağıda görülen etiket "leyla" sözcüğünü etkiler.
<B>LEYLA</B> * (B harfi kalın yazılmasını[bold] sağlar)
burada <B> etiketi açar </B> etiketi kapatır.
Not: Etiketler büyük yada küçük harflarle yazılabilir veya etiketler arasında hiç boşluk [space] bırakılmayabilir bunlar sadece programın okunabilirliği (readabilty) açısından önemlidir. Not: *(........vs) yorumdur kodlarla bir alakası yoktur.
ZORUNLU KODLAR:
Her kaynak belgede bulunması gereken(Bu cümleyi kaynak kitabımdan aldım,yani daha değişik kullanım şekilleri vardır belki) bazı etiketler vardır.Bir belgenin en üstünde aşağıdaki etiketler yer almak zorundadır.
*(Bu kodları herhangi bir text editöründen yazabilirsiniz)[word,wordpad....]
<HTML> <HEAD>
<TITLE> sayfa başlığı </TITLE> * ("sayfa başlığı" yerine herhangi bir başlık koyun)
Bu kodları yazdıktan sonra farklı kaydedip .html uzantısı getirerek kaydedin.Daha sonra bu dosyayı açın .Yazdığımız kaynak belge için ürettiğimiz web sayfasını göreceksiniz.
ÖZEL METİN EFEKTLERİ:
Bu bölümde Web sayfasındaki metinlerin görünüşlerini değiştiren bazı temel etiketleri açıklamaya çalışacağım.
METNİ PARÇAYA BÖLMEK:
Bilgisayar ekranında çok uzun metin bloklarını okumak zordur. O yüzden web sayfamızı hazırlarken yazacağımız uzun metinleri bölmek okuyucu için daha iyidir.
<HTML> <HEAD>
<TITLE>YAYINLARIMIZ</TITLE>
</HEAD> <BODY> Yayınlarımızı, TÜBİTAK kitap Satiş Bürosu ile kitabevlerinden edinebilirsiniz.<P>Bize yazmak isterseniz:<P<TÜBİTAK Popüler Bilim kitapları<BR>Atatürk Bulv.<BR>No:221 06100<BR>Kavaklıdere<BR>Ankara </BODY> </HTML>
Not:Burada <P> yeni bir paragrafa geçileceğini (bir satır boşluk bırakılarak) [paragraph], <BR> ise yeni bir satıra geçileceğini [break] belirtir. Not:Yukarıda da belirttiğim gibi BODY etiketi kısmındaki bölümü boşluk bırakarak da yazabilirdik bu sadece okunabilirliği etkiler yani;
<HTML> <HEAD>
<TITLE>YAYINLARIMIZ</TITLE>
</HEAD> <BODY> Yayınlarımızı, TÜBİTAK kitap Satiş Bürosu ile kitabevlerinden edinebilirsiniz. <P>Bize yazmak isterseniz <P>TÜBİTAK Popüler Bilim kitapları <BR>Atatürk Bulv. <BR>No:22106100 <BR>Kavaklıdere <BR>Ankara </BODY> </HTML>
Bu html in web sayfası olarak görünümleri şöyle olur:
Yayınlarımızı, TÜBİTAK kitap Satiş Bürosu ile kitabevlerinden edinebilirsiniz
Bize yazmak isterseniz:
TÜBİTAK Popüler Bilim kitapları Atatürk Bulv. No:22106100 Kavaklıdere Ankara
METİNLERİ VURGULAMAK:
Sayfanızdaki önemli sözcüklerin metnin geri kalanı içinde göze çarpması için kalın (bold) yada italik (italic) biçimleri kullanabiliriz. Text editörümüzde sözcükleri kalın yada italik hale getiren düğmeler yada menüler olabilir. Ancak tarayıcılar Web sayfalarını görüntülerken, bu araçlarla yaratılmış bütün özel efektleri göz ardı ederler.Yalnızca HTML ile verilmiş olan komutları dikkate alırlar. Tarayıcının bir metin parçasını kalın biçimde görüntülemesini sağlamak için metnin başina <B>, sonuna da </B> yazın; örneğin <B> TÜBİTAK</B>. Tarayıcının bir metin parçasını italik biçimde görüntülemesini sağlamak için metnin başina <I>,sonuna da </I>yazın; örneğin <I> TÜBİTAK </I>.
HARF BOYUTU: Bir sözcüğü harflerin boyutunu değiştirerek de vurgulayabiliriz. Yazıtipi boyutları dadenilen ve aralarında yedi ayrı seçim yapabileceğiniz harf boyutu vardır. Bunların en küçüğü 1, en büyüğü ise 7 dir.
yazı tipi boyutu bir yazı tipi boyutu iki yazı tipi boyutu üç yazı tipi boyutu dört yazı tipi boyutu beş yazı tipi boyutu altı yazı tipi boyutu yedi
Metnin bir bölümünün yazıtipi boyutunu 6 yapmak için başına <FONT SIZE="6">, sonuna da </FONT> yazarsanız. Farklı bir yazı tipi boyutu belirtmek için 6 yerine başka bir sayı girersiniz.
ARA BAŞLIKLAR: Bir Web sayfasında, metnin farklı bölümlerini ara başlıklarla belirlemek iyi bir fikirdir. Bu başlıklar, ilgi duydukları bilgilere çabucak ulaşmaları için site ziyaretçilerine yardımcı olur. Altı adet başlık tipi vardır. Bunların en büyüğü 1. düzey, en küçüğü ise 6. düzeydir. 1,2 ve 3. düzeyler genellikle ana başlıklar için kullanılır.
MELİH'İN ANA SAYFASI ----------->1. DÜZEY
BEN KİMİM -------------------------------------------------------------->2.DÜZEY Merhaba ben Melih, 20 yaşındayım. İstanbulda oturuyom
Bir metni birinci düzeyde bir başlığa çevirmek için metnin başına <H1>, sonuna da </H1> yazın.Diğer başlık düzeyleri için, 1 yerine başka sayılar yerleştirerek aynı etiketi kullanın.
HANGİ ETİKET: Hem başlık etiketleri hem de <FONT SIZE> etiketletleri metinlerin boyutunu değiştirmeye yarar. ancak bunlar birbirine karıştırılmamalıdır. Başlık etiketi yanlızca bölüm başlığı olarak kullanılır ve hemen ardından bir satır boşluk bırakılmasını sağlar;ama <FONT SIZE> etiketi sadece metnin boyutunu değiştirir. Metnin yeriyle ilgili bir değişiklikte bulunmaz(bu etiketin ardından boşluk bırakılmaz.)
ETİKETLERİ BİRLEŞTİRMEK:
Bir metnin başına ve sonuna birden fazla etiket koyarken, etiketleri doğru sırada aşağıdaki gi doğru sırda yerleştirmek önemlidir.
NOT:Bu bilgiler çalışma sonucu kendimce çıkarttığım notlardır.Yani 100% doğru olmayabilir.O yüzden bu bilgilerden yararlanan arkadaşların kendilerininde bunları araştırmalarında yarar vardır.Çünkü yanlış öğrenilen bazı bilgilerin telafisi çok zor olabiliyor...
to be continued
DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.
Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.
Teknoloji Haberleri
Bu bilgiler çalışma sonucu kendimce çıkarttığım notlardır. HTML i öğrenmeye yeni başladım yani çok bi bilgim yok açıkçası, bu yüzden buradaki bilgiler 100% doğru olmayabilir.O yüzden bu bilgilerden yararlanan arkadaşların kendilerininde bunları araştırmalarında yarar vardır.Çünkü yanlış öğrenilen bazı bilgilerin telafisi çok zor olabiliyor...
Özet boyunca muhakkak imla hataları çıkar (türkçem kötü), artık onları hoşgörürsünüz.Ben yeni şeyler öğrendiğim sürece buraya bişeyler yazmaya çalışacağım.Umarım birilerine yardımcı olurum.
HTML (hyper-text make up language)
HTML sıradan metin belgelerine eklendiğinde onları Web sayfalarına çeviren komutlardan oluşur. Birçok web kullanıcısı, Web düzenleyicilerinin yetenekleriyle sınırlı kalmamak için HTML kodlarının nasıl kullanıldığını öğrenmeyi tercih eder.Şimdi HTML in nasıl kullanılacağı gösterilecektir.
ETİKETLER:
HTML kodlarına etiket denir.Etiketler genellikle çiftler halinde bulunur; bir açma kısmı bir de kapama kısmı bulunur.örneğin aşağıda görülen etiket "leyla" sözcüğünü etkiler.
<B>LEYLA</B> * (B harfi kalın yazılmasını[bold] sağlar)
burada <B> etiketi açar </B> etiketi kapatır.
Not: Etiketler büyük yada küçük harflarle yazılabilir veya etiketler arasında hiç boşluk [space] bırakılmayabilir bunlar sadece programın okunabilirliği (readabilty) açısından önemlidir.
Not: *(........vs) yorumdur kodlarla bir alakası yoktur.
ZORUNLU KODLAR:
Her kaynak belgede bulunması gereken(Bu cümleyi kaynak kitabımdan aldım,yani daha değişik kullanım şekilleri vardır belki) bazı etiketler vardır.Bir belgenin en üstünde aşağıdaki etiketler yer almak zorundadır.
*(Bu kodları herhangi bir text editöründen yazabilirsiniz)[word,wordpad....]
<HTML>
<HEAD>
<TITLE> sayfa başlığı </TITLE> * ("sayfa başlığı" yerine herhangi bir başlık koyun)
</HEAD>
<BODY>
Merhaba,sayfama hoşgeldiniz. Adım melih, 20 yaşındayım,istanbulda yaşıyorum.
</BODY>
</HTML>
Bu kodları yazdıktan sonra farklı kaydedip .html uzantısı getirerek kaydedin.Daha sonra bu dosyayı açın .Yazdığımız kaynak belge için ürettiğimiz web sayfasını göreceksiniz.
ÖZEL METİN EFEKTLERİ:
Bu bölümde Web sayfasındaki metinlerin görünüşlerini değiştiren bazı temel etiketleri açıklamaya çalışacağım.
METNİ PARÇAYA BÖLMEK:
Bilgisayar ekranında çok uzun metin bloklarını okumak zordur. O yüzden web sayfamızı hazırlarken yazacağımız uzun metinleri bölmek okuyucu için daha iyidir.
<HTML>
<HEAD>
<TITLE>YAYINLARIMIZ</TITLE>
</HEAD>
<BODY>
Yayınlarımızı, TÜBİTAK kitap Satiş Bürosu ile kitabevlerinden edinebilirsiniz.<P>Bize yazmak isterseniz:<P<TÜBİTAK Popüler Bilim kitapları<BR>Atatürk Bulv.<BR>No:221 06100<BR>Kavaklıdere<BR>Ankara
</BODY>
</HTML>
Not:Burada <P> yeni bir paragrafa geçileceğini (bir satır boşluk bırakılarak) [paragraph],
<BR> ise yeni bir satıra geçileceğini [break] belirtir.
Not:Yukarıda da belirttiğim gibi BODY etiketi kısmındaki bölümü boşluk bırakarak da yazabilirdik bu sadece okunabilirliği etkiler yani;
<HTML>
<HEAD>
<TITLE>YAYINLARIMIZ</TITLE>
</HEAD>
<BODY>
Yayınlarımızı, TÜBİTAK kitap Satiş Bürosu ile kitabevlerinden edinebilirsiniz.
<P>Bize yazmak isterseniz
<P>TÜBİTAK Popüler Bilim kitapları
<BR>Atatürk Bulv.
<BR>No:22106100
<BR>Kavaklıdere
<BR>Ankara
</BODY>
</HTML>
Bu html in web sayfası olarak görünümleri şöyle olur:
Yayınlarımızı, TÜBİTAK kitap Satiş Bürosu ile kitabevlerinden edinebilirsiniz
Bize yazmak isterseniz:
TÜBİTAK Popüler Bilim kitapları
Atatürk Bulv.
No:22106100
Kavaklıdere
Ankara
METİNLERİ VURGULAMAK:
Sayfanızdaki önemli sözcüklerin metnin geri kalanı içinde göze çarpması için kalın (bold) yada italik (italic) biçimleri kullanabiliriz.
Text editörümüzde sözcükleri kalın yada italik hale getiren düğmeler yada menüler olabilir. Ancak tarayıcılar Web sayfalarını görüntülerken, bu araçlarla yaratılmış bütün özel efektleri göz ardı ederler.Yalnızca HTML ile verilmiş olan komutları dikkate alırlar.
Tarayıcının bir metin parçasını kalın biçimde görüntülemesini sağlamak için metnin başina <B>, sonuna da </B> yazın; örneğin <B> TÜBİTAK</B>.
Tarayıcının bir metin parçasını italik biçimde görüntülemesini sağlamak için metnin başina <I>,sonuna da </I>yazın; örneğin <I> TÜBİTAK </I>.
HARF BOYUTU:
Bir sözcüğü harflerin boyutunu değiştirerek de vurgulayabiliriz. Yazıtipi boyutları dadenilen ve aralarında yedi ayrı seçim yapabileceğiniz harf boyutu vardır. Bunların en küçüğü 1, en büyüğü ise 7 dir.
yazı tipi boyutu bir
yazı tipi boyutu iki
yazı tipi boyutu üç
yazı tipi boyutu dört
yazı tipi boyutu beş
yazı tipi boyutu altı
yazı tipi boyutu yedi
Metnin bir bölümünün yazıtipi boyutunu 6 yapmak için başına <FONT SIZE="6">, sonuna da </FONT> yazarsanız. Farklı bir yazı tipi boyutu belirtmek için 6 yerine başka bir sayı girersiniz.
ARA BAŞLIKLAR:
Bir Web sayfasında, metnin farklı bölümlerini ara başlıklarla belirlemek iyi bir fikirdir. Bu başlıklar, ilgi duydukları bilgilere çabucak ulaşmaları için site ziyaretçilerine yardımcı olur.
Altı adet başlık tipi vardır. Bunların en büyüğü 1. düzey, en küçüğü ise 6. düzeydir. 1,2 ve 3. düzeyler genellikle ana başlıklar için kullanılır.
MELİH'İN ANA SAYFASI ----------->1. DÜZEY
BEN KİMİM -------------------------------------------------------------->2.DÜZEY
Merhaba ben Melih, 20 yaşındayım. İstanbulda oturuyom
İŞİM:--------------------------------------------------------------------------------->3. DÜZEY
öğrenciyim.
Bir metni birinci düzeyde bir başlığa çevirmek için metnin başına <H1>, sonuna da </H1> yazın.Diğer başlık düzeyleri için, 1 yerine başka sayılar yerleştirerek aynı etiketi kullanın.
HANGİ ETİKET:
Hem başlık etiketleri hem de <FONT SIZE> etiketletleri metinlerin boyutunu değiştirmeye yarar. ancak bunlar birbirine karıştırılmamalıdır. Başlık etiketi yanlızca bölüm başlığı olarak kullanılır ve hemen ardından bir satır boşluk bırakılmasını sağlar;ama <FONT SIZE> etiketi sadece metnin boyutunu değiştirir. Metnin yeriyle ilgili bir değişiklikte bulunmaz(bu etiketin ardından boşluk bırakılmaz.)
ETİKETLERİ BİRLEŞTİRMEK:
Bir metnin başına ve sonuna birden fazla etiket koyarken, etiketleri doğru sırada aşağıdaki gi doğru sırda yerleştirmek önemlidir.
<H1><I> AYŞE </I></H1> DOGRU
*(BLOKLAR KESİŞMEMELİDİR)
<H1><I> AYŞE </H1></I> YANLIŞ
NOT:Bu bilgiler çalışma sonucu kendimce çıkarttığım notlardır.Yani 100% doğru olmayabilir.O yüzden bu bilgilerden yararlanan arkadaşların kendilerininde bunları araştırmalarında yarar vardır.Çünkü yanlış öğrenilen bazı bilgilerin telafisi çok zor olabiliyor...
DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.
Üye Ol Şimdi DeğilÜye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.