HTML'de metnin altı nasıl çizilir

Yazar: Clyde Lopez
Yaratılış Tarihi: 19 Temmuz 2021
Güncelleme Tarihi: 1 Temmuz 2024
Anonim
Subway Surfers Oyununun Gerçek Hikayesini Açıklıyoruz(Türkçe)
Video: Subway Surfers Oyununun Gerçek Hikayesini Açıklıyoruz(Türkçe)

İçerik

Eski HTML altını çizme yöntemi u> / u> etiketlerini kullanmaktır, ancak şimdi modern bir CSS tabanlı yöntem kullanıyor. Altı çizili metni bir bağlantıyla karıştırmak kolay olduğundan, altını çizmek metne dikkat çekmek için kötü bir yol olarak kabul edilir.

adımlar

Yöntem 1/2: Modern Yöntem

  1. 1 CSS'de "text-decoration" özelliğini kullanın. Şu anda, u> etiketi metnin altını çizmek için kullanılmamaktadır.
    • Bu özelliği ekleyerek, gelecekte eski etiketler kullanımdan kaldırıldığında kodunuzu değiştirmeniz gerekmez.
  2. 2 Belirli bir metin parçasının altını çizmek için span> etiketini kullanın. Altını çizmek istediğiniz metnin önüne "text-decoration" özelliği ile birlikte bir başlangıç ​​etiketi girin. Metnin sonunda kapanış etiketini / yayılma alanını girin>.

    span style = "text-decoration: underline;"> Bu metnin altı çizilecektir. / span>

  3. 3 Altını çizmeyi kolaylaştırmak için stil> bölümünde HTML öğelerini belirtin. Ayrıca bir CSS stil sayfası kullanılarak da yapılabilir. Örneğin, tüm 3. düzey başlıkların altını çizmek için "stil" bölümüne aşağıdaki kodu ekleyin:

    html> head> style> h3 {metin-dekorasyon: altı çizili; } / style> / head> body> h3> Bu başlığın altı çizilecektir / h3> / body> / html>

  4. 4 Metnin altını hızla çizmek için bir CSS sınıfı oluşturun. Stil sayfanızda veya stil> bölümünde daha sonra çağırmak için sınıflar oluşturabilirsiniz. Sınıfa herhangi bir isim verilebilir.

    html> head> style> .underline {metin-dekorasyon: underline; } / style> / head> body> div> hızlı alt çizgi / div> çeşitli div> elementler / div> / body> / html> için bu sınıfı kullanın

  5. 5 Metni vurgulamanın başka yollarını düşünün. Kullanıcıların kafasını karıştırmamak için altını çizmekten kaçınmanızı öneririz. Metni italik yapmak için em> etiketini kullanmak daha iyidir. Bu etikete başka stil seçenekleri eklemek için CSS'yi kullanın.

    html> kafa> stil> em {renk: kırmızı; } / style> / head> body> "em" öğesindeki her şey italik (varsayılan olarak) ve ek stil seçenekleri sayesinde kırmızı / em> ile renklendirilir. / gövde> / html>

Yöntem 2/2: Eski Yöntem

  1. 1 Eski u> / u> etiketlerini kullanmaktan kaçının. Kullanımdan kaldırıldılar, bu da bu etiketlerin hala çalıştığı, ancak cesaretinin kırıldığı veya cesaretinin kırıldığı anlamına geliyor. Bunun nedeni, HTML'nin içerik stilini özelleştirmek anlamına gelmemesidir. u> etiketi hala çalışır, ancak yanlış yazılmış sözcükler veya Çince özel adlar gibi diğer metinlerden farklı bir metni temsil etmelidir.
  2. 2 Öğelerin altını çizmek için u> / u> etiketlerini kullanın (yalnızca gösterim için). Bu etiketleri kullanmanız gereken neredeyse tek bir durum yoktur. Eski siteyi düzenlemeniz gerekebilir, bu nedenle etiketlerin ne olduğunu bilmek en iyisidir.

    html> body> Eski HTML u> etiketi / u> öğelerinin hızlı bir şekilde altını çizmeyi mümkün kıldı, ancak diğer stil öğelerine dokunulduğunda işler kaotik hale geldi. Bu nedenle, günümüzde alt çizgi için "metin-dekorasyon" CSS öğesini kullanıyorlar. / gövde> / html>

İpuçları

  • Bir web sayfasındaki içeriği vurgulamanın neredeyse her zaman altını çizmekten daha iyi bir yolu vardır. Alt çizgi, kullanıcıların kafasını karıştırabilir. CSS kullanarak metni nasıl vurgulayacağınızı düşünün.