Html Kodların Tanımı Ve Dersleri

07-04-2009, 20:56:20

#1

talebetube
MErhaba Arkadaşlar bu konumda sizlere html kodları hakkında bilgi verecem ..
Boş vaktim olduğu sürece buraya html kodlar birçok kod eklemesi yapacam . Html uzmanı değilim ama bilgim de var ..
İlk Dersimiz Html ile Ekrana Merhaba Yazısı yazdırma.
kodlama başlar iken şu kodlar ile başanır
"<html>" başlanıp "</html> ile bitirilir.
Ardından <head> kodumuzu kullanırız. "</head> diye sonlandırılır.
Önce Sayfa Başlığını Yani expoler açıldığında site sloganı nı yazalım
Yazmaya başlamadan önce yazının başına <title> Sonuna ise </title> katarız.
```
<html>
<head>
  <title>Tasarım Türkey Paylaşım Platformu </title>
 </head>
</html>
```
Evet Arkdaşlar Eğer Türkçe Karekterli Yazılar Kullanacaksanız kodunuzun <head> tan Sonra <meta tankı eklemeniz gerekmektedir. Genelde ISO-8859-1 kullanılmaktadır.
```
<html>
<head>
<meta
 content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>Tasarım Türkey Paylaşım Platformu </title>
</head>
</html>
```
diyerekten bir Örnek Verebiliriz.
Şimdi gelelim Ekrana Yazı Yazmada . Ekrana yazı yazarken yazıları <body> takları arasına alırız </body>
Örnek Bir Kod :
```
<html>
<head>
<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
  <title>Tasarım Türkey Paylaşım Platformu </title>
</head>
<body>
Selam ben Sanatkar
</body>
</html>
```
Yazımısı Kalın yazmak ister isek bold komutunu kullanırız.
```
<html>
<head>
<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
  <title>Tasarım Türkey Paylaşım Platformu </title>
</head>
<body><span style="font-weight: bold;">
Selam ben Sanatkar</span>
</body>
</html>
```
Eğer Yazımısı Eğik olarak yazmak ister isek italic komudunu kullanırız.
```
<html>
<head>
<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
  <title>Tasarım Türkey Paylaşım Platformu </title>
</head>
<body><span style="font-weight: bold; font-style: italic;">
Selam ben Sanatkar</span>
</body>
</html>
```
Örnek Görüntü

07-04-2009, 21:11:04

Yazımı Sayfa Üzerinde Ortalamak İçin Center Komudunu kullanırız.

Örnek Kod :

<html>
<head>
<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
  <title>Tasarım Türkey Paylaşım Platformu </title>
</head>
<body>
<div style="text-align: center;">
<span style="font-weight: bold; font-style: italic;">
Selam ben Sanatkar</span></div>
</body>
</html>

Yazımı Ekranın En Sağına Çekmek İçin right komudunu kullanırız..

Örnek Kod :

<html>
<head>
<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
  <title>Tasarım Türkey Paylaşım Platformu </title>
</head>
<body>
<div style="text-align: right;">
<span style="font-weight: bold; font-style: italic;">
Selam ben Sanatkar</span></div>
</body>
</html>

Yazımı Başka Bir Siteye link vermek için <a href="Bağlantı adresi "> komudunu kullanırız.

Örnek Kod.

<html>
<head>
<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
  <title>Tasarım Türkey Paylaşım Platformu </title>
</head>
<body>
<div style="text-align: right;"><a href="#"> 
<span style="font-weight: bold; font-style: italic;">
Selam ben Sanatkar</span></div>
</body>
</html>

burada "#" işareti hiçbir sayfaya yönlendirmez.. Kapalı link anlamında da kullanılmaktadır.