Bu yazımızda nasıl metin seçileceğinden bahsedeceğiz. italik olarak HTML. Kalın metinde olduğu gibi, italik metin üç şekilde yapılabilir:
- Etiket ben HTML;
- Etiket em HTML;
- CSS özelliği yazı stili.
HTML'de nasıl italik yazabileceğinize ilişkin üç seçeneği de ele alalım, bu sorunun inceliklerini ve belirli durumlarda hangi yöntemlerin daha uygun ve doğru kullanılacağını tartışalım.
İtalik metin: etiket
Etiket ben(italik), etikete benzer B kalın metin için, italik metni fiziksel olarak vurgulamak için kullanılır (bu, yalnızca metnin stilinin değiştiği anlamına gelir). Etiket uygulaması ben:
Web sitesi oluşturucu "Nubex"
Böylece metnin gerekli kısmı etiketlerin arasına yerleştirilir. .
İtalik metin: etiket
etiket olmasına rağmen ben geçerli kalır, site optimizasyonu açısından etiketi kullanmak daha iyidir em Metnin mantıksal olarak önemli bölümlerini vurgulamak için. Bu, arama motoru tarayıcılarının, etiketler arasına yerleştirilen metnin önemini dikkate aldığı anlamına gelir. :
Web Sitesi Oluşturucu "Nubex"
Sonuç:
Web Sitesi Oluşturucu "Nubex"
Ancak etiketlerin içine alınmış metnin ben ve em, hemen hemen aynı şekilde görüntülenmelerine rağmen (tüm modern tarayıcılarda), özünde yukarıda belirtildiği gibi tamamen aynı değildirler. Bu nedenle, gerektiği gibi etiketleri kullanmanız gerekir: etiket em Metnin önemli bölümlerini çerçevelemek ve bir etiket kullanarak görsel italik tasarım uygulamak için HTML ben veya CSS stilleri. Şimdi italik metin vurgulama için CSS stillerini kullanmaya bakalım.
CSS tarafından desteklenen italik metin
CSS'de yazı tiplerini görüntülemek için stilleri ayarlamak için özelliği kullanın. yazı stili, aşağıdaki değerleri alabilir: eğik(italik metin), italik(italik) ve normal(normal yazı tipi).
bunu hatırlamakta fayda var italik yazı tipi ve eğimli, özlerinde aynı değildir. italik el yazısı metne benzeyen özel bir yazı tipidir ve eğimli normal yazı tipini sağa eğerek oluşturulur.
Özellik uygulaması yazı stili pratikte:
Sitelerimiz, gerçekten, büyük adım web geliştirmede.
gerçek için yapıyoruz kalite Siteler.
Ancak bazı tarayıcıların bu özelliğe sahip metinler yazdığı unutulmamalıdır. yazı tipi stili: eğik; italik metin yerine italik olarak yorumlanabilir.
WEB sayfamızın daha anlaşılır görünmesi için metni paragraflara bölüp başlık seçeceğiz. HTML, belgenin 1'den 6'ya kadar numaralandırılmış 6 düzey başlık bölümüne sahiptir. Başlıklar, düzeye uygun sayılar içeren bir çift etiketle bildirilir, örneğin,
- birinci seviye bölümün başlığı ve - altıncı seviye bölümün başlığı. Başlıklar, harflerin boyutu ve genişliği açısından normal metinden farklıdır. İlk seviye başlığı h1 genellikle çok büyük baskı, altıncı seviye h6'nın başlığı çok küçük.Başlıklar
Belge bölümü başlıklarını, daha önce tartışılan belge başlığı ile
.Metnin başlığı olarak ilk cümleyi kullanıyoruz - Bunun için etiketlerle sınırlandırmak yeterli
ve
.Diğer.html dosyasının metnine etiketler ekleyin
ve
böylece metnin ilk cümlesini sınırlandırırlar ve bu kod parçası şu şekli alır:SD Şirket Sayfasına Hoş Geldiniz!
Elde edilen sonucu gözden geçirelim.
Not Defteri menü komutunu Dosya - Kaydet'i seçerek dosyayı kaydedin.
Kaydetme işlemi her zaman belgeyi görüntülemeden önce yapılmalıdır, çünkü dosyayı görüntülemek için açar, diskten bilgisayarın RAM'ine yükler. HTML kodunu düzenledikten sonra dosyayı kaydetmezseniz, tarayıcıda herhangi bir yapılandırma görmezsiniz.
Görev Çubuğundaki düğmesine tıklayarak tarayıcı penceresini geri yükleyin.
Programın çalışma penceresinin araç çubuğundaki F5 düğmesine veya Yenile düğmesine basın. other.html dosyası yeniden yüklenecek ve tarayıcı penceresinde ilk seviye başlığının nasıl göründüğünü göreceksiniz.
Diğer 5 seviyenin başlıklarının nasıl görüneceğini görün, etiketlerdeki sayıları değiştirin: h2, h3 vb. Her yapılandırmadan sonra dosyayı kaydetmeyi ve tarayıcı penceresindeki görüntüyü güncellemeyi unutmayın.
Denemeleri bitirdiğinizde, other.html dosyasındaki etiketleri tekrar geri yükleyin.
.HTML'nin hizmetinize sunduğu 6 düzeydeki başlığı kullanarak, sezgisel bir yapıyla okunması kolay bir belge oluşturabilirsiniz. Belgenizin bölümlere ve alt bölümlere ayrılmış kesin bölümleri varsa, belgenizin her zaman çok daha iyi okunacağını unutmayın.
Başlıkları hizalama
Varsayılan olarak, başlık sayfanın soluna hizalanır. Ancak aynı zamanda sağa hizalanmış veya ortalanmış olabilir. Bir etikette sağ taraf hizalaması için
align = "right" özniteliği kullanılır ve merkezleme için - align = "center" kullanılır. Sola hizalamanın açık bir göstergesine de izin verilir - hizalama = "sol".
etikete ekle
başlığı ortalamak için align = "center" niteliği. Bu eleman aşağıdaki formu almalıdır:
SD Şirket Sayfasına Hoş Geldiniz!
Gelecekte, dosyayı ilk kodla kaydetmeniz ve görüntüyü görüntülemeden önce tarayıcıda güncellemeniz gerektiğini size hatırlatmayacağız.
HTML'de metin nasıl kalın yapılır
Şimdi metnin geri kalanına geçelim. Boyutunu büyütelim ve metni kalın italik yapalım. Kalın stili ayarlamak için eşleştirilmiş etiketler kullanılır .
Açılışı other.html dosyasına ekleyin ve kapanış etiketleri böylece metni sınırlandırırlar Burada öğreneceksiniz ... Bu öğe aşağıdaki formu almalıdır:
HTML'de metin italik nasıl yapılır
İtalikler etiketler kullanılarak ayarlanır .
Başlangıç koduna bir HTML etiketi ekleyin ve böylece düzenlenen öğe aşağıdaki formu alır:
Burada faaliyetlerimiz, şirketimizin yazılım ürünleri ve ürettiğimiz ekipmanlar hakkında bilgi edineceksiniz.
İşaretleme öğeleri, bu yapıda olduğu gibi iç içe yerleştirilebilir. … elemanda yuvalanmış …... Modern tarayıcılar, iç içe geçmiş etiketleri doğru şekilde işleme yeteneğine sahiptir. Bu nedenle yuvalama sırasının bozulmadığından emin olmanız gerekir. Yuvalama bozulursa tarayıcı performansı zor olacaktır. Örneğin, böyle bir giriş yanlış olacaktır: …... Yerleştirme, genel HTML kodlama kültürünün çok önemli bir parçasıdır.
HTML'de altı çizili metin nasıl yapılır
Bir çift etiket ile bir metin parçasının altı çizili stilini, bu etiketlerle sınırlı olarak ve bir çift etiket kullanarak ayarlayabilirsiniz. - metni teletype yazı tipinde göster.
Unutulmamalıdır ki son zamanlarda etiket sadeleştirilmiş ve stiller ile altı çizili yapılmıştır. eş değer ... Evet yeni analog daha hantal görünüyor, ama ne yazık ki bu daha doğru. Bu lehte ana şey, hacimli sürümün çapraz tarayıcı olmasıdır, başka bir deyişle, her ikisi de olduğunda tüm tarayıcılar için uygundur. Tüm tarayıcılar bunu desteklemez.
HTML'de metin nasıl büyütülür
Şimdi metnin yazı tipi boyutunu büyütelim. Bu çeşitli şekillerde yapılabilir.
Etiketler: aralarındaki metnin yazı tipi boyutunu artırın.
Yukarıdaki kod parçasının başına ve sonuna sırasıyla etiketler ekleyin ve böylece eleman aşağıdaki formu alır:
Burada faaliyetlerimiz, şirketimizin yazılım ürünleri ve ürettiğimiz ekipmanlar hakkında bilgi edineceksiniz.
Etiketleri kullanma metnin yazı tipi boyutunu ilk yazıyla eşleşecek şekilde küçültebilirsiniz.
Yazı tipi boyutunu belirlemenin başka bir yöntemi de etiketlerdir. bir boyut özelliği ile. Bu özniteliğin değerleri 1'den 7'ye kadar tam sayılardır. Bu durumda, 1 değeri en küçük yazı tipi boyutuna ve 7 değeri - en büyüğüne karşılık gelir.
Etiketler yerine kullanma etiketleri görüntüle , metnin yazı tipi boyutunun, boyut özelliğinin farklı değerleriyle nasıl değiştiğini görün - 1'den 7'ye.
Beden özelliğinin değeri olarak 1'den 7'ye kadar olan sayıları + (artı) veya - (eksi) işaretli olarak da kullanabilirsiniz. Bu durumda, yazı tipi boyutu, örneğin ilk etiketlere kıyasla buna göre artar veya küçülür. yazı tipi boyutunu mevcut olana kıyasla bir düzey artıracaktır. Bunu kontrol et.
Söz konusu metin parçası için size özniteliğinin değerini 5 olarak ayarlayın: ... Bu parçanın HTML kodu şöyle olmalıdır:
Burada faaliyetlerimiz, şirketimizin yazılım ürünleri ve ürettiğimiz ekipmanlar hakkında bilgi edineceksiniz..
Etiketlerde color niteliği, yazı tipinin rengini, metin etiketleriyle sınırlandırılmış olarak belirtmek için de kullanılabilir. Bu özniteliğin değerleri, belgenin arka planını ve metin rengini açıklayan daha önce tartışılan özniteliklerle aynıdır.
Varsayılan olarak, Burada öğreneceğiniz metni içeren paragraf ... sola hizalanır. Etiketleri kullanarak yatay olarak ortalayın
Etiketleri ekle
Paragrafı ortalamak için etiketleri kullandığımızı unutmayın.
Dikkat! 2010 etiketleri için ,
=
=
Ayrıca, bu makalede ana hatlarıyla belirtilmeyen çok sayıda eski etiket vardır, bu nedenle, bu konuda uzmanlaşmış WEB sitelerini hemen tanımak daha iyidir. Ama burada ortaya koyduğum ana olanlar biraz daha yüksek
Tahsis kodları
HTML dili, metin parçalarının yazı tipi seçimine iki yaklaşım sağlar. Bir yandan metnin belirli bir bölgesindeki yazı tipinin kalın veya italik olabileceğini doğrudan belirtebilirsiniz, başka bir deyişle bu deneyde yaptığımız gibi metnin yazı tipini belirtmek açıktır. Öte yandan, herhangi bir metin parçasını normal mantıksal stilden biraz iyi olarak işaretlemek ve tarayıcıyı bu stili yorumlamaya bırakmak mümkündür. Bu nedenle, mantıksal stil, örneğin sıradan metinle karşılaştırıldığında büyük önem taşıyan bir metin parçasının rolünü veya bu parçanın bir alıntı olduğu gerçeğini gösterir. Kendi çalışmalarınızda mantıksal stilleri tanımlayan aşağıdaki etiketleri kullanabilirsiniz. Nasıl çalıştıklarını kontrol edin farklı tarayıcılar.
- bir kelimeyi tanımlamak için kullanılır. Metin varsayılan olarak italik olarak görüntülenir.
- kelimeleri vurgulamak ve güçlendirmek için. Metin varsayılan olarak italik olarak görüntülenir.
- kitapların, filmlerin, performansların vb. başlıklarını vurgulamak için varsayılan olarak italik görüntülenir.
- program kodu parçaları için. Ekranda sabit genişlikte bir yazı tipiyle gösterilir.
- kullanıcının klavyeden girdiği metin için kullanılır. Farklı tarayıcılarda farklı yazı tiplerinde görüntülenebilir. Kullanımdan kaldırılmış etiket.
- program mesajlarını görüntülemeye yarar. Sabit genişlikte bir yazı tipinde görüntülenir. Kullanımdan kaldırılmış etiket.
- özellikle önemli parçalar için. Genellikle kalın harflerle.
- bir metnin veya kelimenin bir bölümünün sembolik bir değişken olduğunu, başka bir deyişle farklı ifadelerle değiştirilebilen metin olduğunu belirtmek için kullanılır. Varsayılan olarak italik olarak görüntülenir. Kullanımdan kaldırılmış etiket.
HTML 4.0 spesifikasyonu, CSS (Basamaklı Stil Sayfaları) adı verilen özel bir dil kullanarak metin ve diğer bölümler için stilleri belirlemek için daha aşamalı bir yöntem sunar. Stil sayfaları, WEB tasarımı alanında, sayfaların görünümünü iyileştirme yeteneğini genişleten büyük bir başarıdır. Stil sayfaları, satır aralığını, dolguyu, metin ve arka plan için renkleri, yazı tipi boyutunu ve stilini vb. tanımlamayı kolaylaştırır.HTML'nin çoğu parçası, bir öğenin açılış etiketinin içine yerleştirilen stil özniteliği kullanılarak biçimlendirilebilir. "Özellik: değer" biçimindeki çiftler, stil özniteliğinin değeri olarak kullanılır. Örneğin, bir bölüm başlığını açıklayan bir kod parçasında,
style = "color: blue" özniteliği, color özelliğinin mavi olduğunu, diğer bir deyişle birinci seviye başlık metninin mavi olarak görüntülenmesi gerektiğini belirtir.
Stilleri hizala
Şimdi kelimelerle başlayan bir metin parçasının stilini belirtmek için basamaklı stil sayfası dilini nasıl kullanacağımızı görelim.
Yazı tipi kalınlığını belirtmek için, daha açık (dar), kalın (kalın), daha kalın (kalın) değerleriyle yazı tipi ağırlığı özelliğini kullanın, örneğin, stil = "yazı tipi ağırlığı: kalın".
İtalik stili tanımlamak için italik olarak ayarlanmış font-style özelliğini kullanın. Bu nedenle, metni kalın italik yapmak için stil özniteliğini şu şekilde bulmalısınız: style = "font-weight: bold; font-style: italic". Dikkat edin: özellikler herhangi bir sırada yerleştirilebilir ve mutlaka bir noktalı virgül paylaşmalıdır.
Yazı tipi boyutunu belirtmeniz gerekiyorsa, değerleri göreceli veya mutlak değerlerle belirtilebilen font-size özelliğini kullanmalısınız. Göreceli değerler yüzdelerdir ve mutlak değerler olarak noktalar (pt), pikseller (px), santimetre (cm), milimetre (mm) kullanılır. Örneğin:
stil = "yazı tipi boyutu: %200"
stil = "yazı tipi boyutu: 16pt"
stil = "yazı tipi boyutu: 100 piksel"
Göreceli değil mutlak boyutlar belirleyerek, sayfalarınızı görüntüleyen kullanıcıları, görüşlerine ve monitör çözünürlüğüne göre tarayıcı menü komutunu kullanarak yazı tiplerinin boyutunu artırma veya azaltma yeteneğinden mahrum bırakırsınız. Yazı tipleri yalnızca belirttiğiniz boyutta görüntülenecektir. Bu nedenle yazı tipi boyutunu yüzde olarak belirtmek daha iyidir. Bu durumda, yazı tipi boyutu, belirtilen yüzde sayısı ile tasarlandığından daha az veya daha fazla olacaktır. HTML yardımı varsayılan olarak etiketleyin.
Metnin yatay hizalama yöntemini belirlemek için, sol (sol), sağ (sağ), orta (orta), yasla (genişlik) değerleriyle metin hizalama özelliğini kullanın. Bu nedenle, burada bulacağınız metnin ... ilk harfinin % 150'si büyüklüğünde kalın italik olarak biçimlendirilmesi ve ortaya hizalanması gerektiğini belirtmek için, stilini aşağıdaki gibi bulmalısınız:
style = "yazı tipi ağırlığı: kalın; yazı tipi stili: italik; yazı tipi boyutu: %150; metin hizalama: orta"
Bu özelliği etiketlerde kullanacağız<р>metni ayrı bir paragraf olarak sunmanıza izin verir.
Düzenlemek HTML öğesi, metin dahil Burada öğreneceksiniz ... etiketleri kaldırarak
<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">Burada faaliyetlerimiz, şirketimizin yazılım ürünleri ve ürettiğimiz ekipmanlar hakkında bilgi edineceksiniz.
Görüyorsunuz, HTML çeşitli stil tasarım teknikleri kullanmanıza izin veriyor. Ancak, CSS basamaklı stil sayfası dilinin kullanılması daha çok arzu edilir.
Diğer hizalama ve stil seçenekleri
Stil sayfası dili için yalnızca bir kullanım durumu gördük, burada bir stil tanımı, özellikle tanımladığınız öğenin etiketine yerleştiriliyor.
Bu, çoğu standart HTML etiketiyle kullanılan stil özniteliği kullanılarak yapılır. Ancak CSS'nin başka kullanımları da vardır.
Standart HTML'de, stil sayfalarını gömmeden, herhangi bir öğeye renk, boyut, sayfadaki konum vb. gibi belirli parametreleri atamak için, 10-ki bile olsa her öğe için bu özellikleri her seferinde özetlemeniz gerekir. birbirinden farklı olmayan parçalardan oluşmaktadır. Aynı HTML kodunu sayfaya 10 kez eklemeniz gerekir, bu da dosya boyutunu ve onu ağdan indirmek için gereken süreyi artırır.
Stil sayfaları farklı, daha konforlu ve ekonomik bir şekilde çalışır. Bir öğeye belirli özellikler atamak için bu öğeyi bir kez ana hatlarıyla belirtmeli ve bu açıklamayı bir stil olarak bulmalısınız ve daha sonra uygun bir şekilde tasarlamak istediğiniz öğenin sizin tarif ettiğiniz stilin özelliklerini alması gerektiğini belirtmeniz yeterlidir. . Rahat, değil mi?
Ayrıca, stil açıklamasını WEB sayfanızın metnine değil, ayrı dosya- bu, stil açıklamasını istediğiniz sayıda WEB sayfasında kullanmanıza izin verecektir. Ve ilgili diğer bir avantaj da, herhangi bir sayıda sayfanın tasarımını, yalnızca stil açıklamasını ayrı bir dosyada düzelterek değiştirebilme yeteneğidir.
Ek olarak, stil sayfası dili, sayfaların yazı tipi tasarımıyla daha da fazla çalışmanıza olanak tanır. en yüksek seviye standart HTML'den farklıdır.
Şu anda, CSS dili, HTML'nin kontrol edebileceği oldukça fazla sayıda parametreye sahiptir. Başka bir deyişle, en fazla sayıda tarayıcının CSS öğeleriyle uyumlu "güvenli" kullanarak - yazı tipi özellikleri, parçaların ve arka planın renkleri, metin ve kenarlıkların özellikleri - işinizi önemli ölçüde kolaylaştırabilir ve WEB sayfalarınızı aşağıdakiler açısından daha çekici hale getirebilirsiniz. metin tasarımı.
İtalik stil, bir metin parçasını vurgulamanın ve ona belirli bir anlam vermenin en popüler yollarından biridir. Alıntılar, dipnotlar, başlıklar ve özel isimler için idealdir. İtalik metni görüntülemek için HTML'de iki özel etiket vardır. CSS'de italikler, font-style özelliği tarafından kontrol edilir.
İtalik mi italik mi?
Aynı yazı tipinin italik olarak görüntülenmesi değişiklik gösterebilir.
Resim, aynı Playfair Display yazı tipinde üç metin bloğunu göstermektedir. Birincisi normal dik stilde, ikincisi ve üçüncüsü italik olarak. Aynı tarayıcıda açıklar Google Chrome ama tamamen farklı görünüyorlar.
Bunun nedeni, bazı yazı tiplerinin kendi italik karakter kümelerine sahip olmasıdır. Tarayıcının bu kümeye erişimi yoksa, ancak italik olarak işlenmesi gereken bir metinle karşılaşırsa, onu kendi kendine eğmeye çalışacaktır.
İkinci blokta - sadece tarayıcı tarafından işlenmiş bir sürüm ve üçüncüsü - Playfair Display yazı tipinin, daha çok el yazısı gibi benzersiz bir stile sahip orijinal italik sürümü. Tarayıcı, metindeki her karakteri italik olarak simüle ederek belirli bir açıyla yatırır.
CSS veya HTML'de nasıl italik yazılacağını çözerken, belirli yazı tiplerinde tarayıcıya italik setlerine erişim sağlamanız gerektiğini hatırlamak önemlidir. Bazı durumlarda, tarayıcı eğim algoritmalarının sonucu tatmin edici olmayabilir.
HTML İtalik
HTML'de metni italik olarak görüntülemek için iki özel etiket vardır: i (italik için) ve em. Bu tanımlayıcılardan herhangi birinde bulunan metin parçasının stili aynı olacaktır.
Fark, mantıksal seçimde yatmaktadır. em etiketi, parçanın özel önemini gösterir. Bu, belirtilen metni tonlamayı kullanarak vurgulayacak olan arama robotları ve ekran okuyucular için önemlidir.
yazı tipi stili özelliği
CSS'de italikler, yazı tipi stili ifadesi tarafından kontrol edilir. Üç temel değerden birini alabilir:
- normal - normal yazı tipi;
- italik - italik stil;
- eğik - eğik stil.
Şu anda, çoğu modern tarayıcı eğik ve italik değerleri aynı şekilde ele alıyor, ancak ilkinin başlangıçta her karakteri sağa yatıran tarayıcıya özgü algoritmaların sonucu olması gerekiyordu.
Tarayıcı aradığınız yazı tipini bulamazsa, italik, eğik ile tamamen aynı görünecektir.
em etiketinden farklı olarak, seçimi özellikle önemli hale getirmez, bunun yerine i tanımlayıcısıyla eşleşir.
Örnekleri
Alıntılar genellikle italiktir. Güzel bir görünüm vermeye çalışalım.
Alıntı (yazı tipi stili: italik; kenarlık-sol: 5px düz mor; dolgu-sol: 20px;)
Sağdaki dekoratif kenarlık ve dolguya ek olarak, italik değeri olan alıntı bloğu için bir yazı tipi stili kuralı tanımlanır.
CSS'de italik ayarlar.
Html, metin biçimlendirme açısından bize bazı olanaklar sağlar. Bugün size html'de nasıl yapılır onu anlatacağım. italik yazı tipi, hem standart yazı tipinde hem de standart olmayan yazı tipinde. İkinci durumda, her şeyin çalışması için bir şeyler düşünmeniz gerekecek.
Html'de italik nasıl yazılır?
Başlangıç olarak, html'nin kendisinde metne italik bir stil veren iki etiket vardır. Bunlar em ve ben. Bu arada, ikincisi şu anda bu makaleyi yazdığım wordpress motorunun html editörüne yerleştirildi. Bu etiketler nasıl farklı? Aslında, bugün bir şekilde farklı olduklarını yüksek sesle ilan etmek istemem.
Genel olarak em, özel bir tonlama ile telaffuz edilmesi gereken kelimeleri vurgulamak için kullanılırken, ben sadece metni görsel olarak vurguluyorum. Ama bununla uğraşmayalım çünkü gerçekten böyle olup olmadığı bilinmiyor.
İtalik metin için css özellikleri nelerdir?
Bu, yazı tipi stili özelliği ve italik değeridir. Eğik değer de vardır ve metni italik hale getirir. Bu değerler arasında bir fark var mı? Neredeyse hiçbiri. Bu arada, bu ve diğerleri hakkında ayrıntılı olarak css özellikleri metin için, her şeyin raflarda düzenlendiği ilgili makaleyi okuyun.
Özel bir yazı tipini italik olarak nasıl görüntülerim?
Gerçek şu ki, Google Fonts aracılığıyla standart olmayan bir yazı tipi bağlarsanız, bu durumda en az 1 italik yazı tipi stilini bağlarken kutuyu işaretlemeniz gerekir. Bunu yapmazsanız, böyle bir yazı tipini italik yapmaya çalıştığınızda, standart yazı tiplerinden birinde italik görüntülenecektir. Bu arada, bu makalede standart olmayan yazı tiplerini bağlama hakkında bilgi edinebilirsiniz.
Bu ekran görüntüsünde, yazı tipini şu şekilde bağlamanın bir parçasını görebilirsiniz: Google hizmeti Yazı tipleri.
Gördüğünüz gibi, en az bir italik stilin yanında bir onay işareti var. Şimdi, gerekli etiketleri veya stil özelliğini kullanırken, bu yazı tipinin başka bir yazı tipi değil, italik olacağı doğrudur.
Böylece, italik ile çalışan tüm noktaları sıraladık. Seni daha fazla alıkoymaya cesaret edemem.
Merhaba sevgili blog okuyucuları! Bu makale üzerinde durulacak metin biçimlendirme etiketleri... Kalın veya italik metin en iyi örnektir. Ayrıca bazı etiketlerin sitenin dahili optimizasyonu üzerindeki etkisini ve bunların yazım kurallarını da ele alacağız. Bununla ilgili makaleyi okuyabilirsiniz. Bu arada, benzer metin tasarım öğelerini birçok metin düzenleyicide, örneğin Word'de bulabilirsiniz.
Etiketler 2 türe ayrılır: blok ve satır içi etiketler. İlkini kullanırken, metnin bir bölümünün içeriğini (satırlar, tek tek parçalar veya kelimeler), ikincisi ise değiştirebilirsiniz. Bu makalede inceleyeceğimiz biçimlendirme etiketleri ağırlıklı olarak küçük harflidir.
Etiketleri yazma kuralları ve sırası
Başlangıç ve bitiş etiketlerinin ne olduğunu zaten biliyorsunuz. Değilse, bu materyalin en başındaki makaleyi okuyun. Kısacası, iki tür etiket vardır: tek (örneğin, Yeni hat) ve kapsayıcı (eşleştirilmiş). Bu nedenle, tüm metin biçimlendirme etiketleri eşleştirilmiş... Bu, herhangi bir öğenin bir başlangıç ve bitiş etiketine sahip olduğu ve seçimin bunların arasına yerleştirilmesi gerektiği anlamına gelir. Örneğin, bir ifadenin doğru seçimi şöyle görünür: Seçili snippet
Tarayıcı bu parçayı işlediğinde aşağıdaki metni göreceksiniz: Seçilen snippet. Bu arada, tüm etiketler RSS beslemesinde () görüntülenmez.
Etiketleri yazarken ana şey onları kapalı tutmaktır. Aksi takdirde, sayfadaki tüm metinler kalın olacaktır (etiketli örnekte ). Ancak, belirli bir parçayı vurgulamanız ve aynı anda hem italik hem de kalın yazmanız gereken zamanlar vardır. Ancak bu eylemi gerçekleştiren bir etiket yoktur. Bu durumdan çıkmanın tek bir yolu var: aynı anda iki etiket kullanmak. Bunları hangi sırayla kullanmak önemli değil. Bu nedenle, metni aşağıdaki gibi etiketlerle yazarak:
Seçili snippet
veya bunun gibi:
Seçili snippet
yine de alacaksın Seçili snippet italik ve aynı zamanda kalın harflerle. Bununla birlikte, ilk seçeneği kullanmak tercih edilir, çünkü başlangıçta tek ve doğru olan buydu. Ayrıca, ayarlara bağlı olarak her tarayıcının etiketleri farklı şekilde () işleyebileceğini unutmayın. Şimdi biçimlendirme etiketlerinin kendilerine geçelim.
Kalın ve italik metin - etiketler , , ve
En Popüler Metin Biçimlendirme Etiketleri - Vurgulama gözü pek ve italik olarak... Genellikle bir parçaya önem vermek için kullanılırlar. İlk durum, içeren bir parçayı seçmeye yarar. kullanışlı bilgi veya anahtar kelimeler... İtalik, kalın metinle aynı amaçlar için kullanılır, ancak bilgiler daha az önemlidir, çünkü italikler gövde metninin arka planında kalın metne göre daha az görünür.Önce düşünün kalın yazı... Bu eylem için kullanılan iki etiket vardır - ve ... Farklılıklar dış görünüş numara. Her ne kadar herhangi bir tarayıcı her öğeyi farklı şekilde yorumlayabilse de, farklılıkları görebilmeniz gerekir. Etiketlerdeki metin böyle görünüyor ve tarayıcı tarafından önceden işlenmiş biçimde:
Güçlü etiketlerdeki metin
b etiketlerindeki metin
Ve işte sayfanın kaynak kodunda bu iki satır nasıl görünüyor:
Güçlü etiketlerdeki metin b etiketlerindeki metin
durumunda da aynı durumu gözlemleyebiliriz. italik etiketler ve ... İki örnek arasındaki farkları bulmaya çalışın:
em etiketlerindeki metin
Etiketlerdeki metin I
Ve burada kaynak:
em etiketlerindeki metin Etiketlerdeki metin I
Bu nedenle, kalın ve italik olarak kabul edilen etiketler aslında farklı değildir, ancak o zaman neden örneğin varsa ? Sonuçta, ikincisi yalnızca bir karakter içerir (parantezleri saymaz) ve bu nedenle yazması daha kolaydır. Ve mesele şu ki, etiketler ve etkilemek. Anahtar kelimeleri bu etiketlerle çevrelerseniz, web sitesinin tanıtımı üzerinde faydalı bir etkisi olacaktır.Asıl mesele aşırıya kaçmamaktır - etikette maksimum metin %5 kalın metin olmalıdır. ve etikette aynı miktarda italik .
Metinde sadece bir anı vurgulamak istiyorsanız, etiketi kullanın. veya ... Genel olarak, arama motorlarının da bu etiketlerdeki metni daha önemli olarak gördüğünü düşünüyorum. dahili optimizasyon hala daha az etkiye sahipler ve .
Eğik çizgi metin etiketleri - , ve
Şimdi, metin stilinde bir özellik kullanan birkaç etikete bakalım. Sizin için en iyi bilinen metin editörleri — etiket
veya altını çizin. Bu etiket sıralamayı etkilemiyor (bildiğim kadarıyla), ancak bazı metinleri vurgulamaya ve ona odaklanmaya yardımcı olacak. Bu etiketi kullanmanın bir örneğini hemen yukarıda verdim. Amaca benzer iki etiket daha var - ve ... Her ikisi de üstü çizili metin işlevi görür. Bu etiketi herhangi bir durumda kullanabilirsiniz: bir belgeyi (veya daha doğrusu bir kısmını) güncellerseniz, eskisinin üzerini çizebilir ve yenisini ekleyebilirsiniz; materyalin konusundan sapan bir şey yazacaksanız; ahlaki ve etik standartlara uymayan bir şey.
Bu iki etiket arasındaki farklar yalnızca yazı, bunun sonucunda ilkini kullanmak tercih edilir, çünkü ilk olarak, yazmak daha uygundur ve ikincisi, sayfanızda daha az HTML kodu olacak ve arama motorları buna bayılacak.
Etiket ve nitelikler - metnin yazı tipi parametreleri
Şimdi, nitelikler olmadan kullanılmayan bir etiket düşünün. Bununla, belirli bir metin parçası için parametreler ayarlayabilirsiniz. Genel olarak, artık (basamaklı stil sayfaları) kullanılması tercih edilir, çünkü sayfanın tüm HTML kodunu büyük ölçüde kısaltabilirler. Yani, aynı etikete bakalım . Onun için her şey var üç nitelik:
- yüz- yazı tipinin kendisi. Örneğin, Arial, Courier veya Verdana. Birkaç tane sıralayabilirsiniz, tk. tüm kullanıcıların geniş bir yazı tipi seti yoktur ve yüz özniteliğine birkaç tane yazarak, tarayıcı hangisini kullanacağını veya daha doğrusu sistemde hangisinin mevcut olduğunu seçebilecektir;
- boy- metnin boyutunu belirten bir özellik. Hem keyfi birimlerde hem de piksellerde ifade edilebilir;
- renk- metin rengi. Bu özellik hem HTML kodlarında hem de kelimelerde kullanılabilir. İlki #FFFFFF biçimindedir (burada F, A'dan F'ye herhangi bir sayı veya harftir) ve ikincisi yazılır basit kelimelerle(örneğin, kırmızı kırmızıdır).
Etiketteki metin böyle görünüyor her özniteliği kullanarak:
Bu metnin boyutu 6 pikseldir
Bu metin kırmızı Bu metin Arial yazı tipindedir Bu metin kırmızı ve 5pxVe işte yazılı kodu işledikten sonra göreceğiniz şey: 
Bloklu metin tasarım öğeleri - üstbilgiler -, paragraf
, paragraf
Son olarak hemen hemen her belgede kullanılan blok elemanlara bakacağız. Bunlar başlık ve paragraf etiketleridir. İlkini düşünelim. 6 tür başlık vardır ve her birinin kendi etiketi vardır. Her türün yalnızca kendi seri numarası vardır ve etiketler kullanılarak kaydedilir.
, ,..., ... İşlendiğinde tüm başlıklar şöyle görünür:
... İşlendiğinde tüm başlıklar şöyle görünür:
Kelime başlığından sonraki sayı, etiketteki sayıyla eşleşir
Şimdi paragraf vurgulama etiketi hakkında konuşalım.
Bu etiketin işlevi, metni diğer benzer metinlerden boş bir satırla ayırmaktır. Bir belgenin kaynak koduna bakarsanız, aşağıdakileri görebilirsiniz:
Yeşil kutularda bir paragraf, kırmızı kutularda başka bir paragraf vardır. Ve bu kod tarayıcı tarafından işlendikten sonra şöyle görünür (ok boş bir satırı gösterir):
Sonuç olarak, bir paragrafın diğerinden oldukça belirgin bir şekilde ayrıldığını elde ederiz, bu yararlıdır - okuma daha uygun hale gelir.
Bu yüzden makale hakkında belge biçimlendirme etiketleri... Bu materyalde tarif ettiğimden çok daha fazlası var. Sadece bazıları hakkında oldukça fazla şey söylemeniz gerekiyor, bunun sonucunda onlara tam bir inceleme içeren ayrı makaleler ayrılacak.!