- 3 Ara 2020
- 94
- 51
HTML
Bir HTML sayfası oluşturmak için "<>" işaretlerinden sıkça faydalanırız.
Birinici önceliğimiz işaretimizin arasına HTML yazmak sayfamızın temelini HTML' in içindeki kodlar oluşturuyor.
HTML etiketimizin içinde head ve body etiketlerini kullanırız.
Örneğin;
İkinci anlatacağım şey:
Birinici önceliğimiz işaretimizin arasına HTML yazmak sayfamızın temelini HTML' in içindeki kodlar oluşturuyor.
HTML etiketimizin içinde head ve body etiketlerini kullanırız.
Örneğin;
HTML:
<html>
<head>
</head>
<body>
</body>
</html>
İkinci anlatacağım şey:
HEAD Etiketi;
TITLE etiketi:
TITLE etiketi iki head etiketi arasıda yazılır.
TITLE etiketi yardımıyla oluşturduğunuz web sayfasının başlığını belirleyebiliriz. Bu başlık, başlık çubuğu üzerinde görüntülenecektir.
Örnek TITLE etiketi kullanımı;
HTML:
<html>
<head>
<title>BASİT BİR HTML METNİ</title>
</head>
</html>
Başlık içeriği başlığa yazacağımız şey, sayfanın içeriği ve işlevi ile uyumlu olmalıdır. Sayfayı tanımlayıcı nitelikte ve kısa olmalıdır.
Örneğin bir index yazdığımızda başlığına Hacked By Nick gibi şeyler yazarız. Sayfanın içeriği ile uyumlu yapmamız gerekir.
META etiketi:
Yine aynı şekilde iki head etiketi arasında yazılır.
Meta etiketiyle sayfamızın bir tanımını yapabilir ve sayfa içeriğine uygun anahtar sözcükler kullanarak tanımlayabiliriz.
Önemli bazı meta etiketlerinin kullanımı ve açıklamaları şu şekildedir;
Keywords: Sitenizin içeriğini oluşturan kelimelerin bulunduğu etikettir.
HTML:
<html>
<head>
<title>THT Web Geliştirme Kulübü</title>
<meta name="keywords" CONTENT="bilgisayar dilleri, programlama dilleri, yazılım">
</head>
</html
Description: Bu etiket site hakkında bilgi veren temel etiketlerden biridir.
HTML:
<html>
<head>
<title>THT Web Geliştirme Kulübü</title>
<meta name="description" content="Sitenizin içeriği hakkında geniş bilgi verebileceğiniz bölüm">
</head>
</html>
Author: Site yapımcısının adı, iletişim bilgilerinin bulunduğu etikettir.
HTML:
<html>
<head>
<title>THT Web Geliştirme Kulübü</title>
<meta name="Author" content="Adınız, E-Posta Adresiniz">
</head>
</html>
META deyimi yardımıyla sayfanın karakter kümesini de tanımlayabilirsiniz.
Örneğimizi birlikte inceleyelim:
HTML:
]<html>
<head>
<title>THT Web Geliştirme Kulübü</title>
<meta http-equiv="Content-type" Content="Text/html";charset="UTF8">
</head>
</html>
Örneğimizde ki charset örneği Türkçe Karakter uyumluluğunu belirtmektedir.
Tüm meta etiketleri <head> .. </head> kodları arasına yazılır.
BODY etiketi;
HTML belgenizin ikinci ve en uzun parçası BODY kısmıdır. Belgenizin tüm içeriği burada yer alacaktır. Bir sonraki belgede açıklanan etiketlerin tümü BODY içinde yer alacaktır.
<!–…–> Üç nokta ile gösterilen yeri yorum satırı olarak kullanırız.
<!DOCTYPE> Belge türünü belirler Örneğin <!DOCTYPE html>
<a> Bir köprüyü tanımlar
<audio> Ses içeriğini tanımlar
<b> Kalın metin tanımlar
<body> Belgenin cesedini tanımlar
<br> Tek bir satır sonu tanımlar
<button> Tıklanabilir bir düğme tanımlar
<center> Merkezli metni tanımlar (HTML5 desteklenmiyor. CSS yerine kullanın)
<div> Bir belgedeki bölüm tanımlar
<font> Metin için yazı tipi, renk ve boyutunu tanımlar
<h1> En büyük başlık etiketi olarak tanımlanılır.
h etiketi başlık etiketidir.
<h6> En küçük başlık etiketi olarak tanımlanılır.
<head> Belge ile ilgili bilgiler tanımlar
<html> Defines the root of an HTML document
<iframe> Bir satır içi çerçeve tanımlar
<img> Bir görüntü tanımlar
<input> Bir giriş kontrolü tanımlar
<li> Bir liste öğesini tanımlar
<link> Bir belge ve harici kaynak arasındaki ilişki (en stil sayfalarını bağlamak için kullanılır) tanımlar
<meta> Bir HTML belgesi hakkında meta tanımlar
<p> Bir paragraf tanımlar
<style> Bir belge için stil bilgilerini tanımlar
<table> Tablo tanımlar
<title> Belge için bir başlık tanımlar
<video> Bir video veya film tanımlar
Umarım Sizin için verimli bir konu olmuştur.
Soru ve görüşleriniz için yazabilirsiniz.
İyi Forumlar Dilerim.