Vallaha bırakmaz Üye Ol

Reklam / Sponsor

Gönderen Konu: HTML Dersleri  (Okunma sayısı 907 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Fosil_Heart

  • Ziyaretçi
HTML Dersleri
« : Nisan 30, 2007, 09:13:28 ÖS »



Bir web sayfası <html> ile başlar, </html> ile biter.
 
<html>
<head>
<title>Buraya sitenin adı yazılır</title>
</head>
<body>Burasını daha sonra dolduracağız. Sitenizde olması gereken herşey bu arada yer alacak</body>
</html>

<HEAD> </HEAD>   
 
 
Sitemizin adının yer aldığı Title'lın, Meta Tag denilen, arama motorlarında bulunmanızı kolaylaştıran şeylerin yazıldığı yerdir. Sitede birçok şeyi, yazıların biçimlerini, büyüklüklerini, renklerini belirleyip işimizi epey kolaylaştıran CSS ler de buraya konur. Javacript denen bazı şeyler de... Bunları söyledim ama kafanız karışmasın, zamanı gelince onların neler olduğunu anlatacağım. Şimdilik geçelim.
 
<TITLE> </TITLE>   
 
 
Her sitenin bir adı olması gerekir.
<title> DayDay </title>
Mısra ile Bulut'nin sitesinin adı: DayDay. Biliyorsunuz insanlar birşeyi ararken adını yazıp ararlar...
<BODY> ... </BODY>   
 
 
Burası web sayfanızda olmasını istediğiniz yazı ve resimlerin bulunduğu bölüm.
Buradaki komutların neler olduğunu sırayla öğreneceksiniz.

Ama önce, sayfamızı şöyle bir görelim değil mi?

Bulut, ilk sayfada bu yazı olsun istiyor: "DayDay, seni çok seviyoruz! "

Haydi bakalım deneyelim:
Konuyu Paylaş:
  facebook  twitter  google  google

Fosil_Heart

  • Ziyaretçi
HTML Dersleri
« Yanıtla #1 : Nisan 30, 2007, 09:13:41 ÖS »
Önce not defterimizi açalım. Monitörün altında sol tarafta başlat menüsü var.

Programların içinde Donatılar... Onun içinde de not defteri...

Aslında bunun yerini bildiğinize eminim Gülümseme
Aşağıdaki yazıyı açtığınız sayfaya yazın.

 
 
<html>
<head>
<title> DayDay </title>
</head>
<body> DayDay seni çok seviyoruz </body>
</html>

İndex adını verin ve önceden belirlediğiniz bir yere kaydedin. (Daha sonra bulmanız gerekecek)

Kaydettiğiniz sayfaya gidip tıklayınca hiç birşey olmadı değil mi? Hiç web sayfasına benzemiyor. İlk yazdığınız gibi yani aşağıdaki gibi görüyorsunuz.
 
 
O zaman "farklı kaydet" seçeneğini kullanıp yeniden deneyelim:

Bu kez kaydederken index.html (ya da index.htm) yazarak kaydedin. Tekrar gidip bu yeni sayfaya tıklayarak açın. Evett Gülümseme) Oldu işte ! Yazdığımız diğer yazılar artık görünmüyor.
 
Görünen sadece söylemek istediğiniz şey olacak...
 

 
Sonraki derste bu yazıya daha neler yapabileceğimizi göreceğiz.
 

Fosil_Heart

  • Ziyaretçi
HTML Dersleri
« Yanıtla #2 : Nisan 30, 2007, 09:13:52 ÖS »
Yazılar aşağıdaki komutlar içine yazılır.
 
<font> ............... </font>
Yazının büyüklüğü için "size"
yazı tipi için "face"
Yazı rengi için "color" komutlarını kullanmanız gerekir.

Aşağıdaki örneği yazın:
 
<font size="3" face="Arial" color="red">DayDay seni çok seviyoruz</font>
Yazıların yerinin <body> komutundan sonra gelmesi gerektiğini unutmayın.   
<html>
<head>
<title> DayDay </title>
</head>
<body>

<font size="4" face="Arial" color="red">DayDay seni çok seviyoruz</font>

</body>
</html>
 
İsterseniz yaptığımızın neye benzediğine bakalım.
 
Şimdi tek tek tekrar edelim.

YAZI BÜYÜKLÜĞÜ

font size="4" 5 yerine 2, 3, 4, 6 yazabilirsiniz.

Ayrıca yazınızı aşağıdaki kodların arasına da yazabilirsiniz.. Yine aşağıda gördüğünüz büyüklüklerde görünür.

<h1> DayDay </h1>
<h2> DayDay </h2>
<h3> DayDay </h3>
<h4> DayDay </h4>
<h5> DayDay </h5>
<h6> DayDay </h6>
 

YAZI RENGİ

Renkler için ya renk kodunu ya da ingilizce adını yazmalısınız.
color="red" yerine, farklı renk isimleri yazın.

red - kırmızı
blue - mavi
yellow - sarı
white - beyaz
black - siyah

Diğer renklerin İngilizce yazılışları ve kodları için bu sayfaya bakabilirsiniz. Renklerle ilgili ilginizi çekebilecek ayrıntılar için de buraya bir ara göz atın.



Kodlarla yazmak istiyorsanız,
color="#FF0000" renk adı yerine kod yazmanız gerekir.

red - #ff0000
blue - #0000ff
yellow - #ffff00
white - #ffffff
black - #000000

 
Dikkat ettiyseniz color=" " tırnak işaretleri arasında renk adını kullanırken # işaretini yazmıyoruz. Onu sadece renk kodlarını yazarken kullanıyoruz.

YAZI TİPİ

face="Arial" yerine Verdana, Arial Narrow, Times New Roman, Comic Sans MS, Helvetica, sans-serif, gibi yazı tipi adlarını yazarsanız yazınız o biçimde görünecektir.
 

Fosil_Heart

  • Ziyaretçi
HTML Dersleri
« Yanıtla #3 : Nisan 30, 2007, 09:14:18 ÖS »
Yazıyı istediğimiz yere yerleştirmek
Yazıların sayfanın neresinde durması gerektiğine biz karar verebiliriz. Hiçbir şey yazmazsak, Sayfanın solunda dururlar.
 
<center>....</center>
 
Yazınızı <center>....</center> arasına yazarsanız. Sayfanın ortasında görünür.

<p> Paragraf yapmak için kullanılır. Ayrıca yazı yerleştirmelerinde de işe yarar.
Sola dayalı olması için:
<p>Yazınızı buraya yazacaksınız</p>
Ortada olması için:
<p align=center>Yazınızı buraya yazacaksınız</p>
Sağa dayalı olması için:
<p align=right>Yazınızı buraya yazacaksınız</p>
 
 
Satırbaşı ve paragraf yapmak
 

 


Klavyede yazarken alt satıra inmek için enter tuşunu kullanıyorsunuz. Ama web sayfası hazırlarken bu işe yaramaz. Alt satıra inmek istediğinizi sizin kod yazarak belirtmeniz gerekir.
 yazdığınız zaman, yazınızı satırbaşı yapmadan yazmış olsanız bile, yazınız web sayfanızda satırbaşı yapılmış olarak görünür.


Paragraf, Hem satırbaşı hem de bir satır boşluk olması demektir.
 
<p>
 
Bu iki komutun diğerlerinden bir farkı var.

Yazdığınız her komutu "/" işaretiyle kapatmak zorundasınız ama bu ikisinde bunu yapmanız gerekmez.
 

Çevrimdışı albayrak

  • ****************
  • İleti: 19561
  • Rep Puanı : 64626
  • Cinsiyet: Bay
  • ATATÜRK' ÜN ASKERİ
    • http://www.albayrakforum.com
HTML Dersleri
« Yanıtla #4 : Nisan 30, 2007, 11:26:53 ÖS »
 :tesekurtr:  devamını bekliyoruz çok iyi anlatım  :bravo:

Çevrimdışı cixman

  • *****
  • İleti: 321
  • Rep Puanı : 12548
  • Cinsiyet: Bay
    • zsdsd
HTML Dersleri
« Yanıtla #5 : Haziran 21, 2007, 05:18:24 ÖS »
hiç anlamıyodum şu htmlden şunu okudum hemen anladım çok saol + rep

Fosil_Heart

  • Ziyaretçi
HTML Dersleri
« Yanıtla #6 : Ekim 05, 2007, 09:55:40 ÖÖ »
hehe.Ben valla 1 günde öğrendim çok koaly birşey.Kendi indexini yapabiliyorsun.

Çevrimdışı serseri_aşık

  • *
  • İleti: 1
  • Rep Puanı : 0
HTML Dersleri
« Yanıtla #7 : Mayıs 21, 2009, 10:53:10 ÖS »
tşk kardeş eline sağlık

Seo4Smf Tagleri: dersleri html 
 

Benzer Konular

  Konu / Başlatan Yanıt Son İleti
6 Yanıt
551 Gösterim
Son İleti Ocak 21, 2009, 12:17:33 ÖS
Gönderen: albayrak
0 Yanıt
182 Gösterim
Son İleti Temmuz 30, 2007, 10:20:31 ÖÖ
Gönderen: ThedanqeR
6 Yanıt
666 Gösterim
Son İleti Eylül 13, 2009, 05:23:22 ÖÖ
Gönderen: spezialist
331 Adet Html Tema

Başlatan Fosil_Heart « 1 2 » Tema Paylaşımı

15 Yanıt
1247 Gösterim
Son İleti Ocak 13, 2010, 07:10:53 ÖS
Gönderen: emeine26
6 Yanıt
512 Gösterim
Son İleti Nisan 20, 2009, 12:36:35 ÖS
Gönderen: cemalalbayrak
0 Yanıt
277 Gösterim
Son İleti Mayıs 12, 2008, 02:43:12 ÖS
Gönderen: recolax
0 Yanıt
30 Gösterim
Son İleti Eylül 22, 2011, 09:05:10 ÖS
Gönderen: depresif.
0 Yanıt
29 Gösterim
Son İleti Eylül 23, 2011, 01:03:00 ÖS
Gönderen: depresif.
0 Yanıt
79 Gösterim
Son İleti Eylül 27, 2011, 05:30:31 ÖÖ
Gönderen: watchmovieon
0 Yanıt
20 Gösterim
Son İleti Kasım 26, 2011, 08:57:29 ÖÖ
Gönderen: watchmovieon