Etiketler HTML metninin fiziksel biçimlendirmesi. Etiketler Fiziksel Biçimlendirme HTML Metin Tarayıcıları: Tablo Mobil

Html etiketleri _{ve ^{- Değiştirme ve yastıklı metin}}

Tanım ve kullanım

Etiket _{İkame metnini belirler. İkame metni, iki kat daha az bir yüksekliğe sahiptir ve taban çizgisi altında görünür. İkadi metin, örneğin H 2 O. için bir kimyasal formül yazarken kullanılabilir.}

Etiket ^{Gelişmiş metni tanımlar. Yastıklı metnin iki kat daha az yüksekliğe sahiptir ve taban çizgisinin üzerinde görünür. Yastıklı metin, www gibi dipnotlar yazarken kullanılabilir.}

Destek tarayıcıları

Etiketler _{ve ^{Tüm büyük tarayıcılar tarafından desteklenir.}}

HTML ve XHTML arasındaki farklar

Standart özellikler

Sütun Dtd HTML 4.01 / XHTML 1.0 DTD'nin hangi tür belgeye izin verildiğini gösterir. S \u003d STRICT, T \u003d Geçiş ve F \u003d Frameset.

Etiketler _{ve ^{Aşağıdaki standart özellikleri destekleyin:}}

Standart özellikler hakkında ek bilgiler.

Olayların nitelikleri

Etiketler _{ve ^{Aşağıdaki olay özniteliklerini destekleyin:}}

Ek bilgi OBO

Etiket

Etiket Yazı tipini küçük harf (dizin) belirtmek için kullanılır. Alt kayıt, dize sembolünün geri kalanına yer değiştirme ile görüntülenen, düşük boyutun sembolleridir. Genel olarak, genel kabul görmüş tanımına göre, alt kayıtların sembolleri, geçerli çizginin taban çizgisinin altına yerleştirilmelidir, ancak tüm tarayıcılardan kabın içeriği _{Bu nedenle sadece Opera görüntülenir - kalan çıkış sembolleri biraz daha yüksektir.}

Baz hattı, karakterlerin alt kenarı boyunca geçen hayali bir çizgidir. Bazı harfler (SH, C, Y, D, R, F) kısmen taban çizgisine bakmaktadır.

Öznitellikler

Kişisel özellikleri: değil.

• accessKey - Anahtarı ayarlar hızlı erişim HTML öğesine odaklanmak için.
• sınıf - CSS'de (basamaklı stil tabloları) kullanılan sınıf veya etiket sınıflarının adını belirtir.
• dIR - öğenin içindeki metnin yönünü gösterir.
• - "Çapa" olarak veya stil tablolarında kullanılabilecek HTML etiketinin adını belirtir.
• lANG - Metnin HTML öğesinin içine yazıldığı dili gösterir.
• stil - yerleşik kullanmanız gerekir stilleri CSS. Etiketlemek için.
• tabindex - Elementler (sekme tuşu) arasındaki sekmeler için prosedürü ayarlar.
• başlık - Fare imlecini bir HTML öğesine tutarken açılır bir ipucu görüntüler.

Tip etiketi

Amaç: Metin (satırlar).

Tag modeli: satır içi (yerleşik, string seviyesi).

İçerebilir: Satır içi etiketleri, sıradan metin ve hTML Özel Değirmenler (Mnemonics).

Açılış Etiketi: Biz gerekli. Kapanış Etiketi: Biz gerekli.

Sözdizimi

HTML örneği: Alt etiketin uygulanması

t. _n. \u003d N!

Fiziksel biçimlendirme etiketlerinin bir tanımını veriyoruz. Yukarıdaki nedenlerden dolayı HTML 4.0 spesifikasyonunu kullanmak için bunlardan bazıları önerilmez. Bazı etiketler, HTML 4.0 spesifikasyonuyla iptal edilir (kullanımdan kaldırılır), ancak tarayıcılar tarafından desteklenmeye devam ediyorlar.

Etiket

Etiket Metni kalın yazı tipi ile görüntüler. Çoğu durumda, etiket yerine tavsiye edilir. Mantıksal biçimlendirme etiketini kullanın . Örneğin:

o cesur yazı tipi.

İncir. 1.2. Fiziksel metin biçimlendirme örnekleri (Netscape tarayıcısı)

Etiket

Etiket Italik'te metni görüntüler. Çoğu durumda, bunun yerine etiketin etiketleri kullanılması önerilir. , , veya Çünkü ikincisi, seçilen metnin atanmasını daha iyi yansıtır. Örneğin:

Seçim İtalik

Etiket

Etiket Metni Monoshyry Yazı Tipi tarafından görüntüler. Çoğu durumda, bunun yerine etiket kullanmak daha iyidir. , veya . Misal:

o monoshyry yazı tipi.

Etiket

Etiket Altı çizili metni görüntüler. İptal edilen etiketi. Bunun yerine, etiketleri kullanmanız önerilir. veya . Örneğin:

Misal küçümseyen Metin.

Etiketler ve

Etiketler ve Yatay çizginin geçtiği metni görüntüler. İptal edilen etiketi. Bunun yerine, bir etiket kullanmalısınız. . Örneğin:

Misal ezilmiş Metin.

Şu anda etiket Tüm tarayıcılar tarafından desteklenmiyor, bu yüzden kullanılması tavsiye edilir. Etiketle birlikte . Yani, etiket konteynerinin içinde Birkaç etiket ekleyebilirsiniz

....

Etiket

Etiket Metni daha büyük bir yazı tipi ile görüntüler (metnin rafine edilmemiş kısmından) boyutu. Yerine bu öğe Kullanmak daha iyidir veya başlık etiketleri, örneğin,

Yazı tipi daha boyut.

Etiket

Etiket Metni daha küçük bir yazı tipi ile görüntüler. HTML'nin etiketin karşısındaki bir etiketi yok olduğundan , bu amaçlar için bir etiket uygulayabilirsiniz . Çoğu tarayıcı gömülü etiketleri destekliyor Ancak, bu yaklaşımı kullanmanız önerilmez. Örneğin:

Yazı tipi Çok az boyut.

Etiket

Etiket _{Metni satır seviyesinin altına kaydırır ve (mümkünse) daha küçük bir font olarak görüntüler. Matematiksel endeksler için kullanımı uygundur. Örneğin:}

Yazı tipi örneği _nizhny indeks.

Etiket

Etiket ^{Metni satır seviyesinin üzerindeki kaydırır ve (mümkünse) daha küçük bir yazı tipi gösterir. Matematikte sayı derecelerinin görevi için kullanımı uygundur. Örneğin:}

Yazı tipi örneği ^Üst indeks.

Etiket

Etiket Yanıp sönen metni görüntüler. Bu etiket HTML spesifikasyonuna dahil değildir ve yalnızca Netscape tarayıcısı tarafından desteklenir. Deneyimli geliştiriciler, bu etiketin kullanımına son derece nadiren başvurulur, çünkü yanıp sönen karakterler sayfasındaki varlığı birçok kullanıcıyı rahatsız eder.

Etiket

Tag konteyner blok seviyesi etiketinin bir analogudur

. Özelliklerini belirtmek için metin parçasını işaretlemek istediğiniz durumlarda kullanılabilir ve başka bir yapısal biçimlendirme etiketini kullanamaz.

Microsoft Internet Explorer tarayıcısı ayrıca, aşağıdaki etiket seçeneğinin kullanımına izin verir: DIR, DATAFOLD, DATAFORMATAS, DATASRC. Parametrelerin açıklaması, kitabın ikinci bölümünde bulunabilir.

İncir. 1.3. Yuvalanmış metin biçimlendirme etiketlerini kullanarak

Biçimlendirme etiketleri birbirine yatırılabilir. Aynı zamanda, bir konteynerin tamamen başka bir kapta olduğuna yakından izlemeniz gerekir. İncirde. 1.3 Hitch Elemanı eklerini kalın bir elemana kullanmanın bir örneğini göstermektedir. Aşağıdaki HTML kodu parçasını kullandı:

o cesur yazı tipi.

o italik.

Ve burada metin cesur ve el yazısı

Etiket

Etiket Yazı tipi parametrelerini belirtir. Metin seviyesinin fiziksel biçimlendirmesinin etiketlerini ifade eder.

Yazı tipi parametrelerinin doğrudan belge metninde atanması, belgenin anlamlı kısmını ayırma ve belge sunum formunu tanımlama temel fikrini ihlal ediyor. Bu nedenle, HTML 4.0 spesifikasyonunda, bu etiketin yanı sıra etiketin yanı sıra İptal edilene atfedilir. Daha fazla kullanımı tavsiye edilmez.

Bu korkunç uyarılara rağmen, görünüşte, en basit belgeler için, fiziksel biçimlendirme izin verilebilir olarak kabul edilebilir. Ek olarak, eğitimin temellerini eğitmeye başlamak için, elemanların formatlarını doğrudan belirten kurallardan en kolay yoludur. Kayıt stilinden önce, acemi geliştirici hala büyümelidir.

Etiket seri elemanları ifade eder, bu nedenle, örneğin blok seviyesinin öğelerini içeremez,

Veya

.

Aşağıdaki parametreler etiket için ayarlanabilir: Yüz, Boyut ve Renk. Netscape tarayıcısının ayrıca iki ek parametrenin kullanımına izin verdiğini unutmayın: açıklanan nokta boyutu ve ağırlığı.

Yüz parametresi, kullanıcının görüntüleme programının metni göstereceği yazı tipini belirtmek için kullanılır (eğer bu yazı bilgisayardaysa). Bu parametrenin değeri, bir kullanıcıya sahip yazı tipi adı ile doğru bir şekilde çakışması gereken fontun adıdır. Bu yazı tipi bulunmazsa, bu gösterge göz ardı edilecektir ve varsayılan olarak ayarlanan yazı tipi kullanılacaktır.

Hem bir hem de birkaç yazı tipi adını belirleyerek, onları virgülle ayırabilirsiniz. Bu çok yararlı bir özelliktir, çünkü farklı sistemlerde farklı adlandırılan neredeyse aynı yazı tipleri olabilir. Bir diğer önemli kalite, yazı tiplerinin tercihlerini görevlendirmektir. Yazı tiplerinin listesi soldan sağa görülebilir. Kullanıcının bilgisayarının, önce listede belirtilen bir yazı tipi yoksa, aşağıdaki yazı tipini ve benzeri bulmak için bir deneme yapılır.

Yüz parametresini kullanmaya bir örnek verelim:

Yazı tipi adının görevine bir örnek.

İncirde. 1.4 Netscape tarayıcısının ekranını gösterir. Örnekte, Verdana yazı tipi tercih edilen olarak belirtilmiştir, yokluğu, arial yazı tipi kullanılacaktır.

İncir. 1.4. Netscape tarayıcı örnek ekranı

Bu parametre, geleneksel birimlerde 1 ila 7 arasındaki yazı tipi boyutunu belirtmek için kullanılır. Spesifik yazı tipi boyutu kullanılan izleyiciye bağlıdır. "Normal" yazı tipinin büyüklüğünün 3 değerine karşılık geldiğine inanılmaktadır.

Varsayılan yazı tipi boyutu ayarları, yazı tipi boyutundaki mutlak değişimin büyüklüğü, tarayıcılara bağlıdır. İncirde. 1.5 Varsayılan yazı tiplerinin belirtildiği Netscape tarayıcı kurulum penceresini gösterir.

Yazı tipi boyutu mutlak bir değer (boyut \u003d 2) ve göreceli (boyut \u003d + 1) olarak gösterilir. Son yöntem, genellikle etiketi kullanarak fontun taban boyutunun görevi ile birlikte kullanılır. .

Not

"2" ve "+2" tipinin fontlarının boyutunu belirlerken (en iyi "+" işaretinin ihmal edilebileceği programlama dillerinin aksine) temelde farklı bir sonuç verir.

Yazı tipi boyutlarını atamanın çeşitli yollarının kullanıldığı bir örnek verelim. Örneğin gösterimi, Şekil 2'de gösterilmiştir. 1.6.

İncir. 1.5. Netscape tarayıcı yazı tipi ayarları penceresi

İncir. 1.6. Yazı tiplerinin boyutları

Yazı Tipi Boyutu 1.

Yazı Tipi Boyutu 2.

Yazı Tipi Boyutu 3.

Yazı Tipi Boyutu 4.

Yazı Tipi Boyutu 5.

Yazı Tipi Boyutu 6.

Yazı Tipi Beden 7.

Bu parametre, fontun rengini ayarlar, bu standart adlar veya #RRGGBB biçiminde ayarlanabilir. Çok renkli metin içeren bir belgeye örnek verelim.

Metin yeşili


Kırmızı renkli metin

Etiket

Etiket Varsayılan belgede kullanılan fontun boyutunu, türünü ve rengini belirtmek için kullanılır. Bununla birlikte, bu değerler tüm belge için gereklidir, ancak doğru yerlerde etiketle geçersiz kılınabilir . Kapanış etiketinden sonra Etiket eylemi Geri yükler. Varsayılan yazı tipi parametrelerinin değerleri, belgede tekrar tekrar yeniden tanımlanabilir, yani etiket Belgede herhangi bir sayıda görünebilir.

Not

Etiket Bölümde de görünebilir Belge.

Etiket için bunu not edin Kapanış etiketi yok.

Parametreler olarak etiket için olduğu gibi aynı parametreleri tam olarak kullanılabilir. , yani: yüz, boyut ve renk. Ödev ve kayıt parametreleri için kurallar benzerdir.

Not

Netscape tarayıcısı, yüz etiketi parametresinin kullanımına izin vermiyor .

Etiketi kullanmaya bir örnek verelim .

Varsayılan yazı tipi tarafından yazılan metin.

Yazı Tipi Boyutu 2.

Yazı Tipi Boyutu 4.

Tablodan sonra metin

Verilen örnekte, varsayılan olarak kullanılan yazı tipi boyutu geçersiz kılınır. Başlangıçta, 3'tür (varsayılan). Daha sonra 2'ye ayarlanır, ardından - 4. Bu örneğin eşlemesine dikkat edin (Şek. 1.7). Tablo amaçlı etiketi için görülebilir İşe yaramıyor. Bu, birçok tarayıcı için tipiktir, ancak resmen bir etiket uygulama fikrini ihlal etmesine rağmen.

İncir. 1.7. Etiketle bir örnek görüntüleme (Netscape tarayıcısı)

Açıklama

Yazı tipini daha düşük bir dizin olarak görüntüler. Metin, kalan dize sembollerinin ve azaltılmış boyutun taban çizgisinin altında bulunur.

Sözdizimi

_Metin

Kapanış etiketi

Zorunlu.

Öznitellikler

Analog CSS.

Misal. Etiketi kullanma

Hidroksilamin aldehitlerinin etkisi altında oksuma dönüş: ₃Sno + nh. ₂Oh \u003d ch ₃C (\u003d noh) h + h ₂Ö.

Şartname ?

✖

Şartname

Her şartname, birkaç onay aşamasını geçer.

• Öneri - Şartname W3C onayladı ve standart olarak önerilir.
• Aday önerisi ( Muhtemel Tavsiye) - Standarttan sorumlu bir grup, hedeflerini karşıladığı için memnundur, ancak kalkınma topluluğunun standardı uygulamak için yardımı gereklidir.
• Önerilen öneri ( Teklif etti) - Bu aşamada, belge son onay için W3C Danışma Kuruluna gönderilir.
• Çalışma Taslağı (Çalışma Projesi), toplumun göz önünde bulundurulması için tartışmalardan ve değişikliklerden sonra taslağın daha olgun bir versiyonudur.
• Editör taslak ( Editoryal chernovik) - Editörleri proje editörü tarafından yaptıktan sonra standartların kaba versiyonu.
• Taslak ( Chernovik Şartnamesi) - Standartın ilk siyah versiyonu.

Bir konak, canlı standart HTML (yaşam) - sürekli gelişiminde ve düzenli olarak güncellendiğinden, sürümlerin geleneksel numaralandırmasına uymaz.

Tarayıcılar: masa mobil ?

Hücre masasının içindeki metin

Internet Explorer.	Krom.	Opera.	Safari.	Firefox.
2	1	3.5	1	1

Android	Firefox Mobile	Opera Mobile.	Safari Mobile
1	1	6	1

Alt ve üst dizin formundaki metin:

Bu metin içeriyor. _abone. Metin.

Bu metin içeriyor. ^superScript. Metin.

Açıklama ve kullanım

Etiket _{Metni daha düşük bir dizin olarak tanımlar. Alt Endeks, dizenin altındaki bir sembol gibi görünüyor. Bu tür bir metin kimyasal formüllerde kullanılabilir: H20.}

Etiket ^{metni bir üst dizin olarak tanımlar. Üst dizin, bir dizgenin üzerindeki bir sembol gibi görünüyor. Üst dizin dipnotlar için kullanılabilir: www.}

HTML ve XHTML arasındaki fark

Standart özellikler

Olay nitelikleri

Öznitelik	Değer vermek	Açıklama
tıklamada.	senaryo	Script tıklarken gerçekleştirilecektir.
ondblick.	senaryo	Komut dosyası çift tıklama ile tamamlanacaktır.
odaklan	senaryo	Odak alırken komut dosyası gerçekleştirilecektir.
onkyedown.	senaryo	Fare düğmesine bastığınızda komut dosyası tamamlanacaktır.
onmousemove.	senaryo	Script, fare imleci hareket ettiğinde gerçekleştirilecektir.
onmouseout.	senaryo	Script, fare imleci eleman sınırlarını terk ettiğinde yürütülecektir.
onmousever	senaryo	Script, fare imleci elemanın üstünde olduğunda yürütülecektir.
onmouseup.	senaryo	Script, fare düğmesi serbest bırakıldığında yürütülecektir.
onkowndown.	senaryo	Tuşuna bastığınızda komut dosyası tamamlanacaktır.
onkeypress.	senaryo	Komut dosyası basıldığında ve sonraki ralli olduğunda yürütülecektir.
onkeyup.	senaryo	Komut dosyası anahtar değiştirildiğinde yürütülecektir.