İçindekiler:
- h1 Bu, etiketi çevreleyen işaretsiz metintir / h1 Bu, tarayıcıya anlamı olmayan bir etikete sahip metin. Bu normal metin
- ) izler.
Video: ders 3 - CSS - Bir HTML elemanına birden fazla class tanımlama 2024
HTML, bir web sitesini yapılandırmak ve stil oluşturmak için unsurları olarak adlandırılan özel metin anahtar kelimeler kullanır. Tarayıcı bir öğeyi tanır ve aşağıdaki üç koşul mevcutsa etkisini uygular:
-
Eleman, özel anlam taşıyan bir harf, kelime veya ifade şeklindedir. Örneğin, h1, tarayıcı tarafından bir başlık efekti uygulamak için kalın metin ve büyütülmüş bir yazı tipi boyutu ile tanınan bir öğedir.
-
Eleman, sol köşeli ayraç (<) ve sağa açılı ayraç (>) ile çevrilidir. Bu şekilde yerleştirilen bir öğeye etiketi (örneğin
) adı verilir.
-
Bir açılış etiketinin () ardından bir kapanış etiketi () gelir. Kapanış etiketinin, ilk sol köşeli ayraçtan sonra ve öğeden önce (örneğin ) eğik çizgi ekleyerek açılış etiketinden farklı olduğunu unutmayın.
Bazı HTML etiketleri kendiliğinden kapanır ve ayrı kapanış etiketlerine ihtiyaç duymaz; açılış etiketinde yalnızca eğik çizgi bulunur.
Üç koşul da sağlandığında, açılış ve kapanış etiketleri arasındaki metin, etiketin tanımlanmış efektiyle biçimlendirilir. Bu koşullardan birinden bile bile karşılanmazsa, tarayıcı sadece düz metin görüntüler.
Bu, üç koşulla birlikte büyük bir başlıktırh1 Bu, etiketi çevreleyen işaretsiz metintir / h1 Bu, tarayıcıya anlamı olmayan bir etikete sahip metin. Bu normal metin
. Bir tarayıcının bu kodu nasıl göstereceğini burada görebilirsiniz.
Tarayıcı tanıyor h1 elemanı.
-
h1 öğesi bir sol (<) ve sağa köşeli ayraç (>) ile çevrilidir.
-
Açılış etiketi (
-
) metnini ve ardından bir kapanış etiketi (
) izler.
h1 etiketinin kendisinde başlıkta görünmeme durumuna dikkat edin. Tarayıcı, öğenin gerçek metnini düzgün biçimde biçimlendirilmiş bir HTML etiketinde asla görüntüleyemez.
Kalan kod satırları, her biri koşullardan birini eksik olduğu için düz metin olarak görüntülenir. İkinci kod satırında
etiketi, ikinci durumu ihlal eden sol ve sağ parantezleri eksiktir.
Kodun üçüncü satırı ilk durumu ihlal etmektedir, çünkü rockstar tanınmış bir HTML öğesi değildir. Son olarak, dördüncü kod satırı, metnin öncesinde açılış etiketine sahip olmadığı ve metnin ardından üçüncü koşulunu ihlal eden kapanış etiketine sahip olmadığı için düz metin olarak görüntülenir.
Her sol köşeli ayraç, elemandan sonra sağa-köşeli ayraçla takip edilmelidir. Buna ek olarak, her açılış HTML etiketi bir kapanış HTML etiketi ile takip edilmelidir. 100'den fazla HTML öğesi var.
HTML, affedici bir dildir ve kapanış etiketi gibi bir parça eksik olsa bile bir efekt uygulayabilirsiniz. Ancak, çok fazla hata bırakırsanız, sayfanız doğru şekilde görüntülenmez.