Html'de sayıya indeks nasıl eklenir. css'i büyük harf yapmak

Merhaba. Bazen, web sayfaları oluştururken, css kullanarak bazı kelimeleri büyük harf veya üst simge konumuna getirmeniz gerekir. Bunun nasıl yapıldığını görelim.

css ile büyük ve küçük harf

Genel olarak, bugün bile istediğiniz metni etiketlere dahil edebilirsiniz. ve istediğiniz görüntüyü elde edin, ancak bunun css ile nasıl yapılabileceğini de görelim, çünkü teknik biraz farklı.

Örneğin, bir html belgesine H 2 O formülünü yazmanız gerekir. Bu şu şekilde yapılır:

  • Formülün kendisi yazılır
  • Üst simge veya alt simgede gösterilmesi gereken kelimeler ve sayılar, bir sınıfa atanması gereken bir yayılma etiketi içine alınır. Örneğin: çıktı alınacak karakterler
  • Css'de bu öğeyi ayarlamanız gerekir:

    Üst dizin (
    Dikey hizalama: süper;
    }

Bu özellik, metnin dikey hizalanmasından sorumludur. Süper değeri, metnin üst simge olarak görüntülendiğini belirtir. Ancak yazı tipi boyutu normal metinle aynı kaldı. İşlerin daha güzel görünmesini sağlamak için, font-size özelliğini kullanarak yazı tipi boyutunu da biraz daha küçük ayarlamanız gerekir.

Mülkiyet basitçe böyle çalışır. Buna göre, alt simgede görüntülemek için şöyle yazmanız gerekir:

Üst dizin (
Dikey hizalama: alt;
}

Benzer html etiketlerinden farkı, bu kuralların yazı tipi boyutunu değiştirmemesidir, bu nedenle bunu yapmanız gerekiyorsa, yeni boyutu stil sayfasına kaydetmeniz gerekecektir.

CSS'de üst simge ve alt simge hakkında bilmeniz gereken tek şey bu. Numara ek fırsatlar mülk yoktur ve bunlara ihtiyaç yoktur. Dilerseniz bu metni bir şekilde özelleştirebilirsiniz, ancak bu nadiren gereklidir.

Nerede işe yarayabilir

Üst simge ve alt simge metni formül yazarken, makalelere notlar ve işaretler eklerken kullanılabilir. Örneğin, Wikipedia her makale için kaynakları ve notları listeler. Makale boyunca, küçük üst simgeler şeklinde yerleştirilirler. Bu, okuyucuları rahatsız etmez ve aynı zamanda makalelere istediğiniz görünümü vermenizi sağlar.

Özellik tamamen çapraz tarayıcıdır ve CSS'nin tüm sürümlerinde desteklenir.

CSS üretmenizi sağlar esnek özelleştirme HMTL dili kullanılarak temsil edilen metin. Bugün bir yazı tipinin büyük/küçük harf durumunu değiştirmeyi mümkün kılan "text-transform" özelliğinin etkisine bakacağız. Bu seçenek tüm modern tarayıcılar tarafından desteklenir ve tüm CSS sürümlerinin belirtiminde bulunur.

Randevu

"text-transform" özelliği, üç ana değer ve iki ek değer alabilir. Örneğin, seçilen tüm metne büyük harf atayabilirsiniz. Alternatif olarak, tüm karakterlerin küçük harfe dönüştüğü önceki özelliğin tersi için bir komut verebilirsiniz. Size uygun olan herhangi bir yöntemle randevu alabilirsiniz. Örneğin, satır içi stilleri kullanma. Veya oluşturabilirsiniz

Tüm özelliklerin açıklamasını içeren ayrı bir dosya. Hangi atama yöntemini kullanacağınız size kalmış. "Metin dönüştürme" aşağıdaki değerleri alabilir:

  • Büyük harf. Seçilen tüm karakterleri büyük harf yapar. Bu değer, metinle ilgili birçok karmaşık sorunun çözülmesine yardımcı olabileceğinden, CSS'de büyük harf yaygındır.
  • Küçük harf. Bu özellik, büyük harf komutunun tam tersidir.
  • Büyük harf kullan. İlk harfi büyük harfe çevirir. Diğer karakterler değişmeyecek.
  • Hiçbiri. Atanan tüm değerleri atmanıza izin verir (bir özelliği önceden tanımlamanız gerekir). Genellikle, verilen değer varsayılan olarak yüklenir.
  • Miras. Tüm özellikleri şuradan devralır: ana öğe... IE'nin bu özelliği desteklemediğine dikkat edilmelidir.

Başvuru

İLE BİRLİKTE CSS kullanarak büyük harf (veya benzer efektler) tek bir basit komutla ayarlanır. Bu nedenle, metnin tamamını değiştirmeye veya yeniden yazmaya gerek yoktur. Tek sayfalık bir siteden bahsediyorsak, bu özellik kullanışlı olmayabilir. Ancak, kontrolünüz altında, belirli parçalardaki harflerin durumunu düzeltmeniz gereken büyük bir portalınız olduğunda, "metin dönüştürme" tek etkili araç haline gelir. Örneğin, "h2" başlık etiketlerinde yazı tipini düzeltmeniz gerekir. Bunu yapmak için, "h2 (text-transform: büyük harf;)" girişini ekleyin, ardından tüm ikinci düzey başlıklar büyük harf olacaktır.

özellikler

Bazıları, "text-transform" özelliğini kullanarak manuel metin işlemenin ve yazı tipi değişikliğinin hiçbir fark yaratmadığını düşünebilir. Ama durum böyle değil. Manuel olarak büyük harfe (büyük harf) değiştirirseniz, bu bilgiyi sitenizden kopyaladığınızda karakterler değişmeden kalır. CSS kullanıyorsanız, işler farklıdır. "text-transform" özelliği, kullanıcılar için yazı tipini yalnızca görsel olarak değiştirir. Ama gerçekte, semboller değişmeden kalır. Bu, bu özellik için tüm değerlerle olur. Kopyalanan bilgi (metin), içinde kullanılan orijinal kayıt defterine sahip olacaktır. kaynak kodu sayfalar. Bu, elle işleme ile CSS komutlarını kullanma arasındaki tek farktır.

Hangisini kullanmak istediğiniz önemli değil - küçük veya büyük harf, asıl şey amacı unutmamaktır. Örneğin, sadece dekoratif amaçlı değişikliklere ihtiyacınız varsa, "text-transform" özelliğini güvenle kullanabilirsiniz. Kullanıcılarınızın muhtemelen gönderdiğiniz bilgileri kopyalayacağını biliyorsanız, tüm metinlerin durumunu manuel olarak değiştirmek en iyisidir. Gerçekten de, bazen okuyucular böyle bir yazı tipi değişikliğini fark etmezler. Bu, özellikle önemli belgeler ve benzer bilgiler söz konusu olduğunda çok önemlidir.

Metne göre dizin, satır taban çizgisinden yukarı veya aşağı karakterlerin kaymasıdır. Pozitif veya negatif ofset değerine bağlı olarak, indeks sırasıyla üst veya alt olarak adlandırılır. Matematik, fizik, kimyada ve ölçü birimlerini belirlemek için aktif olarak kullanılırlar. HTML, bir dizin oluşturmak için iki öğe sunar: (İngilizce üst simgeden) - üst simge ve (İngilizce alt simgeden) - alt simge. Bu kaplardan birine yerleştirilen metin, temel metinden daha küçük olarak belirlenir ve ona göre yukarı veya aşağı kaydırılır. Örnek 1 gösterileri paylaşmak metnin görünümünü değiştirmek için belirtilen öğeler ve stiller.

Örnek 1. Üst simge ve alt simge oluşturun

Üst simge ve alt simge

İkinci dereceden bir yüzeyin karakteristik denklemi

λ 3- BEN 1λ 2+ ben 2λ - ben 3 = 0

Örnek, aynı anda hem alt simge hem de üst simge içerir. Dizinin yazı tipi stilini değiştirmek için, tek tip bir görünüm ayarlayan stiller uygulanır (Şekil 1).

Pirinç. 1. Stilleri uyguladıktan sonra dizinlerin görünümü

kullanmayı tamamen reddedebilirsiniz. ve tarzlar lehine. Bu öğelerin analogu, metni dikey olarak belirli bir mesafe kadar kaydırmaya zorlayan dikey hizalama özelliğidir. Spesifik olarak, Örnek 2, değer olarak 0.8em kullanır. üst simge ve alt kısım için -0.5em. Em, geçerli yazı tipinin boyutuna eşit göreli bir birimdir. Örneğin 0,5em, metnin yazı tipi boyutunun yarısı kadar kaydırılması gerektiği anlamına gelir.

Örnek 2. Dizinleri Yönetmek için Stilleri Kullanma

Üst simge ve alt simge

derece polinomu n

f(x) = bir 0+ bir 1 x + ... + bir n-1 x n-1+ bir n x n

Örnekte, formülün kendisi büyütülmüş bir boyutta görüntülenir, üst simge karakterler kırmızı ve alt karakterler - mavi olarak ayarlanır (Şekil 2).

Son video eğitiminde, nasıl silineceğini ve yeni bilgilerin nasıl ekleneceğini öğrendik. Yeni sürüm HTML belgesi, raporlarken arama motorları ve ziyaretçilerin de değişiklikleri görebilmesi için görsel olarak vurgulama. Bunun için del ve ins etiketlerini kullandık.

Bu video eğitiminde, bir HTML belgesindeki metni biçimlendirme konusuna devam ediyoruz. Metnin üst simge ve alt simgelerini belirten iki HTML etiketine göz atacağız.

HTML destek etiketi, HTML'deki metnin üst simgesidir.

HTML etiketi HTML'deki metnin üst simgesini belirtmek içindir. Bazı site konularında bu etiket basitçe yeri doldurulamaz olacaktır. Örneğin, matematiksel veya kimyasal herhangi bir formülle ilişkili bir siteniz varsa veya planlıyorsanız. Veya bir şantiye varsa, etiket çok faydalı olacak ve makalelerin tasarımında, formüller veya herhangi bir miktar yazarken, örneğin inşaat konusundaki metrekarelerde yardımcı olacaktır.

Ancak siteniz listelenen konulara ait değilse, bu etiketin olduğu anlamına gelmez. kullanışlı olmayacak. Hayal gücü ve ustalık göstermek ve bu öğe için bir uygulama bulmak yeterlidir.

HTML alt etiketi - HTML'deki metnin alt simgesi.

HTML etiketine gelince o zaman etiketin tersi , ve metnin alt indisini belirtmekten sorumludur. Metnin alt simgesi, formüller veya matematiksel denklemler yazarken kullanılabilir. Ancak bunun yanı sıra, etiket için başka kullanımlar da bulabilirsiniz. .

Bir sonraki Video Dersi, bazı durumlarda basitçe yeri doldurulamaz olabilen iki etikete daha ayrılmıştır. Ayrıca, örneğin bir makaledeki metni yalnızca biçimlendirmekle kalmaz, aynı zamanda sayfa düzeni sırasında sitede çeşitli bilgileri belirtirken de yapabilirler. Etiketlerden biri HTML'ye sarılır ve diğeri yatay bir çizgi çizer.



CSS kullanarak küçük harfi küçük harfe ve ilk büyük harfe dönüştürün (8)

CSS'de başlık önerisi seçeneği yoktur. Metin dönüşümü öneren diğer cevaplar: büyük harf bu parametre kullandığından yanlıştır her kelime için her kelime .

Buraya kaba istersen bunu yapmanın bir yolu her öğenin ilk harfi büyük harf, ancak bu kesinlikle gerçek sınırların yakınında değil:

P (metin dönüşümü: küçük harf;) p: ilk harf (metin dönüşümü: büyük harf;)

BU BİR ÖRNEK CÜMLEDİR.

BU BAŞKA BİR ÖRNEK CÜMLEDİR. VE BU BAŞKA BİRİ, AMA TAMAMEN KÜÇÜK HARF OLACAK.

BÜYÜK HARF nasıl küçük harfe dönüştürülür ve her cümle için ilk harf Büyük Harf aşağıdaki gibi, yalnızca CSS kullanarak?

İtibaren: BU ÖRNEK BİR UYGULAMADIR.

NS: Bu kaba bir öneri.

Güncelleme: text-transform kullandığımda: capize; Sonuç hala aynı.

Bunu tamamen CSS ile yapamazsınız. Bir metin dönüştürme özelliği vardır, ancak yalnızca hiçbirini kabul etmez, büyük harf, büyük harf, küçük harf ve devralır.

Bir JS çözümüne veya sunucu tarafı çözümüne bakmak isteyebilirsiniz.

Sunucudaki tüm karakterleri uygulayabileceğinizden daha küçük harf yapabilirseniz:

Metin dönüştürme: büyük harf kullan

Ben sanmıyorum ki metin dönüştürme girdi olarak büyük harflerle çalışacaktır.

için kullanmak istiyorsanız işe yaramayacak, çünkü veya Javascript kullanmanız gereken metin alanı

hangi için iyi çalışması gerekir veya