Dijital Pazarlama ve Seo Uzmanları
için Temel HTML
Html Nedir?
HTML (HyperText Markup Language / Hareketli-Metin İşaretleme Dili)
basitçe, 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.
Bu dilde binary veya hexadecimal kodlar yok. Herşey metin tabanlı ve bir
HTML dökümanı oluşturmak için ihtiyacınız olan şey bir editör.
Hatta sizde herhangi bir HTML editörü bulunmuyorsa bu işi Windows'un
Notepad'i ile dahi halledebilirsiniz.
Neye İhtiyacımız Var?
HTML metinleri ya da verileri biçimlendirmek, düzenlemek için * Sayfaları
Yayınlayacağımız Bir Host
* Sitemizde yayınlayacağımız sayfalar
* Ve istediğiniz kadar aksesuar.....
"Host" ne? :
Sitemizi inşa edeceğimiz ARSA. Şöyle ki sayfalarımızı internet üzerinde
yayınlamamız için bize verilen alan, tabi bu alanı biz alıyoruz. Yaptığımız
sayfaları kendi harddiskimiz gibi hosta gönderiyoruz ve insanlar sitemizin
adresini yazdığında bizim sayfalarımıza o host üzerinden ulaşabiliyor..
Nasıl host alabilirim? Sayfaları Hosta nasıl göndereceğim ??
Eğer alacağımız alanın FTP desteği varsa, yaptığımız sayfaları CuteFTP,
AbsoluteFTP... gibi FTP programları ile sunucu üzerindeki alana gönderebiliriz.
FTP desteği yoksa; yaptığımız sayfaları hizmeti veren siteye girip site üzerinden
gönderiyoruz.
komutlar dizisidir.
Bu dilde binary veya hexadecimal kodlar yok. Herşey metin tabanlı ve bir
HTML dökümanı oluşturmak için ihtiyacınız olan şey bir editör.
Hatta sizde herhangi bir HTML editörü bulunmuyorsa bu işi Windows'un
Notepad'i ile dahi halledebilirsiniz.
Site Nasıl Çalışır?
İlk Html Sayfamız
Bir metin belgesi oluş[Link]ı çift tıklayarak açın ve şunları yazın:
<html>
<head>
<title>İlk Sayfam</title>
</head>
<body>
Sayfama Hoşgeldiniz
</body>
</html>
Dosyayı kaydedin (Dosya/Farklı Kaydet...). Dosya adı kısmına :
[Link] ve Tamam'a basın.
Oluşan yeni dosyayı varsayılan browser'ınız (Internet Explorer, Netscape
Navigator gibi) tarafından açın. Şöyle bir görüntü elde edeceksiniz:
İlk Html Sayfamız
Html Sayfasının Bölümleri
<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.
HEAD Bölümü
<html>
<head>
<title>Dijital Master</title>
<meta name="description" content="Anten üretici, FM Anteni, UHF Anteni, VHF
Anteni, TV Anteni, ve servis hizmetleri">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="canonical" href="[Link] />
<script>
Google analytics kodu
</script>
</head>
<body>
</body>
</html>
Etiketler
• Başlık etiketleri: <h1>...<h6>
• 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.
Başlık Etiketleri
<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>
Etiketleri Deneyelim
• Başlık etiketleri: <h1>...<h6>
• Paragraf etiketi: <p>...</p>
• Ortalama: <center>...</center>
• Diğer Etiketleri toplu olarak kullanarak yeni bir HTML
dosyası oluşturalım.
<html>
<head>
<title> Etiketleri Deneyelim</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 yazabiliyorum
</body>
</html>
Etiketleri Deneyelim
Resim Sayfası
<img src="resmin bulunduğu yer ve adı" width="x" height="y" alt="Seo İçin Resmin
İsmi" >
Bağlantı Vermek
<a href="[Link]"> meyve resmi açın </a>
<a href="[Link]"> midi dosyalarını çekin </a>
<a href="[Link]"> [Link] git </a>
<a href="[Link] sitemi ziyaret edin </a>
<a href="[Link] dosyaları indirin </a>
<a href="mailto: webadmin@[Link]"> mail atın </a>
<a href=[Link] Ara </a>