13 Şubat 2012

Temel HTML Kodları ve Uygulamaları

HTML Resime URL(Link) vermek
<a href="http://www.domain.com"><img class="" alt="" src="resim.jpg" /></a>

HTML Yazıya URL(Link) vermek
<a href="http://www.domain.com">YAZI</a>

HTML Yazıya URL(Link) vermek ve Farklı sekmede açmak
<a target="_blank" href="cagdas1/index.html"><b>Alüminyum</b></a>

HTML Resim Boyutlandırmak
<img src="images.jpg" width="100" height="100">

HTML Arka Plan
<body background="http://yunus.hacettepe.edu.tr/~acelep/images/BACKGROUND.jpg">

HTML Boşluk Kodu
&nbsp;

HTML Definition Kodu
<dfn>Güzel bir gün!</dfn>
Terim açılımı verirken kullanılır. Dışarı biraz eğik çıkar

 1) Genel Komutlar
<HTML> </HTML>
başlangıç ve bitiş başa ve sona konur

Head Kodu
<HEAD> </HEAD>
Bu alanda yazılan bilgiler Web sayfasında görüntülenmezler. Burada sayfa başlığı, anahtar kelime tanımlamaları, sayfa içerisinde kullanılan karakter bilgisi (dil, code page) gibi sayfanın doğrudan kendisine ilişkin tanımlamalar yapılır.

<BODY> </BODY>
Sayfa üzerinde görülmesi istenen herşey bu bölümde yazılır

<!--    -->
Dosyanın içinde bir açıklama yapmak için kullanılır. Açıklama ... ile belirlenen kısma yazılır.

2) HEAD Arasında Kullanılan Komutlar
<HEAD> </HEAD>

<TITLE> </TITLE>
belirteç çifti:başlık çubuğunda görülecek olan sayfanın başlığı yazılır.

META belirteci:bu belirteç ile sayfanızın içeriğini yansıtan bazı anahtar kelimeler ve tanımlamalar verilmesidir. Web üzerinde arama yapan arama motorları sayfaların meta belirteçlerine bakarak gruplandırma yaparlar. kısacası bilgilendirme için verilir.
<META NAME="Description" CONTENT="HTML öğrenmek için yararlı bilgiler"> 
<META NAME="Keywords" CONTENT="html, htm, web sayfası"> 
<META NAME="Author" CONTENT="Burak AVCI">

Başka bir kullanım, sayfadaki yazıların hangi dil ailesine ait karakterlerle yazıldığını belirtmek içindir. Yine aşağıda bunula ilgili bir örnek verilmiştir.
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8858-9"> (Türkçe' nin dahil olduğu dil ailesine ait standard tanımlaması iso-8859-9' dur.)

Burak AVCI

Hiç yorum yok:

Yorum Gönder