Tüm html etiketleri ve anlamları. HTML etiketleri ve nitelikleri nelerdir, W3C doğrulayıcı. Etiketleri yazmak için yapı ve kurallar. Listeleri kullanma nedenleri

  • 29.06.2020

Bunu çoktan anladık. içeriklerinin olduğunu öğrendik. Ancak, hepsi bu değil. Etiketler ayrıca yeteneklerini genişleten niteliklere sahiptir ve niteliklerin de değerleri vardır. Onların yardımıyla, eleman için parametreler ayarlayabilir, tasarım stilini belirleyebilirsiniz. Örneğin, etiket

bir paragrafı işaretlediniz. Ama onu doğru hizalı hale nasıl getirirsiniz? Bunu yapmak için, uygun bir değere sahip belirli bir özniteliğe ihtiyacınız var. Bazı etiketlerin bir çifti olmadığı gibi, bazı nitelikler de değerler olmadan kullanılabilir.

Nitelikler nasıl yazılır?

Nitelikler ayrılmış kelimelerdir (etiketler gibi, yalnızca açılı ayraçlar olmadan), ancak değerleri farklı olabilir. Tıpkı etiketler gibi, değerleri olan özelliklerin küçük harflerle yazılması tavsiye edilir, ancak tarayıcılar genel olarak umursamaz - bu sadece iyi bir form kuralıdır: Rusça'da AYRICA BÜYÜK HARFLE YAZILMASI KABUL EDİLMEZ HEDEFE KİLİTLENMEK. HTML neden daha kötü?

Nitelikli değerler aşağıdaki biçimde yazılır:

nitelik=”değer” lang=”en”

Nitelikler, her zaman ayrılmış kelimeden sonra açılış etiketinin içine yazılmalıdır.

Paragraf

Genellikle, tek bir etiket için birden fazla özellik mevcuttur. Hangi sırayla listelendikleri önemli değil.

Genel Nitelikler

Her HTML etiketinin kendi öznitelikleri vardır. Bazı nitelikler birden fazla etikette kullanılabilirken, diğerleri yalnızca bir etikette çalışabilir. Ayrıca herhangi bir etiketle kullanılabilen bir grup evrensel (global) nitelik vardır. Bu kategorinin özelliklerine hızlıca bir göz atalım.

  • erişim anahtarı belirli bir sayfa nesnesine erişmek için bir klavye kısayolu ayarlamanıza olanak tanır. Örneğin, klavye kısayolunu kullanarak bunu yapabilirsiniz. Alt+1 kullanıcı belirli bir bağlantıya tıkladı. Böylece bir klavye navigasyon sistemi geliştirin.

Nitelik değeri 0-9 arası sayılar veya Latin alfabesinin harfleri olabilir:

Bağlantı, klavye kısayoluna tek tuşla basılarak açılacaktır.

  • sınıf bir etiketi önceden tanımlanmış CSS stiliyle ilişkilendirmenize olanak tanır. Özniteliği kullanmak, kodu önemli ölçüde azaltmanıza olanak tanır, çünkü aynı CSS bloğunun girişini tekrarlamak yerine, ona karşılık gelen sınıfın adını girebilirsiniz.
  • Kullanarak içerik düzenlenebilir kullanıcının HTML sayfasının herhangi bir öğesini düzenlemesine izin verebilirsiniz: silme, ekleme, metni değiştirme. Aynı öznitelik, düzenlemeyi ve devre dışı bırakmayı mümkün kılar. Yalnızca iki değer vardır: doğru- düzenlemeye izin ver yanlış- yasaklamak.
  • Özellik ile bağlam menüsü belgenin herhangi bir öğesini, seçtiğiniz benzersiz bağlam menüsü öğeleriyle donatabilirsiniz. Menünün kendisi etikette oluşturulur , ve bağlam menüsü özniteliğine kimliği verilir.
  • yön metin yönünü tanımlar: soldan sağa (ltr) veya sağdan sola (rtl).
  • sürüklenebilir yasaklamanıza izin verir (yanlış) veya izin vermek (doğru) kullanıcı, bu özniteliğe sahip sayfa öğesini sürüklemelidir.
  • boşaltma noktası tarayıcıya sürüklenen öğeyle ne yapacağını söyler: kopyala(değer kopyalamak), hareket ( hareket) veya ona bir bağlantı oluşturun (bağlantı).
  • gizlenmiş- tarayıcıda görüntülenmemesi için öğenin içeriğini gizlemenize izin veren bir özellik. Öznitelik false olarak ayarlanırsa, nesne doğru - gizli olarak görüntülenir.
  • İDöğe tanımlayıcısını ayarlar - nesnenin stilinde basit bir değişiklik için ve komut dosyalarının ona erişebilmesi için gereken bir tür ad. Özelliğin değeri adı olacaktır. Latince bir harfle başlamalı ve sayıları, aynı Latin alfabesinin harflerini (büyük ve küçük) ve kısa çizgileri içerebilir. (-) ve alt çizgi (_) . Rus harfleri içeremez.
  • dil tarayıcının içeriğin yazıldığı dili anlamasına ve buna göre biçimlendirmesine yardımcı olur (örneğin, dillerde farklı tırnak işaretleri kullanılabilir). Değerler dil kodlarıdır (Rusça - tr, İngilizce - tr vb.).
  • yazım denetimi içerir (doğru) veya devre dışı bırakır (yanlış) yazım denetimi. Özniteliğin özellikle kullanıcının metin gireceği form alanı etiketlerinde kullanılması yararlıdır.
  • stil CSS kodunu kullanarak bir öğenin görünümünü ayarlamanıza olanak tanır.
  • tabindex Bu özniteliğe sahip nesnenin odaklanması için kullanıcının Tab tuşuna kaç kez basması gerektiğini belirlemeyi mümkün kılar. Tıklama sayısı özelliğin değerini belirler - pozitif bir tam sayı.
  • Başlık- fareyi öğenin üzerine getirip bir süre hareketsiz bırakırsanız görünecek bir ipucu. Değerdeki dize ipucu olacaktır.
  • Çevirmek izin verir (evet) veya yasaklamak (hayır) etiket içerik çevirisi.
  • hizalamak elemanın hizalamasını ayarlar. Örneğin, metni sola hizalamak için kullanılabilir (değer ayrıldı), sağ tarafta ( Sağ), merkezli (ortada) veya genişliğe göre (savunmak). Resimler için (etiket ) ayrıca satırdaki en uzun öğenin en üstüne hizalamak için de kullanılabilir ( tepe), alt sınır boyunca (alt) ve ortadaki değer, resmin orta çizgisinin çizginin taban çizgisiyle eşleşmesini sağlar.

niteliğini kullanmanın akılda tutulmasında yarar vardır. hizalamakönerilmez ve metin hizalaması CSS ile daha iyidir.

Niteliklerin kullanımına bir örnek

Örnek olarak, bir HTML kodu satırını düşünün:

Bu metin düzenlenebilir

Tüm satır, kullanıcının tarayıcıda düzenleyebileceği bir metin paragrafı oluşturur.

Dizenin her bir öğesini analiz edelim.

- paragrafı saklayan kabın açılış etiketi.

- kapanış etiketi.

karakterler arasında > ve < bulunan metin Bu metin düzenlenebilir. Bu, etiketlerin dışında (aralarında) bulunan bir yazıdır, bu da sayfayı açan kullanıcı tarafından görüleceği anlamına gelir. Tarayıcı, ekranda görüntülenmesi gereken düz metin olarak değerlendirir.

içerik düzenlenebilir=”doğru” - bu özellik ve değeridir. Okulda nasıl olduğunu hatırla: x=3. Aynı şekilde burada: içerik düzenlenebilir=”doğru". Bağlanmak içerik düzenlenebilir kullanıcının öğenin içeriğini düzenleyip düzenleyemeyeceğini ayarlar, değer doğru, eşittir işaretiyle ayrılmış tırnak işaretleri içinde yazıldığında, düzenleme şunları sağlar:

Attribute=”değer” contenteditable=”true”

HTML dilinde, bir HTML belgesine yazdığınız her şey tarayıcı ekranında düz metin olarak görüntülenecektir, yani tarayıcı satır sonlarını yok sayar ve arka arkaya yazdığınız birkaç boşluk bir tane ile değiştirilir.

Etiketler, metni biçimlendirmek için icat edilen kontrol komutlarıdır, yani. etiketler, tarayıcıya, etiketler içine alınmış metin bölümünün nasıl görüntüleneceğini söyler. Bir etiket oluşturmak için, yalnızca tarayıcılar için tasarlanmış olan köşeli parantezler arasına HTML kodu girilir. Site ziyaretçileri etiketleri görmez.

Yukarıda belirtildiği gibi, tüm etiketler açılı ayraçla başlar.< и заканчиваются угловой скобкой >. Açılan açılı ayraçtan sonra etiketin adı (komut) gelir.

Örneğin, etiket metni vurgulamak için tasarlanmıştır, tarayıcılar bu tür metni italik olarak görüntüler. Tarayıcı bu etiketle karşılaştığında, etiketi takip eden metnin italik biçimlendirmesine geçer.

Bir örnek düşünün:

Bu metin normaldir. Bu metin italiktir.

Etiket başlangıç ​​veya açılış etiketi olarak adlandırılır; bu, tarayıcının belirli bir komut içerdiği anlamına gelir (bu durumda italik olarak yazılır). Çoğu etiketin, komutu devre dışı bırakan bir kapatma etiketi biçiminde bir çifti vardır.

Bitiş etiketi, başlangıç ​​etiketiyle aynı görünür ancak eğik çizgi ile başlar. Yani italik için bitiş etiketi - .

Bir örnek düşünün:

Bu metin normaldir. Dikkat! italikler. Bu yine normal bir yazı tipidir.

Gördüğünüz gibi, tarayıcı komutları (etiketleri) aramak için HTML belgesini sırayla analiz eder ve çeşitli metin biçimlendirme seçeneklerini uygular veya devre dışı bırakır. Tarayıcı, penceresinde biçimlendirilmiş metni (etiket olmayan her şey) görüntüler.

Düz, biçimlendirilmemiş metne etiket ekleme işlemine HTML belge işaretlemesi denir ve etiketler işaretleme karakterleridir. Etiketler yazılırken harflerin büyük/küçük harf durumuna bakılmaz, etiket hem küçük hem de büyük harflerle yazılabilir ancak yine de büyük harf kullanılması önerilir.

Aşağıda, kullanımlarının açıklaması ve bir HTML belgesinde nasıl kullanıldığına ilişkin örneklerle birlikte temel HTML etiketlerine örnekler verilmiştir.

Başlıklar

HTML'de başlıkları belirtmek için özel bir etiket vardır. HTML'de en önemli bildirimlerden en az önemliye kadar değişen 6 başlık seviyesi vardır.

HTML örneği:

Kendin dene

Başlık 1

Başlık 2

Başlık 3

Başlık 4

Başlık 5
Başlık 6

HTML paragrafları

HTML etiketi ile

Bir paragraf tanımlayabilirsiniz.

Paragraflar, metni mantıksal olarak gruplandırmak için kullanılır. Tarayıcı, paragraf metninden önce ve sonra bir satır otomatik olarak girinti yapar.

HTML örneği:

Kendin dene

Bu bir paragraf

Bu başka bir paragraf.

href niteliği, gidilecek belgenin adresini belirtir.

Nitelikler, HTML öğeleri hakkında ek bilgi sağlamak için kullanılır.

Resim ekleme

HTML etiketi ile Bir HTML belgesine rastgele bir resim ekleyebilirsiniz.

Bir görüntünün genişliği ve yüksekliği, genişlik ve yükseklik nitelikleri kullanılarak ayarlanabilir.

Temel html etiketleri, hemen hemen her web sitesinin/blogun üzerine inşa edildiği temeldir. Bu makaleden, her zaman ihtiyaç duyacağınız etiketlerin tam olarak %20'sini öğreneceksiniz.

Her dilde olduğu gibi burada da 20/80 pareto kuralı geçerlidir (istenilen sonuca ulaşmak için vakaların %20'si %80 önemlidir), bu da web sitesinde hedeflerinize güvenle ulaşmak için kodların sadece %20'sini bilmenizin yeterli olduğu anlamına gelir. bina.

HTML bir programlama dili değildir, çünkü kendisi için konuşan bir köprü metni biçimlendirme dilidir, web sayfaları için metin işaretlemesi yapmak için sayfalardaki blokları doğru görüntü için işaretlemenize olanak tanır. Ayrıca, onun yardımıyla sitenin bir sayfasından diğerine bağlantılar yapılır. İnternetteki tüm bağlantılar, html kodunun köprü metni kısmı kullanılarak oluşturulur.

Şimdiye kadarki en basit dil! Çalışmaya karar verirseniz, en başından bu konuda zorluk olmadığını anlamak önemlidir. Okulda, bilişim dersinde çocuklar için çok daha zor olduğunu güvenle söyleyebiliriz.

Öyleyse başlayalım. Windows işletim sisteminin standart programlarında veya ücretsiz Notepad++ programında bulunan bir not defterine kod yazmak daha iyidir.

Öncelikle tag nedir onu tanımlayalım. Etiket, genellikle oluşturulduğu html dilinin kendisinin bir hücresidir. Tarayıcılar, etiketlere göre metnin nasıl görüntüleneceğini, resimlerin nereye ekleneceğini anlar. Etiketler, işaretleme öğelerinin kendileridir.

Site çerçevesi oluşturmak için HTML etiketleri

Etiketler eşleştirilir ve eşleştirilmez. Eşli odalar açılır ve kapanır, yani kapanışlarda ters eğik çizgi "/" vardır.

Blog sayfası oluştururken herhangi bir html belgesinde olması gereken ilk şey:

  • - tarayıcıya aradaki her şeyin html kodu olduğunu söyleyin;
  • - İngilizceden. "head", arama motorları için ad, kodlama, meta etiketleri içerir;
  • BAŞLIK- meta etiketi, özellikle arama motorları için, tarayıcının üst kısmında görüntülenen belgenin adını içerir;
  • - tarayıcıya dil kodlamasını gösteren tek bir etiket, burada windows-1251 bu sayfanın metninin Rusça olduğunu belirtir (windows-1252 İngilizce içindir);
  • - site anahtar kelimeleri için;
  • - sayfanın bir özeti;
  • BELGE GÖVDESİ

    - İngilizceden. "body", sitenin tüm sayfasını içerir.

Bunlar standart html kod etiketleri, değişiklik yapılmadan sitenin / blogun tüm sayfaları bu biçimde başlamalıdır:











Sayfanın gövdesindeki html etiketlerinin listesi

Etiketler arasında

site sayfasının gövdesi şurada bulunur:

  • başlık

    - en önemli 1 seviye;
  • İle birlikte

    alt yazı

    üzerinde
    alt yazı
    - sırasıyla 2, 3, 4, 5 ve 6. seviyelerin alt başlıkları;
  • çapa bağlantıları— bağlantı, burada » target=»_blank»» yeni bir pencerede açılmaktan sorumlu bir özelliktir, » title=»» bağlantının ne olacağının adıdır;
  • ve — kalın harflerle vurgulanacak etiketler. "" kullanımdan kaldırıldı ve kullanılması önerilir " »;
  • - italik için;
  • - sayfaya resim eklemekten sorumlu tek bir etiket;
  • - İngilizce'den "p". "paragraf", yani metni paragraflara böler. Varsayılan olarak sola hizalı;

  • - satırın sonu ve bir sonrakine geçiş anlamına gelen mantıksal bir etiket;
  • - metni merkeze hizalama özelliği;
  • - metni sağa hizalama özelliği;
  • color="green" metnin renginden sorumludur. Bu durumda, yeşil. "Yeşil" sözcüğü genellikle onaltılık renk sisteminden bir kodla değiştirilir, örneğin: "#088f47";
  • face="verdana" - metindeki yazı tipini gösteren bir özellik;
  • size="3" - yazı tipi boyutu;
    1. ilk
    2. ikinci
    3. üçüncü
    - numaralı liste;
    • kelime
    • kelime
    • kelime
    - maddeli liste;

Tablo oluşturmak için HTML etiketleri

Tablonun kendi içinde çok sayıda etiket olabilir, bunlar tablo kenarlığının rengindeki değişiklikler, tablo içindeki kelimelerin hizalanması vb. ancak makale ana etiketlerle ilgili olduğundan, sadece etiketleri oluşturmak için etiketlere odaklanacağız. tablonun kendisi.

  • - tabloyu oluşturmaktan sorumlu etiket, burada "1" tablo kenarlığının genişliğidir, burada "450" ​​​​tablonun genişliğidir ve zaten "merkez" i bilirsiniz;
  • - içindeki etiket "
    ' ve tabloda bir satır oluşturur;
  • - bir satırda bir sütun oluşturur, etiketlerin içindedir " ". "150", muhtemelen tahmin ettiğiniz gibi - sütunun genişliği;

Tamamen html tablo etiketlerişöyle bir şeye bakın:












1 numaralı hücre

2 numaralı hücre

hücre numarası 3

4 numaralı hücre

hücre numarası 5

hücre numarası 6

Bunların html kodunun ana etiketleri olduğunu ve üzerinde birçok değişiklik yapabileceğinizi bir kez daha vurguluyorum. Ayrıca, html kodunun kendisinin bir şablon olduğunu, css olmadan, genel olarak, onunla değerli bir şey yapmanın imkansız olacağını belirtmekte fayda var. Yalnızca birlikte, html ve css harikalar yaratır, ancak derin css bilgisi olmadan, yalnızca html üzerinde basit bir şey yapılabilir.

Konuyla ilgili video dersi - “HTML nedir? indexhtml dosyası":

Beğendiyseniz lütfen paylaşın:

Ayrıca bilmek ilginizi çekebilir:


Merhaba, blog sitesinin sevgili okuyucuları. Aslında, bu terimin birbiriyle özellikle uyuşmayan birkaç anlamı vardır. Bu yazıda her birini ele almaya çalışacağım.

Öğreneceksiniz, html etiketleri nelerdir ve meta etiketlerden nasıl farklı olduklarını ve ayrıca etiketlerin sitelerde etiket olarak nasıl kullanıldığını (çeşitleri ) öğrenin ve son olarak, genel anlamda, müzikal olarak düşünün. ses dosyalarındaki etiketler. Bu terim bu kadar çok yönlüdür.

Ama her durumda "etiketler" kelimesi işaretleme anlamına gelir Html kodu kullanan bir web sayfası veya etiketler kullanan bir sitenin tamamı veya bir albüm ve şarkı belirterek müzik koleksiyonunuz.

Site etiketleri nelerdir (gezinme oluşturmak için etiketler)

Basitten başlayalım. Muhtemelen hepiniz, sitelerdeki bazı makalelerin altında, bazı kelimelerin listelendiği ad etiketlerinin veya etiketlerinin bulunduğu bir alan olduğunu görmüşsünüzdür. Bu ne için? Genel olarak, bu sitede gezinmeyi kolaylaştırmak için ().

Kullanılan etiketler sözde anahtar kelimeler, yayını kısaca karakterize eden küme (örneğin, blogumun ana sayfası için aşağıdaki etiket kümesi uygun olacaktır: site oluşturma; promosyon; site promosyonu; kazançlar).

Bu kelimelerin yardımıyla, bu makalenin ne hakkında olduğunu net bir şekilde belirlemek mümkün olacaktır. Ancak asıl değerleri burada değil, ziyaretçinin herhangi bir etikete tıklayabilmesi ve tanıştığı sitedeki tüm makalelerin bir listesini görebilmesidir. Aslında, bilgileri sınıflandırmak için güçlü bir araçtır.

Makalelerin altında gerekli etiketleri aramamak için, web sitesi sahipleri genellikle sözde oluştururlar. Etiket Bulutu, sitenin sol veya sağ sütununa veya alt bilgisine (alt) yerleştirilebilir. Uygulamada, bu rezalet şöyle görünebilir:

Genellikle en popüler etiketleri listeler ve uygun bağlantıya tıklayarak tüm etiketleri görebilirsiniz. Bazen, daha sık kullanılan etiketler (bu sitedeki daha fazla makalede görünürler) daha büyük bir yazı tipinde ve daha az sık kullanılanlar daha küçük bir yazı tipinde görüntülenir.

Bazen, önceki ekran görüntüsünde gösterildiği gibi, bunları görüntülemek için ayrı bir sayfa oluşturulur.

Bu neden etiketlerle işaretleme kullanıcılar için uygunsa tüm web sitelerinde kullanılmaz mı? Onlar da benim blogumda değil, bunun için bir takım açıklamalar var. Kullanımları varsayılan olarak sağlansa da, etiketlerle çalışmak için birçok eklenti de vardır.

Evet, etiketler birkaç makaleniz olduğunda harika çalışır ve diğer makalelerde oluşturduğunuz ve kullandığınız tüm etiketleri iyi hatırlar. Ancak malzeme sayısındaki artışla birlikte, etiket sayısı keskin bir şekilde artar, anlam olarak yakın anahtar kelimeler kullanırken kısmen çoğalmaya başlarlar.

Bence navigasyonu iyileştirme açısından değeri oldukça şüpheli olan büyük bir karışıklık var. Bu amaçla, büyük bir web projesinde site aramasını kullanmak daha iyidir. Etiketler, farklı kullanıcılardan gelen bilgileri birleştirmek ve tek bir yerde görüntülemek için etiketleri kullanabileceğiniz sosyal ağlarda iyi çalışsa da. .

Html etiketleri nelerdir?

İlk kez on beş yıl önce onları incelemeye karar verdim ama sonra Başlık etiketinden daha ileri gidemedim. Sonra Html üzerinde Evgeny Popov'un ücretsiz video kursuna rastladım ve çalışmaya başladı. Tabii ki, bu kurs yalnızca başlangıç ​​aşamasıydı, ancak tam da yeni başlayanlar için genellikle eksik olan bu kadar basit bir sunum.

Bu dersler, daha sonra kolayca tablolar oluşturabileceğiniz, metne resimler ve köprüler ekleyebileceğiniz, siteye çeşitli formlar ekleyebileceğiniz ve çok daha fazlasını yapabileceğiniz temel etiketleri kapsar. Toplam 33 ücretsiz Html videosu.

Ama bir video kursu bir video kursudur, ancak ilginizi çekmeliyim ki indirip izleyesiniz. Yaygın ifadelerden, Html dilinde hangi etiketlerin olduğu ve neden bunları incelemeniz gerektiği açık değildir. Oh, bu, kendi sitenizin efendisi olmanızı sağlayacak harika ve basit bir şey. Neden bir web sitesine ihtiyacınız var?

Muhtemelen, her şeyden önce, kendini ifade etme ve çaba için ve ikincisi -. Sadece daha sessiz, aksi takdirde herkes duyacak ve etiketlerin ne olduğunu incelemek için koşacak, web siteleri yapacak ve sadece sizin kazanabileceğiniz her şeyi kazanacak, ben şirketten yanayım. Bu nedenle, sadece fısıltı ile konuşmaya devam edeceğim.

İnternet, kendi küçük programınızı yaptığınız (etiketler üzerinde bir site oluşturduğunuz) ve reklamlardan gelir elde ettiğiniz televizyona benzetilebilir. Programınız (İnternet projesi) ne kadar popüler olursa, o kadar çok kazanırsınız. Alt limit olmamasına rağmen üst limit yoktur. Ancak para yatırmanıza gerek yok, yalnızca etiketleri incelemek, motor çalışması ve aslında siteyi içerikle doldurmak için harcadığınız çalışma ve zaman.

Bu nedenle, etiketler bir web sayfasının işaretlemesinin en basit öğeleridir, böylece tarayıcı, sunucudan yüklerken, belirli bir öğenin (metin, resim, video) nasıl görüntüleneceğini tam olarak anlar. Önceden, Html dili tek başına her şeyden sorumluydu, ancak daha sonra ona yardım etmeye geldiler ve onun için çok daha kolay hale geldi. Onlara göre Popov'un ücretsiz bir video kursu da var. buradan indir .

Beyler, Html etiketlerine hakim olduğunuzda, bunun armut soymak kadar kolay olduğunu anlayacaksınız. En önemli şey başlamak ve bir şekilde kendinizi teşvik etmektir. Ben sadece işin maddi yönünden bahsetmiyorum. Site ana gelir kaynağınız olabilir ve tüm aile ondan beslenebilir. Şansa, azim ve yeniyle tanışmaktan korkmamanız gerekiyor.

Etiketler farklıdır, ancak birçoğu yok (CSS'nin uygulanmasından sonra alakalı kalanlardan). Ne kadar basit görün. Diyelim ki bir paragraf oluşturmak istiyorsunuz - gelecekteki paragrafın metnini P açılış ve kapanış etiketleriyle çevreleyin (bu bir Latin harfidir ve kodda küçük harflerle yazmak daha iyidir, ancak burada netlik için büyük harfle yazdım ). Bu nasıl görünecek:

metin metin...... metin metin

Açılış Html etiketi (başlangıçta) ve kapanış etiketi (sonda) arasındaki farkı anlıyor musunuz? Tabii ki, üçgen parantezden sonra bir eğik çizgi ekledim.

Ah, söylemeyi unuttum tarayıcı etiketleri nasıl ayırır(işaretleme) ana içerikten. tahmin ettin mi

Bu doğru, bu üçgen parantez onları içine aldığımız. Tarayıcı, web sayfası kodunu ayrıştırırken böyle bir parantez gördü ve bunun bir etiket olduğunu anladı ve içerdiği her şeyi belirli bir algoritmaya göre işler (paragrafları aralıklı yapar, başlıklar için yazı tipini arttırır vb.).

Metinde bir açılı üçgen parantez kullanmanız gerekiyorsa, tarayıcının sizi doğru anlaması için bunu yaptığınızdan emin olun. Bu hatırlanmalıdır.

Kodda şöyle görünebilirler:

Aslında, kayıtlı oldukları web sayfasının açıklamasını ve anahtar kelimelerini içerirler. Yukarıdaki makalede onlar hakkında daha fazla bilgi edinin.

Meta etiketler, bir web sayfasının kodunda kesin olarak tanımlanmış bir yere yazılır. Hangisi biliyor musun? Bu doğru, bir açılış ve kapanıştan oluşan belgenin sözde "kafasında" HEAD etiketleri.

İçlerinde yazılan her şey (META etiketleri dahil) web sayfasında görüntülenmeyecektir. Bu kesinlikle özel bilgidir. Yukarıdaki açıklama ve anahtar kelimeler, arama motorlarına bu web sayfasının içeriği ve aşağıdaki meta etiket hakkında bilgi verir.

Ses dosyalarındaki müzik etiketleri nelerdir?

Arabada veya oynatıcınızda (telefonunuzda) müzik çaldığınızda, parça adı ve sanatçının adı yerine bazı korkunç hataların görüntülendiğini muhtemelen birden fazla kez fark etmişsinizdir. Bunların, Rus dilinin yanlış kodlamasıyla kaydedilmiş, indirilen müzik dosyalarının adları olduğu varsayılabilir.

Dosyaları ile yeniden adlandırırsanız, oynatıcınızda yine de hoş olmayan bir resim göreceksiniz. Ne yapalım? Ve bu durumun suçlusu kim? Garip bir şekilde, ama neden yanlış bu müzik dosyasında belirtilen etiketler.

Doğrudan ses dosyasına dikilirler (başında veya sonunda) ve beste, yazarı, albümü, parça süresi ve çok önemli olmayan başka bir şey hakkında bilgi içerebilirler. Müzik etiketlerinin en son enkarnasyonlarında, disk kapaklarının görüntüleri bile bunlara dikilebilir (genellikle veba).

Ancak sorun, kural olarak, onların mevcudiyetinde değil, elde edilmesinde ortaya çıkar. onları düzenleme yeteneği. Kendine saygısı olan her müzik aşığının hayatında, koleksiyonundaki her şeyi düzene sokmak ve herhangi bir cihazdaki tüm parçalar için doğru ve okunabilir etiketler yazmak için “yırmaya ve atmaya hazır” olduğu bir an gelir. Nasıl yapılır?

Özel yazılım yardımı ile. Etiketlerin kendileri, geçen yüzyılın sonunda ilk kez ses dosyalarında göründü. MP3 dosyaları için bunları ekleme standardına ID3 adı verildi ve kalite kaybı olmadan sıkıştırılan müzik dosyaları için (FLAC ve benzeri gibi) etiket ekleme standardına (meta veri) Vorbis yorumu adı verildi.

Windows WMA formatında kaydedilen müzikler için WM meta verileri ve elma MP4'leri için iTunes meta verileri vardır (bu arada, yakın zamanda bunun hakkında yazdım).

Böylece etiketleri özel programlar kullanarak düzenleyebilirsiniz. Bunların en popüleri muhtemelen Mp3 etiketi(resmi site, ancak indirirken dikkatli olun - tamamen farklı bir şey indirmeyi teklif eden bir reklama yanlışlıkla tıklamayın). Diğer tüm programları kendiniz bulacağınızı düşünüyorum, özellikle bu görevi tamamlamak için oldukça yeterli olacağından.

Bunlar, çok çeşitli olduğu ortaya çıkan ve tüm bu durumlarda ana rollerini yerine getiren etiketlerdir - işaretleme (bir sitedeki makalelerin, bir web sayfasındaki içeriğin veya müzik dosyalarındaki meta verilerin). Umarım artık bu konuyla ilgili daha az sorunuz vardır.

Sana iyi şanslar! Yakında blog sayfaları sitesinde görüşürüz

ilginizi çekebilir

Instagram Etiketleri - neden gerekli ve en popülerlerini nerede görecekler?
Hashtag'ler - bunlar nedir ve Twitter, Instagram ve diğer yerlerde hashtag'ler nasıl kullanılır? WordPress blogunuzun Img etiketlerine (bunların olmadığı yerlerde) otomatik olarak Alt özelliği nasıl eklenir?
Radikal - Radikal.ru üzerinden hızlı ve kolay fotoğraf yükleme ile ücretsiz fotoğraf barındırma
Bağlantı - nedir ve nasıl oluşturulur Önbellek nedir - Opera, Mozilla, Chrome ve diğer tarayıcılarda önbellek nasıl temizlenir
Büyük Soru - Soru-Cevap hizmetinde nasıl para kazanılır
Youtube video barındırmada kendi kanalınızı nasıl oluşturabilirsiniz?

Temel HTML etiketleri

Ana etiketler

- Sayfa görüntüleyiciye bunun bir HTML belgesi olduğunu gösterir.

- Belgenin gövdesinde görüntülenmeyen çeşitli bilgilerin yerleştirildiği yeri tanımlar. İşte arama motorları için belge başlık etiketi ve etiketleri.



- Belgenin görünen kısmını tanımlar

İçindekiler etiketleri

- Belgenin başlığını sayfa görüntüleyicinin içindekiler tablosuna yerleştirir

Belge Gövdesi Nitelikleri

- RRGGBB biçimindeki renk değerini kullanarak belgenin arka plan rengini ayarlar - örnek: FF0000 - kırmızı renk.

- RRGGBB biçimindeki renk değerini kullanarak belgenin metin rengini ayarlar - örnek: 000000 - siyah renk.

- RRGGBB biçimindeki renk değerini kullanarak köprülerin rengini ayarlar - örnek: 00FF00 - yeşil renk.

- RRGGBB biçimindeki renk değerini kullanarak, daha önce ziyaret ettiğiniz köprülerin rengini ayarlar - örnek: 333333 - gri renk.

- Tıklandığında köprülerin rengini ayarlar.

Metin biçimlendirme etiketleri


- Çerçeveler önceden biçimlendirilmiş metin.

- EN BÜYÜK başlığı oluşturur

- En küçük başlığı oluşturur

Kalın metin oluşturur

- İtalik metin oluşturur

- Bir daktilo stilini taklit eden metin oluşturur. Genellikle italik metin olan tırnak işaretleri için kullanılır.

- Bir metinden bir kelimeyi vurgulamak için kullanılır (italik veya kalın metin)

- Metnin en belirgin kısımlarını vurgulamak için kullanılır (italik veya kalın metin)

- Metin boyutunu 1 ile 7 arasında ayarlar.

- RRGGBB biçimindeki renk değerini kullanarak metnin rengini ayarlar.

Köprüler

Diğer belgelere veya geçerli belgenin bir kısmına köprü oluşturur.

Postayı, belgenin yazarına mektup yazmak üzere aramak için bir köprü oluşturur.

Metnin bir bölümünü bir belgedeki köprüler için hedef olarak işaretler.

Geçerli belgenin bir bölümüne köprü oluşturur.

biçimlendirme

- Yeni bir paragraf oluşturur

- Paragrafı belgenin kenarlarından birine, değere göre hizalar: sola, sağa veya ortaya


- Satır sonu ekler.

Metnin her iki tarafında dolgu oluşturur.

Tanımların bir listesini oluşturur.

- Liste terimlerinin her birini tanımlar

- Her tanımı açıklar

Numaralandırılmış bir liste oluşturur

  • - Listenin her öğesini tanımlar ve bir sayı atar

    Sırasız bir liste oluşturur

  • - Her liste öğesinin önüne geçer ve bir daire veya kare ekler.

    - Bir HTML belgesindeki büyük metin bloklarını biçimlendirmek için kullanılan ve stil sayfalarında da kullanılan önemli bir etiket

    Grafik öğeleri

    - Bir HTML belgesine resim ekler

    - Resmi belgenin kenarlarından birine hizalar, değerleri alır: sol, sağ, orta; alt, üst, orta

    - Resmin etrafındaki çerçevenin kalınlığını ayarlar


    - HTML belgesine yatay bir çizgi ekler.
    Çizginin yüksekliğini (kalınlığını) ayarlar


    - Çizgi genişliğini ayarlar, genişliği piksel veya yüzde olarak belirleyebilirsiniz.


    - Gölgesiz bir çizgi oluşturur.


    - Çizgiyi belirli bir renge ayarlar. RRGGBB değeri.

    tablolar

    - Bir tablo oluşturur.

    - Tablodaki bir satırı tanımlar.

    - Tablodaki tek bir hücreyi tanımlar.

    - Tablo başlığını tanımlar (ortalanmış kalın metinli normal hücre)

    Tablo özellikleri

    - Masa çerçevesinin kalınlığını ayarlar.

    - Tablo hücreleri arasındaki mesafeyi ayarlar.

    - Hücrenin içeriği ile çerçevesi arasındaki mesafeyi ayarlar.

    - Tablonun genişliğini piksel veya belge genişliğinin yüzdesi olarak ayarlar.

    veya veya
    - Tablodaki hücrelerin hizalamasını ayarlar, değerleri alır: sol, orta veya sağ.

    - Tablo hücreleri için dikey hizalamayı ayarlar, değerleri alır: üst, orta veya alt.

    - Bir hücrede birleştirilen sütunların sayısını gösterir. (varsayılan=1)

    - Bir hücrede birleştirilen satır sayısını gösterir. (varsayılan=1)

    - İzleyicinin bir tablo hücresinde satır sonu yapmasını engeller.

    personel

    - Bir etiketten önce gelir çerçeveler içeren bir belgede;

    - Yüksekliği, piksel sayısı veya çerçeve tablosunun yüksekliğinin yüzdesi olarak belirlenen çerçeve tablosundaki satırları tanımlar.

    - Genişliği, piksel sayısı veya çerçeve tablosunun genişliğinin yüzdesi olarak belirlenen çerçeve tablosundaki sütunları tanımlar.

    - Çerçeve tablosunda tek bir çerçeve veya alan tanımlar.

    - Çerçeveleri desteklemiyorsa tarayıcı penceresinde ne gösterileceğini belirler.

    çerçeve özellikleri

    - Çerçevede hangi HTML belgelerinin gösterileceğini belirler.

    - Bilgilerin diğer çerçevelerden bu çerçeveye veya bölgeye yeniden yönlendirilmesini sağlayan bir çerçevenin veya bölgenin Adını belirtir.

    - Çerçevenin sol ve sağ kenarlarındaki dolgu miktarını belirler; 1'e eşit veya daha büyük olmalıdır.

    - Çerçevenin üst ve alt kenarları boyunca dolgu miktarını belirler; 1'e eşit veya daha büyük olmalıdır.

    - Çerçevede bir kaydırma çubuğunun görüntülenip görüntülenmeyeceğini belirtir; değer "evet", "hayır" veya "otomatik" olabilir. Normal belgeler için varsayılan değer auto'dur.

    - Çerçevenin yeniden boyutlandırılmasını önler.

    Formlar

    Bazı işlevleri gerçekleştiren formlar için ilgili CGI betikleri sunucuda çalıştırılmalıdır. HTML yalnızca formun dış arabirimini oluşturur.

    - Formlar oluşturur

    - Kaydırılabilir bir menü oluşturur. Boyut, ekranda gösterilecek menü öğelerinin sayısını ayarlar, geri kalanı kaydırma kullanıldığında kullanılabilir olacaktır.

    - Her bir menü öğesini gösterir

    - Bir açılır menü oluşturur

    - Metin girmek için bir pencere oluşturur. Sütunlar, pencerenin genişliğini belirtir; satırlar yüksekliğini belirtir.

    - Bir onay kutusu oluşturur. Etiketi metin takip eder.

    - Bir radyo düğmesi oluşturur. Etiketi metin takip eder.

    - Metin girmek için bir dize oluşturur. Boyut parametresi, karakter cinsinden uzunluğu belirtir.

    - Bir "Kabul Et" düğmesi oluşturur

    - Bir "Kabul Et" düğmesi oluşturur - bunun için bir resim kullanılır İptal düğmesi oluşturur

    • < Назад



    Bilgisayar yardım web sitesi

    © Telif hakkı 2022,
    rzdoro.ru - Bilgisayar yardım sitesi

    • Kategoriler
    • Ütü
    • Windows 10
    • Tarama
    • Windows 7
    • Ütü
    • Windows 10
    • Tarama
    • Windows 7