HTML Giriş Etiketleri Ve Kullanım Yerleri;

Cinco

Üye
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;

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.



nwkefdl.png


 

ATE$

Üye
9 Kas 2021
195
81
==> YaLnIzLıK <==

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;

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.



nwkefdl.png


yazdıklarının hepsini biliyorum ama sevdiğim için baştan okudum =) Helal olsun

✔️

✔️

✔️

 

Huddraw

Üye
26 Nis 2020
193
34

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;

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.



nwkefdl.png


Çok iyi bilmediğim şeylerin çoğu var güzel yardımcı olur.
 

Helmsys

Yazılım Ekibi Kıdemli
16 Mar 2022
1,481
1,640
Amacımız sıfırdan öğretmek bilmeyen kişilere karşı.
Açık söylemek gerekirse kimse bir forumda oturup bir html gibi işaretleme dilini ya da bir cpp gibi bir programlama dilini öğrenmez. Çünkü dışarıda daha fazlası var ve bu fazlalık taraftan çekilip paylaşılıyor zaten.

Forumda öğrenme şu şekilde olur diye düşünüyorum; Zaten bildiğin bir dil vardır içerisinde çözemediğin bir methodun nasıl kullanıldığına dair örnek vardır onu öğrenirsin. Tutupda buradaki paylaşım gibi bir cpp dili gibi ya da html/css gibi diller öğrenilmez. Elinize sağlık fakat bu düşünceniz biraz boşa kürek çekmek oluyor.

Bu düşünceden bağımsız ama öğretici paylaşımlar ise onlar zaten bir şekilde kaynak olarak kullanılıyor. Ama dediğim gibi ilk kaynak olarak başvurulmuyorlar.

O yüzden öğretme içgüdüsü ile bir paylaşım yapacaksanız proje ağırlıklı ilerletin derim. Böylece bakan kişi için ortaya birşeyler çıktığını göstertebilirsiniz
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.