Gönderen Konu: HTML nedir ?  (Okunma sayısı 771 defa)

Çevrimdışı ugur

  • Trade Sayısı: (0)
  • Yeni Üye
  • *
  • İleti: 26
  • Karma +1/-0
  • Cinsiyet: Bay
    • Profili Görüntüle
HTML nedir ?
« : 02 Eyl 2013, 10:17:27 »
[h1]HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETİKETLERİ
Html (Hypertext Markup Language), web sayfaları hazırlamak için kullanılan bir dildir. Html komutları herhangi bir metin (text) düzenleme editöründe yazılabileceği gibi, çeşitli web tasarımı editörlerini kullanarak da oluşturulabilir.
Html komutları etiketlerden (tag) oluşur. Html komutları yazılırken aşağıdaki kurallara dikkat edilmesi gerekir:

Html komutları “<” ve “>” işaretleri arasına yazılır. Burada yer alan“< >” etiketleme yapmak için kullanılan işarettir.
<etiketadi>……</etiketadi>
Html etiketleri yazılırken Türkçe karakterler kullanılmamalıdır.(ş, ç, ö, ü, ı, ğ)
Html komutları büyük küçük harf duyarlı değildir. Başka bir deyişle tümü büyük harflerle açılmış olan bir etiket tümü küçük harflerle yazılan aynı etiket ile kapatılabilir.<body>….</BODY> veya <Html>….</html>
Açılan bir etiket kapatılmalıdır. İlk açılan etiket en son kapatılır ve etiketi kapatma sırasında “/” işareti unutulmamalıdır.

Örnek :
Kod: [Seç]
<html>
<head>
<title>Www.ExcelVBA.Net</title>
</head>
<body>
Bu kısma bir şeyler yazabilirsiniz.
Bu kısma da bir şeyler yazabilirsiniz.
</body>
</html>
HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm uzantısı ile saklanır.

<HTML>
<html> etiketi, html kodlarının yazımına başladığımızı gösteren etikettir. Tüm html kodları <html>…</html> arasında yer alır. </html> ile html kodlarının yazımının bittiği anlaşılır. Bu etiketin hiçbir parametresi yoktur.

<HEAD>
Hazırlayacağımız sayfa ile ilgili bilgilerin bulunduğu sayfa başlığı (title), link özellikleri, siteyi tarayıcıya ve arama motorlarına tanıtmak amacıyla kullanılan Meta etiketleri bölümdür.
Meta etiketinde kullanılan parametreler
• Name
Author, description ve keywords özellikleri tanımlanır.
• Http-equiv
Refresh, expires, content ve content-styletype özellikleri tanımlanır.
• Size
Yazının boyu belirlenir.

♦ NAME
• <meta name="author" content="özgü">
• <meta name="description" content="sayfanın tanımını yazınız">
• <meta name ="description" content ="Bu sayfa web tasarımı dersi için hazırlanmıştır. ">
• <meta name="keywords" content="siteniz arama motorlarında hangi anahtar kelimelerle tanımlansın istiyorsanız buraya yazınız.">

♦HTTP-EQUIV: İçinde yer aldığı sayfanın, web server tarafından ziyaretçiye gönderilmesinde oluşturulacak karşılık başlığı bölümünde yer alacak bilgiler içerir.
Sıklıkla kullanılan meta etiketleri ve açıklamaları:
• <meta http-equiv=Content-Type content="text/htm; charset=windows-1254">
• <meta http-equiv=Content-Type content="text/htm; charset=iso-8859-9">
• <meta http-equiv=Content-Type content="text/htm; charset=utf-8">
Bu etiketler Türkçe karakter sorununu ortadan kaldırmak ve Türkçe karakter desteği sağlamak için kullanılır.

• <meta http-equiv="expires" content ="Tarih">
Güncelleme için kullanılır. İnternette açılan bir sayfa bilgisayara kaydedilir. Bu sayfa tekrar açılamak istendiğinde, bilgisayardaki kayıtlı sayfa açılır. Bu etiket ile belirtilen tarihten sonra bu sayfa açılmak istenirse sayfanın tekrardan sunucu tarafından yüklenmesi sağlanır.

• <meta http-equiv="expires" content ="Wed, 29 Dec 2011 15:21:59 GMT">
• <meta http-equiv="refresh" content="5; url=index2.html">
Sayfanın belirtilen süre sonra yenilenmesini sağlar. Yukarıdaki örnekte sayfa 5 saniye sonra yenilenir ve URL de belirtilen index2.html sayfası açılır. Eğer URL boş bırakılırsa aynı sayfa tekrarlanır.

• <meta name="robots" content="all veya none">
Hazırladığımız sayfanın arama motorlarının robotları tarafından taranmasına izin vermek veya engellemek için kullanılır. İzin için all, engelleme için none kullanılır. Meta etiketi ile tanımlanan bilgiler kullanıcı tarafından görüntülenmez.

<BODY>
Html belgesinin tüm içeriğinin yer aldığı bölümdür. Bu bölümde yer alan içeriğin tümü tarayıcıda görüntülenir. Body etiketi ile birlikte kullanılabilecek parametreler ve görevleri aşağıdadır:

Bgcolor: Hazırlamış olduğunuz web sayfasının arka plân rengini belirlemek için kullanılır.
Kullanımı;
<body bgcolor=”blue”>…</body>

Background: Hazırlamış olduğunuz web sayfasının zemininin bir resimden oluşmasını isteyebilirsiniz. Bu parametre arka plânda kullanılmak istenilen resmi belirlemek için kullanılır.
Kullanımı;
<body background=”resim.jpg”>….</body>

◘ Link: Web sayfanızda kullanacağınız linklerin rengini belirlemek için kullanılır.
◘ Alink: Web sayfanızdaki herhangi bir Linke tıklandığı zaman oluşacak rengin ne olacağını belirlemek için kullanılır.
◘ Vlink: Web sayfanızdaki önceden ziyaret edilmiş linklerin renginin hangi renk olacağını belirlemek için kullanılır.

<TITLE>
Sayfanın tarayıcıdaki başlığının ne olacağını belirlemek için kullanılır. Title etiketleri <Head>….</Head> etiketleri arasında yer alır.
Kullanımı;
<title> görüntülenmesini istediğiniz başlık</title>[/h1]