html ile web site yapımı 2


Bir önceki yazımızda html site yapımı hakkında bilgiler vermiştik bu yazımızda ise html site kodları na giriş yapıcaz ve temel kodları incelicez böylelikle html ile site yapımı hakkında bilginiz olmuş olacak. Fazla uzatmadan kodlara geçiyorum önceki yazımızı okumayanlar mutlaka okusunlar aynı şeyleri anlatmadan direk açıklamaya geçiyorum.

Şuan için sizin kullanabileceğiniz işinize yarayacak  fonksiyonları kullanmayı göstericem. Peki nedir bunlar ?

( <title>,<b>,<i>,<u>,<font> ) fonksiyonlarıyla basit bir sayfa hazırlicaz.

html site yapımı 1. yazımızdada belirttiğimiz ana şablonu oluşturalım.

<html>
<head></head>
<body></body>
</html>

<title> = sayfanın başlığını bu özellik ile belirteceğimiz
için yani bunun sayfa içeriğiyle ilgisi olmaması nedeniyle bunu <head>
tagı içerisine yazmamız gerekiyor. diğerleri ise sayfa içeriği yani
sitede gözükecek şeyler olduğundan <body> tagları içerisine gelecek.

<html>

<head>
<title>Buraya Sayfa Başlığını Yazıyoruz</title>
</head>

<body>
Buraya ise sayfa içerisinde görünmesini istediğimiz yazı geliyor
yani şuan yazdığım bu yazı site açıldığında gözükecektir.Önemli
yerleri kalın yazmak istiyorsak "b" fonksiyonunu kullanmamız
gerekecek.
<b>Bu tagın içine yazığım herşey kalın olacaktır</b> tagı
kapattım artık normale döndü.

<i>şimdide italik oldu</i> ve tag kapandığı için düzeldi.

Şimdi ise hem kalın hemde italik yapmayı deneyelim
<b><i>işte oldu. ilk yazımızdada belirttiğimiz gibi en
son açılan tag en önce kapanır bizde bu özelliği öyle kapatıcaz 
önce italik sonra kalındır tagı kapatılması gerekir.</i></b> 
evet sorunsuz düzeldi.

<font color="ff0000"> Yazı rengini kırmızı yaptık buradaki 
kırmızı renk kodundan gelmektedir yani ff0000 değilde 000000 
yapsaydık yazı siyah ffffff yapsaydık yazı beyaz olurdu.şimdi 
kırmızı fonksiyonunu kapatana dek kırmızı yazmaya devam 
edecektir.eğer en başa bu fonksiyonu yazsak ve en son kapatsak 
tüm yazılar kırmızı olurdu
</font>

kapatma fonksiyonu ile yazı normale döndü.
</body>

</html>

evet gördüğünüz gibi fonksiyonlar başlangıç tagının sadece
önüne / işareti konmuş haliyle kapatılıyor bu şekilde kafanıza
göre örnek şeyleri html ile kodlayarak daha iyi kavrayabilirsiniz mantığını.

Dosyanın tarayıcıdaki halini görmek için Tıklayın

Bir sonraki yazımda html kodları ile yapılmış daha gelişmiş bir
örneği direkt olarak paylaşıcam artık birşeyleri kavradığınızı
düşünüyorum kendiniz kurcalayarak anlarsınız.

Bir önceki yazımız olan html ile web site yapımı 1 başlıklı makalemizde html dersleri, html kodları ve html site kodları hakkında bilgiler verilmektedir.

html ile web site yapımı 2 ile Benzer Yazılar:

21 Ekim 2013 Saat : 1:58

html ile web site yapımı 2 Yazısı için Yorum Yapabilirsiniz

jquery kodları Son Yazılar