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

Fosil_Heart · « : 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:

Fosil_Heart · « **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 · « **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 · « **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.

albayrak · « **Yanıtla #4 :** Nisan 30, 2007, 11:26:53 ÖS »

devamını bekliyoruz çok iyi anlatım

cixman · « **Yanıtla #5 :** Haziran 21, 2007, 05:18:24 ÖS »

hiç anlamıyodum şu htmlden şunu okudum hemen anladım çok saol +

Fosil_Heart · « **Yanıtla #6 :** Ekim 05, 2007, 09:55:40 ÖÖ »

hehe.Ben valla 1 günde öğrendim çok koaly birşey.Kendi indexini yapabiliyorsun.

serseri_aşık · « **Yanıtla #7 :** Mayıs 21, 2009, 10:53:10 ÖS »

tşk kardeş eline sağlık

Konu / Başlatan	Yanıt	Son İleti
web sayfalarınızı hazırlayabileceğiniz bir HTML editör Başlatan black_wind ASP,Perl,Php,Html	6 Yanıt 551 Gösterim	Ocak 21, 2009, 12:17:33 ÖS Gönderen: albayrak
Sohbet html Başlatan ThedanqeR Geri Dönüşüm Kutusu	0 Yanıt 182 Gösterim	Temmuz 30, 2007, 10:20:31 ÖÖ Gönderen: ThedanqeR
331 Html Tema Başlatan albayrak Tema Paylaşımı	6 Yanıt 666 Gösterim	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	Ocak 13, 2010, 07:10:53 ÖS Gönderen: emeine26
Html dili slaytlı anlatım Başlatan albayrak ASP,Perl,Php,Html	6 Yanıt 512 Gösterim	Nisan 20, 2009, 12:36:35 ÖS Gönderen: cemalalbayrak
HTML Dersleri ( Ders 1 : Html Nedir ? ) Başlatan recolax Webmaster / Programlama Dİlleri	0 Yanıt 277 Gösterim	Mayıs 12, 2008, 02:43:12 ÖS Gönderen: recolax
Web Tasarim Paketi \| Ultra Paket HTML Başlatan depresif. PC PROGRAMLARI	0 Yanıt 30 Gösterim	Eylül 22, 2011, 09:05:10 ÖS Gönderen: depresif.
Web Tasarim Paketi Ultra Paket HTML 3.7GB Başlatan depresif. PC PROGRAMLARI	0 Yanıt 29 Gösterim	Eylül 23, 2011, 01:03:00 ÖS Gönderen: depresif.
Download html help control Başlatan watchmovieon DUYURULAR	0 Yanıt 79 Gösterim	Eylül 27, 2011, 05:30:31 ÖÖ Gönderen: watchmovieon
View publication in html format. Başlatan watchmovieon DUYURULAR	0 Yanıt 20 Gösterim	Kasım 26, 2011, 08:57:29 ÖÖ Gönderen: watchmovieon

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

Fosil_Heart

Fosil_Heart

Fosil_Heart

Fosil_Heart

Fosil_Heart

Benzer Konular