BilgisayarlarProgramlama

Hizalama, boyut, font: Metin için HTML etiketleri

O ise hemen her yönetici kullanışlı varsa, ne metin için HTML etiketlerini bilmek, görünüyor görsel editörü, onları otomatik olarak koyar?

web sitesindeki içeriğin biçimlendirme ofis uygulamalarında işten oldukça farklı olması. Orada sadece metni çekici bir görünüm vermek için yeterli çünkü sadece bir web sayfasını görüntüleyemiyor bağlıdır doğru kayıt, değil, aynı zamanda arama motorlarında kendi tanıtım.

HTML etiketleri ve nitelikleri: temel sözdizimi

Herhangi bir metin ekranda görüntülemek istediğinizi ve nasıl bilgisayarı "açıklıyor" gizli bir kodu vardır. Tüm bilgiler evrensel unsurların bir set ile kaydedilir.

Aslında, metin için HTML etiketleri - bu takım, sayfa tanımlanan bloklarına eklemek veya görünümlerini değiştirmek. aşağıdaki gibi doğru kayıt biçimi:

değil tüm etiketler eşleştirilmiş unutmayınız. Örneğin,
(geçiş hattı) veya


(yatay çizgi ek olarak) tüm kapalı olması gerekli değildir.

Neden sitenin editörü Word ve diğer programlardan makaleleri kopyalayamıyorum

Modern ofis programları metin için aynı HTML etiketleri kullanmalarına rağmen, yerli kod% 99 Web sayfaları için uygun değildir. Uygulama belgede normalde görüntülenir bile, eklediğinizde, site biçimlendirme kaybedebilir. Buna ek olarak, ekstra etiketleri ve arama motorları çok sayıda yeterince sayfa niteliklerin içeriği analiz edemez. Bu da, bu zor sitenizi geliştirmek için yapar.

Temiz ve ilgili kodu almak için öncelikle olağan editörü oluşturulan HTML-Etiket'lerden temizlemek gerekir. Bunu yapmanın birkaç yolu vardır:

  1. "Not Defteri" aracılığıyla makalesinde "kurtulun" ve ancak o zaman siteyi yerleştirin. Daha sonra metin (editör veya el aletleri kullanarak) yeniden biçimlendirmek zorunda böylece uygulama, tüm HTML siler.
  2. Yaz ve LiveWriter yoluyla makaleler yayımlamak. popüler blog editörü hemen doğru kodu oluşturur. Ve ayrı bir sekmede, metin web sitesinde nasıl görüneceğini görebilirsiniz.
  3. HTML Cleaner kullanın. Bu çevrimiçi hizmeti bir bütün olarak tüm kodu yok, ama sadece ekstra fragmanları değil. filtrelerle, mağazaya hangi etiketlerin seçin. zaten optimize kod komutları ekler biçimine güçlü bir WYSIWYG editörü, de bulunmaktadır.

Yeni bir yayın yayınlamadan önce daima HTML kontrol edin. İçinde şimdi düşünün olanlar dışında hiçbir etiket olmamalıdır.

paragraflar

Bu eleman hemen hemen tüm makaleleri mevcuttur. Her paragraf böyle bir kap içinde yer almalıdır - bu biçimlendirmeyi kolaylaştırır ve site genelinde tutarlı bir stil saklamanızı sağlar. kolaylık sağlamak için,

etiketi her zaman yeni bir çizgi ile yazılmıştır.

hizalanma

Ayrı HTML etiketi "Metin Hizalama" artık kullanılmamaktadır. Bunun yerine, evrensel nitelik ALIGN oluşturuldu. MERKEZİ, SAĞ veya SOL - sayfadaki metin kutusuna yeniden konumlandırmak için, bir 3 değerlerini seçmelisiniz. Böyle başlık olarak - Aynı şekilde, diğer unsurların uyum belirtebilirsiniz.

Bazı durumlarda, uyum için diğer etiketler HTML kullanabilirsiniz. merkezli metin, örneğin, eleman ...

yardımıyla düzenlenebilir. elverişli bir ayrı etiket? öznitelik aksine, o kadar fotoğrafların, video, flash ve dahil herhangi bir içerik ile çalışır. D.

Başlıklar ve alt başlıklar

Sistem içeriğin mantıksal bir yapı oluşturmanızı sağlar altyazılı. Metin anlamsal üniteler çerçevesinde, okuyucu konsantre ve yeni bilgiler öğrenmek için çok daha kolaydır. Arama Motorları da sorgular sayfasını teşvik görmek için başlıkları analiz etti. SEO uzmanları kendi tematik tuşları kullanım için tavsiye nedeni budur.

için

dan - HTML'de altı seviyeleri altyazı kullanır. Bu sistemde açık bir hiyerarşi vardır:

  • ... . Ana başlık (Makalenin başlığı, çevrimiçi mağaza mal, vb. D.). Metinde olabilir tek

    . Genellikle, ana anahtar kelime var.

  • ... . Anlamlı birimlere ikinci düzey molası metni Altyazı. Eğer dizüstü reytinge olsaydı Örneğin, farklı modellerin adları ile

    birkaç yapabilirsiniz.

  • ... .

    arasındaki metin de küçük bloklara bölünür eğer üçüncü seviye gereklidir. Her model için böyle devam "Performans", "Bellek", "Video" ve ... - Örneğimizde, bu değerlendirme kriterleri olabilir

  • ,
    . Uygulamada, çok nadir. Ancak genel prensip aynıdır - onlar altyazı en üst düzeyde olan ünitesinde "embedded" gerekirdi.

Doğru hiyerarşinin korunması için dikkat edin. Bizim örneğimizde geri dönersek, bu hemen

veya

gibi model isimleri giremez demektir. Ve dahası (kullanarak, örneğin değerlendirmesi son sırada laptop, vurgulamak
) farklı düzeylerde altyazılı blokların anlamda homojen kullanmak.

Ama anında anlamak ve HTML başlıkların doğru yapısını hatırlar düzeni.

listeleri

metin için özel bir HTML etiketleri kullanarak listeleri şeklinde yayınlanan her türlü devir ve daha iyi talimatları, (yaygın bir hatadır -

tire veya bir rakam ile başlayacak olan sadece birkaç paragraf).

Bu tür blok yapısı çok basittir. İlk başta, listenin türünü tanımlamak - imli

    ... veya
      ... sayılı.

      Bütün unsurlar açılış ve kapanış etiketleri arasında yer almaktadır. Her liste öğesi yeni çizgi ile başlar ve biçimini

    1. ... vardır. eleman sayısı ile sınırlı değildir.

      Yazı seçimi: ve nitelikleri

      Ne HTML etiketi kullanılarak değiştirilebilir? Metnin boyutunu, yazı tipi ve renk - ve CSS yeni sınıfların katkısı olmadan. Eğer sadece bir cümle ya da parçasını seçmeniz gerekir, bu çok kullanışlıdır.

      çeşitli özelliklere sahiptir:

      • Yüz. Bu metnin yazı türünü değiştirebilirsiniz. Virgül (Tahoma, Verdana) ile ayrılmış birden fazla seçenek, listeleyebilirsiniz. Kullanıcı ilk yazı sürece, sistem basit bir alternatif kullanır.
      • Boyutu. 1'den 7'ye kadar bir alıntı değeri girin artırmak veya metni azaltmak için.
      • Renk. tasarımına bağlı olarak, standart renklerden birini seçmek (kırmızı, mavi, yeşil) ya da seçim için herhangi bir renk kodu girebilirsiniz.

      yerine altyazı, kullanarak biçimlendirilir paragraflar kullanmayın. Aynı tasarım parametreleri doğru etiketi sormak daha iyidir.

      metin seçme yöntemleri

      Hatta paragraflar halinde bozuldu Monoton metin yorucu. önemli noktalar dikkati çekmek ve okuyucuda ilgi karıştırmaya grafiksel ayırmaya önerilir. İşte bu görevin üstesinden olacak birkaç takımlardır.

      ... . Son derece popüler HTML etiketi. Kalın metin göze çarpan, fakat çünkü önemli konuşma konularını ve gerçekleri ayırt etmek uygundur.

      Birçok kişi etiketleri ve karıştırmayın. Görme hiçbir fark yoktur, ancak farklı şekillerde çalışırlar. İlk basitçe metnin görünümünü değiştirir ve diğer bir "pointer" olarak hizmet ve (SEO için tematik anahtar kelimeler ve deyimler) en önemli parçalarını vurgulamaktadır.

      ... . Şık ve titiz kurs bilimsel terimler, yabancı kelime ve çeşitli alıntıların tasarımı için idealdir. Ciddi yayınlarda italik da sanat eserlerinin isimleri açıklamaları.

      ... . Belki çok fazla tartışma herhangi bir HTML-etiketi yol açmadı. Bu tahsisat yöntemi tarihsel olarak köprüler için yerleşik olarak Altını Metin nadiren kullanılır. fazla 1 hattı daha - Eğer makalelerinde kullanırsanız, bu kısa parçalar için uygundur unutmayın.

      ... . Eğer bazı yapmanızı sağlar İlginç etiket çizili metin. Çok alakalı reklam - örneğin, eski ve yeni fiyatları arasındaki kontrastı vurgulamak.

      ... . En kolay yolu ek ayarlara ihtiyaç duyulmadan yazı tipi boyutunu artırmak için.

      ... . Bu önceki etiket olarak aynı prensiple çalışır. Metin toprağa göre düşük içinde yerleştirilmiş.

      ... . Bu biçim için doğru ad - üstindis. Temel olarak, bu etiket matematik derece ve dipnotlar için tasarlanmıştır. Bu azaltır yazı tipi boyutunu ve seçilen metin yukarı kaydırır.

      ... . indis genellikle formüller çeşitli bulunur. izole edilen fragman, ana metinde aşağıda yer almaktadır.

      anlamsal konteynerler

      Bazı bloklar birçok kitabında bulunur gibi, onlar özel etiketler yaratmaya başladı. Her bir içerik türü stilleri kendi belirledi eğer, metnin yeterli parçasını ayırmak ve içerdiği hangi bilgilerin işaret çünkü bu, biçimlendirme kolaylaştırır.

      ... . bilgisayar kodları için Etiket. örnekler Programlama maddelerinde Vazgeçilmez - komutların yürütülmesi ve düz metin olarak gösterilmemektedir.

      ... . röportajından örneğin, tuş alıntılar - tırnak işlemek için tasarlanmıştır.

      ... . Bu ayrı bir blok içinde metnin parçası yapar. Varsayılan olarak, seçim solda girintili, ancak CSS da metnin boyutu, yazı tipi stili ve rengini değiştirebilirsiniz.

      ... . bir link içeren yazar hakkında bilgi içeren isteğe bağlı etiket.

      ayırma hattı

      Basit özellikleri sayesinde, büyük bir bölümünün mantıksal sonunu tayin edebilir.


      değil bir çift etiketleri. Bu kapanış bir biçim öğesi gerekmez anlamına gelir.

      GENİŞLİK özelliğini kullanarak Cı piksel veya pencere genişliği yüzdesinde, uygun boyutu ayarlayarak ayırıcı daha kısa yapılabilir.

      HTML metni biçimlendirmek için etiketleri kullanmayı öğrenmek için, yalnızca okumak için makaleler kolaylaştırmak değil, aynı zamanda SEO verimliliğini artırmak olmayacaktır.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 tr.atomiyme.com. Theme powered by WordPress.