HTML Öğeleri ve Etiketleri – Bir Kod Örneği ile Bir Genel Bakış
HTML , web sayfalarının yapısını tanımlamak için öğeleri kullanır. Bu öğeler, etiket çiftleri veya yalnız etiketler / boş öğeler olarak etiketleri ile gösterilir.
Her web sayfası, ister Wikipedia'da bir sayfa olsun, ister Hangi Kripto Para Birimi Borsasına Güvenmeliyim? – içerir ve HTML kullanılarak yapılandırılmıştır…
Şimdi, işaretleme dahil tipik bir HTML web sayfasına bakalım ve bu özelliklerin nasıl bir araya gelip birlikte çalıştığını görelim.
HTML Öğeleri ve Etiketleri – Örneğimiz
ÖRNEK KOD
<hmtl>
<body>
<h1>Bu tipik bir web sayfası örneğidir (bu Ana Başlıktır)</h1>
<p>Bu metin paragrafı, web sayfamızın amacına tipik bir giriş olabilir. İletecek çok fazla metnimiz ve içeriğimiz varsa, içeriği her biri ayrı bir alt başlığa sahip birden çok paragrafa bölmeyi daha kolay bulabiliriz. HTML bunu tanımlamamıza ve başarmamıza yardımcı olacak.</p>
<h2>İlk Alt Başlığımız</h2>
<p>Uzun metin içeren web sayfaları, ilgili <a href=”https://thewebputsimply.com/what-is-html”>HTML</a> öğeleri kullanılarak kolayca yönetilebilir bölümlere ve alt bölümlere ayrılabilir. paragraflar ve başlıklar. Hatta sayfa içeriğinizi daha fazla detaylandırmayı ve alt alt başlıklar kullanmayı bile seçebilirsiniz. Varsayılan olarak HTML, 6 farklı ve tanımlanabilir başlık düzeyine izin verir.</p>
<h3>Başka bir Alt Başlık, bu sefer bir "alt alt başlık"</h3>
<p>Bu metin, bir önceki paragrafla ilgili olabilir. Bir bütün olarak sayfadaki konumunu belirtmek için <a href=”https://thewebputsimply.com/what-is-html”>CSS</a> kullanarak bu metnin boyutunu küçültebilir veya rengini değiştirebilirsiniz. <br />Burada, aynı paragraf içinde yeni bir satıra başlamak için bir satır sonu ekledim, ancak aynı zamanda "boş öğeler" veya tek etiket öğelerinden birini de gösterdim.</p>
</body>
</html>
TARAYICI SONUCU
Bu tipik bir web sayfası örneğidir (bu Ana Başlıktır)
Bu metin paragrafı, web sayfamızın amacına tipik bir giriş olabilir. İletecek çok fazla metnimiz ve içeriğimiz varsa, içeriği her biri ayrı bir alt başlığa sahip birden çok paragrafa bölmeyi daha kolay bulabiliriz. HTML bunu tanımlamamıza ve başarmamıza yardımcı olacaktır.
İlk Alt Başlığımız
Uzun metin içeren web sayfaları, paragraflar ve başlıklar için ilgili HTML öğelerini kullanarak kolayca yönetilebilir bölümlere ve alt bölümlere ayrılabilir . Hatta sayfa içeriğinizi daha fazla detaylandırmayı ve alt alt başlıklar kullanmayı bile seçebilirsiniz. Varsayılan olarak HTML, 6 farklı ve tanımlanabilir başlık düzeyine izin verir.
Başka bir Alt Başlık, bu sefer bir “alt alt başlık”
Bu metin, bir önceki paragrafla ilgili bir kenar olabilir. Bir bütün olarak sayfadaki konumunu belirtmek için CSS kullanarak bu metnin boyutunu veya rengini bile küçültebilirsiniz .
Burada, aynı paragraf içinde yeni bir satıra başlamak için bir satır sonu ekledim ama aynı zamanda "boş öğeler" olarak adlandırılan veya tek etiket öğelerinden birini de gösterdim.
HTML Öğeleri ve Etiketleri – Tarayıcı Sonucunun Açıklaması (yukarıda gösterilmiştir)
<html> açılış etiketi, web tarayıcısına, onunla eşlik eden kapanış </html> etiketi arasındaki herhangi bir şeyin aslında HTML kodu olduğunu ve bu şekilde ele alınması gerektiğini bildirir.
<body></body> öğesi, tarayıcıya, bu etiket çifti içindeki herhangi bir şeyin ana tarayıcı penceresinde görüntülenmesi ve kullanıcıya gösterilmesi gerektiğini belirtir.
<h1> ve </h1> arasındaki herhangi bir şey ana başlık olarak işlenecek ve görüntülenecektir. Her bir tarayıcının, başlıkların nasıl oluşturulduğuna ve kullanıcıya nasıl gösterildiğine ilişkin varsayılanları olacaktır, ancak CSS kullanımı, bir web tasarımcısının bunu dikte etmesine izin verir (bkz. CSS).
<p> ve </p> etiketleri bir metin paragrafını içine alır.
<h2> ve </h2> arasındaki herhangi bir şey, ikincil veya ikinci düzey bir başlık olarak oluşturulacak ve görüntülenecektir. Yine, bir alt başlığın nasıl görüntüleneceğine ilişkin varsayılanlar, CSS kullanılarak dikte edilebilir.
<p> ve </p> etiketleri metnin ikinci paragrafını kapsar.
Üçüncü bir başlık kullanılır, bu sefer önceki iki başlıktan daha düşük öneme sahip olduğunu belirtmek için <h3></h3> ile gösterilir. Yine, bir alt başlığın nasıl görüntüleneceğine ilişkin varsayılanlar, CSS kullanılarak dikte edilebilir.
<p> ve </p> etiketleri metnin üçüncü paragrafını kapsar.
Satır sonu <br /> öğesinin kullanılmasıyla paragraf ortasında bir satır sonu mümkün olur. Burada satır sonu öğesinin bir “boş öğe” olduğuna dikkat edin, yani; yalnızca tek bir etiket içerir.
Kapanış </body> etiketi, tarayıcı penceresinde görüntülenecek içeriğin sonunu belirtir.
Kapanış </html> etiketi, HTML kodunun sonunu gösterir (çoğunlukla bu, MTHL belgesini sonlandırır).
HTML Öğeleri ve Etiketleri – Özet
Öğeler, açılı açılı ayraç ve ardından bazı karakterlerin takip ettiği bir kapanış ayracı içeren bir açılış etiketi ve bir açılı açılı ayraç, bir eğik çizgi, aynı karakterler ve ardından bir sondan oluşan bir kapanış etiketi olan etiket çiftleri halinde gelme eğilimindedir. kapanış köşeli ayraç.
Bazı öğeler yalnızca tek bir etiket içerir. Bu öğeler genellikle "boş öğeler" olarak bilinir ve örnekler arasında görüntü <img> öğesi ve satır sonu <br /> öğesi bulunur.
HTML Öğeleri ve Etiketleri – Bir Ekstra
HTML öğeleri birbirinin içinde bulunabilir. <p></p> paragrafı olarak belirlenmiş bir bölümde oturan bir image <img> öğesini durduracak hiçbir şey yoktur, aslında bu özellikten geniş ölçüde yararlanılır ve kullanımı tüm web sitelerinde yaygındır.
0 yorum:
Yorum Gönder