HTML'deki metnin altını çiz

Yazar: John Pratt
Yaratılış Tarihi: 17 Şubat 2021
Güncelleme Tarihi: 1 Temmuz 2024
Anonim
Muhteşem Yüzyıl: Kösem 57. Bölüm (HD)
Video: Muhteşem Yüzyıl: Kösem 57. Bölüm (HD)

İçerik

HTML'de altını çizme, metnin u> / u> etiketleri arasına alınması meselesiydi, ancak bu yöntem o zamandan beri daha çok yönlü CSS lehine kullanımdan kaldırıldı. Web sayfalarında altını çizmek, genellikle metnin belirli bir bölümünü vurgulamanın uygunsuz bir yolu olarak kabul edilir. Bunun nedeni, altı çizili metnin bir bağlantıyla kolayca karıştırılabilmesidir.

Adım atmak

Yöntem 1/2: Geçerli yöntem

  1. CSS stilinizde metin süsleme özelliğini kullanın. U> etiketini kullanmak artık metnin altını çizmek için uygun bir yol değildir. Bunun yerine, "metin dekorasyonu" CSS özelliğini kullanıyoruz.
    • Bu, kodun değiştirilmesini kolaylaştırır, böylece kullanılamaz hale geldiğinde eski kodla ilgili hiçbir şeyi değiştirmeniz gerekmez.
  2. Metnin belirli bir bölümünün altını çizmek istediğinizde span> etiketini kullanın. Alt çizginin başlamasını istediğiniz yere "text-decoration" özelliğiyle birlikte başlangıç ​​etiketini yerleştirin. Bitiş etiketini / aralık> alt çizginin durması gereken yere yerleştirin.

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

  3. Sayfanızın stil> bölümünde HTML öğelerini bildirin. Bunu CSS stil sayfasında da yapabilirsiniz. Bir stilin bir HTML öğesiyle ilişkilendirilmesiyle alt çizgi çok daha kolay hale getirilebilir. Örneğin, tüm 3. düzey başlıklarınızın altını çizmek için aşağıdaki CSS stilini ekleyin:

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

  4. İstediğiniz zaman hızlı bir şekilde altını çizmek için bir CSS sınıfı oluşturun. Stil sayfanızda veya stilinizde> daha sonra çağrılmak üzere sınıflar oluşturabilirsiniz. Sınıfın istediğiniz herhangi bir adı olabilir.

    html> başlık> stil> .underline {text-decoration: underline; } / style> / head> body> Bu sınıfı, içeriğinizden / div> / body> / html> farklı bölümlerinden div> / div> altını hızlı bir şekilde çizmek için kullanabilirsiniz.

  5. Metni vurgulamanın diğer yöntemlerini düşünün. Okuyucunun kafasını karıştırmamak için altını çizmekten kaçınılmalıdır. Popüler bir yöntem, metni italik yapan em> etiketini kullanmaktır. Benzersiz bir vurgulama yöntemi için bu etiketi daha fazla belirtmek için CSS'yi kullanabilirsiniz.

    html> head> style> em {color: red; } / style> / head> body> em öğesinin içindeki her şey em> italik (varsayılan ayarlar nedeniyle) ve yukarıya eklenen stil nedeniyle kırmızı / em> olacaktır. / body> / html>

Yöntem 2/2: Eski yöntem

  1. Eski u> / u> etiketlerini kullanmaktan kaçının. Bunlar "önerilmez", yani hala işe yarıyor, ancak artık kullanılmıyor veya önerilmiyor. Bunun nedeni, HTML'nin prensipte bir biçimlendirme dili olarak tasarlanmamasıdır. U> etiketi yine de çalışacaktır, ancak artık yanlış yazılmış bir kelime veya Çince özel isimler gibi diğer metinden farklı olan metni göstermesi amaçlanmıştır.
  2. Altını çizmek için u> / u> etiketini kullanın (yalnızca örnekleme amacıyla). Hiçbir koşulda bu yöntemi tekrar kullanmamalısınız. Daha eski bir web sitesini güncellemeniz gerekirse, nasıl kullanıldığını bilmek iyi olabilir.

    html> body> HTML'deki eski u> etiketiyle, / u> öğelerinin altını hızlıca çizebilirsiniz, ancak diğer stil öğeleri kullanıldığında işler hızla karışır. Bu nedenle, CSS öğesiyle artık "metin dekorasyonunun" altını çiziyoruz. / body> / html>

İpuçları

  • Bir web sayfasında bir şeyi vurgulamanın altını çizmekten daha iyi bir yolu neredeyse her zaman vardır. Okuyucular için çok kafa karıştırıcı olabilir. Olumlu bir şekilde öne çıkması için metninizi CSS ile daha güzel hale getirin.