WEB SAYFA TASARLAMA

HTML dili hakkında yardım alabilir ve paylaşımlarınızı yapabilirsiniz.
Cevapla
Kullanıcı avatarı
pos3idon34
Yeni Üye
Yeni Üye
Mesajlar: 8
Kayıt: 14 Şub 2009, 20:06

WEB SAYFA TASARLAMA

Mesaj gönderen pos3idon34 » 02 Mar 2009, 22:08

Web sayfa tasarlamak için bilinmesi gerekenler çok kapsamlıdır.

Ama sadece html dili bilinmesi ile internet sayfaları tasarlanabilir/oluşturulabilir.

Html dili internet sayfaları hazırlamak için gerekli temel bir dildir.
HTML (HyperText Markup Language / Hareketli-Metin İşaretleme Dili)
Browserlarla görebileceğimiz, internet dökümanları oluşturmaya yarayan bir çeşit dildir.
HTML metinleri ya da verileri biçimlendirmek, düzenlemek için kullandığımız komutlar dizisidir.
<html>...</html> Tarayıcıya HTML dosyasının başladığını ve bittiğini belirtiyor. Diğer tüm kodlar bu iki etiket arasına yazılır. Bir HTML belgesi iki bölüme ayrılıyor: head(baş) ve body(gövde). <head>...</head> etiketleri arasına sayfa hakkında bilgiler yazıyoruz. meta ve title gibi etiketler burada yeralıyor.<body>...</body> arası ise sayfamızın gövde bölümü. Ekranda gösterilecek kısımlar bu tagler arasında yeralıyor. <title>...</title> Title sayfanın başlığını belirtiyor.
Bir HTML sayfasının en basit biçimi şu şekilde:
<HTML> <HEAD> <TITLE> deneme sayfam</TITLE> </HEAD> <BODY>
Sayfanın ana bölümü burada olacaktır.
</BODY> </HTML>

• Başlık etiketleri: <h1>...</h1>
• Paragraf etiketi: <p>...</p>
• Ortalama: <center>...</center>
• Diğer etiketler: <b>...</b>,<i>...</i>,<u>...</u> <BR>Bir satır atlamayı sağlar. /BR ile kapatılmaz.
<html>
<head>
<title>Başlık Etiketleri</title>
</head>
<body> 

<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>     
<h4>Başlık 4</h4>     
<h5>Başlık 5</h5>     
<h6>Başlık 6</h6>

</body>

</html>

<html>
<head>
<title> HTML Ders Notları</title>
</head>
<body>
<h1><center>Sayfama Hoşgeldiniz</center></h1>
<p>HTML etiketleri ile, </p>
Yazıları
<b>koyu </b> <i>italik </i> ve <u>altı çizili </u> olarak yazabiliriz.
</body></html>

Font etiketinin kullanımı;
<font face="..."size="..."color="...">..</font> face= yazıtipinin adı (arial, tahoma, verdana, ...)size= yazının büyüklüğü (1,2,…)color= yazının rengi (red, green gibi renklerin ingilizce karşılığı yada RGB renk değeri) Bunlara font etiketinin parametreleri diyoruz.


Yazı Tipi ,Yazı Rengi,Yazı Boyutu Kod Kullanımı

<html>
<head>
<title>Futbol Takımlarımız</title>
</head>
<body>
<p><font face="Geneva" size="7" color="#0000FF">Fenerbahçe</font><br>
<font color="#FF00FF" size="6" face="Monotype Corsiva">Galatasaray</font></p>
<p><font color="#000000" size="6" face="Arial">Beşiktaş</font></p>
<p><font color="#00CC00" size="6">Bursaspor</font><font size="+4"><br>
</font></p>
</body>
</html>

RESİM EKLEME
<IMG SRC="resim.gif">
<IMG SRC="http://sunucu.adi/dizin_adi/resim.jpg">

Resim eklemenin kodlar arasına yerleştirilmesi

<html>
<head>
<title>Futbol Takımlarımız</title>
</head>
<body>

<pre>
<IMG SRC="fbgsbjk.JPG">
<p><font face="Geneva, Arial, Helvetica, sans-serif" size="7" color="#0000FF">Fenerbahçe</font><br>
<font color="#FF00FF" size="6" face="Monotype Corsiva">Galatasaray</font></p>
<p><font color="#000000" size="6" face="Arial">Beşiktaş</font></p>
<br>
</font></p>
</pre>
</body>
</html>
LİNK VERME

<a href="meyve.gif"> meyve resmi açın </a> <a href="midi.zip"> midi dosyalarını çekin </a> <a href="sayfa2.htm"> 2.sayfaya git </a> <a href="http://www.forummakres.com"> sitemi ziyaret edin </a> <a href="ftp://ftp.benimsitem.com/"> dosyaları indirin </a> <a href="mailto: reklam@forummakres.com"> mail atın </a>

<html>
<head>
<title>link verme gösterimi</title>
</head>
<body>
<p>
<pre>

<a href="http://www.forummakres.com"><h1>sitemi ziyaret edin</h1></a>

<a href="mailto: reklam@forummakres.com"><h3>mailatın</h3></a>

</p>
</pre>
</body>
</html>

ARKA PLAN RESMİ
<html>
<head>
<title>arka plan resmi ekleme</title>
</head>
<body>
<p>
<pre>
<BODY BACKGROUND="zemin.jpg" text="#000000“ link="#0066CC" vlink="#336600">
</p>
</pre>
</body>
</html>

KOLAY GELSİN...

Cevapla

Kimler çevrimiçi

Bu forumu görüntüleyen kullanıcılar: Hiç bir kayıtlı kullanıcı yok ve 1 misafir