Ana etiketlerin listesi. Temel HTML etiketleri

Ana html etiketleri- bu, 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, 20/80 Pareto kuralı burada da geçerlidir (görevlerin %20'si, başarı için %80 öneme sahiptir) İstenen sonuç), bu, web sitesi oluşturma hedeflerinize güvenle ulaşmak için kodların yalnızca %20'sini bilmenizin yeterli olduğu anlamına gelir.

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 doğru görüntüleme için sayfalardaki blokları işaretlemenize olanak tanır. Ayrıca, yardımıyla sitenin bir sayfasından diğerine bağlantılar yapılır. İnternetteki tüm bağlantılar köprü metni bölümü kullanılarak oluşturulur. HTML Kodu.

- bu en çok en basit dil! Çalışmaya karar verirseniz, bunda herhangi bir zorluk olmadığını en başından anlamak önemlidir. Bilişim dersinde okuldaki çocuklar için çok daha zor olduğunu güvenle söyleyebiliriz.

Öyleyse başlayalım. Kodları, içinde bulunan bir not defterine yazmak daha iyidir. standart programlar ameliyathane Windows sistemleri veya içinde ücretsiz program Not defteri++.

Öncelikle etiketin ne olduğunu tanımlayalım. Bir etiket, genellikle oluşturulduğu html dilinin kendisinin bir hücresidir. Etiketlerle, tarayıcılar 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şlenir ve eşlenmez. Buhar odaları açılır ve kapanır, yani kapalı odalarda ters eğik çizgi «/».

Bir blog sayfası oluştururken herhangi bir html belgesinde olması gereken ilk şey şudur:

• - tarayıcıya aradaki her şeyin html kodu olduğunu söyleyin;
• - İngilizceden. "head", arama motorları için isim, kodlama, meta etiketleri içerir;
• - özellikle arama motorları için olan meta etiketi, içinde tarayıcının üst kısmında görüntülenen belgenin adını içerir;
• - tarayıcıya kodlama dilini 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ının şu şekilde başlaması gerekir:

Sayfanın gövdesindeki html etiketlerinin listesi

Etiketler arasında site sayfasının gövdesi şu yerde bulunur:

• başlık

  - en önemli 1 seviye;
• İle

  alt yazı

  İle

  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 özniteliktir, » title=»» bağlantının ne olacağının adıdır;
• ve — kalın harflerle vurgulanacak etiketler. "" kullanımdan kaldırılmıştır ve kullanılması tavsiye edilir " »;
• - 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 hizalayan nitelik;
• - metni sağa hizalayan özellik;
• —
• color="green" metnin renginden sorumludur. İÇİNDE bu durum değer yeşil. "Yeşil" kelimesi 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. Birinci
  2. ikinci
  3. üçüncü
  - numaralı liste;
• • kelime
  • kelime
  • kelime
  - maddeli liste;

Tablo oluşturmak için HTML etiketleri

Tablonun kendi içinde birçok etiket olabilir, bunlar tablo kenarlığının rengindeki değişiklikler, tablo içindeki kelimelerin hizalanması vb. 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 biliyorsunuzdur;
• - içindeki etiket " ' ve tabloda bir satır oluşturur;
• - satırda bir sütun oluşturur, etiketlerin içindedir " ". Muhtemelen tahmin ettiğiniz gibi "150" - sütunun genişliği;

Tamamen html tablo etiketlerişuna benzer bir şeye bak:

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 css olmadan bir şablon olduğunu da belirtmekte fayda var, genel olarak onunla değerli bir şey yapmak imkansız olacak. Yalnızca hep birlikte, html ve css harikalar yaratır, ancak derin bir 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 pek örtüşmeyen birkaç anlamı vardır. Bu yazıda her birini ele almaya çalışacağım.

Öğreneceksiniz, html etiketleri nedir ve meta etiketlerden nasıl farklı olduklarını öğrenin ve ayrıca etiketlerin sitelerde etiket olarak nasıl kullanıldığını öğrenin (çeşitleri ) ve son olarak genel anlamda müzikal 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 ister Html kodu kullanan bir web sayfası, ister etiketleri kullanan tüm bir site, ister bir albüm ve şarkı belirterek müzik koleksiyonunuzu.

Site etiketleri nedir (navigasyon oluşturmak için kullanılan etiketler)

Basit 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 , seti kısaca yayını karakterize eden (örneğin, blogumun ana sayfası için aşağıdaki etiket seti uygun olacaktır: site oluşturma; tanıtım; site tanıtımı; kazanç).

Bu kelimelerin yardımıyla, bu makalenin ne hakkında olduğunu kesin olarak belirlemek mümkün olacaktır. Ancak asıl değerleri bunda değil, ziyaretçinin herhangi bir etikete tıklayıp 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.

Web sitesi sahipleri, makalelerin altında gerekli etiketleri aramamak için sıklıkla sözde etiketler oluşturur. Etiket Bulutu, sitenin sol veya sağ sütununa veya altbilgisine (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 kullanılan etiketler 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ılmıyor mu? Blogumda da yoklar, 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 daha önce oluşturduğunuz ve diğer makalelerde kullandığınız tüm etiketleri iyi hatırlar. Ancak malzeme sayısındaki artışla birlikte etiket sayısı da keskin bir şekilde artar, anlam bakımından yakın anahtar kelimeler kullanıldığında kısmen kopyalanmaya başlarlar.

Navigasyonu iyileştirme açısından değeri bence oldukça şüpheli olan büyük bir karmaşa alıyor. 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ışmasına rağmen. .

Html etiketleri nedir?

İlk defa on beş yıl önce onları incelemeye karar verdim ama sonra Başlık etiketinden öteye ilerlemedim. Sonra Evgeny Popov'un Html ile ilgili ücretsiz video kursuna rastladım ve işler iyi gitmeye başladı. Tabii ki, bu kurs sadece başlangıç ​​aşamasıydı, ancak tam da bu kadar basit bir sunum, yeni başlayanlar için genellikle eksik.

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 video kursu video kursu ama ilginizi çekmeliyim ki indirip izleyin. 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, web siteleri yapmak ve yalnızca sizin kazanabileceğiniz her şeyi kazanmak için koşacak, peki, ben şirketten yanayım. Bu nedenle, sadece fısıltıyla konuşmaya devam edeceğim.

İnternet, kendi küçük programınızı yaptığınız (etiketlerde 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 olmamakla birlikte üst limit de 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 iş ve zaman.

Bu nedenle, etiketler, bir web sayfasının biçimlendirilmesinin en basit öğeleridir, böylece tarayıcı, onu sunucudan yüklerken, bunu veya bu öğeyi (metin, resim, video) tam olarak nasıl görüntüleyeceğini anlar. Önceden, Html dili tek başına her şeyden sorumluydu, ancak sonra ona yardıma 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 etiketlerinde ustalaştığınızda bunun armut bombardımanı kadar kolay olduğunu anlayacaksınız. En önemli şey başlamak ve bir şekilde kendinizi teşvik etmektir. İşin sadece mali yönünden bahsetmiyorum. Site ana gelir kaynağınız olabilir ve tüm aile buradan beslenebilir. Şansa, sebata ihtiyacınız var ve yeniyi tanımaktan korkmayın.

Etiketler farklı, 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 - sadece 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 şekilde görünecek:

metin metni...... metin metni

Açılış Html etiketi (başlangıçta) ile kapanış etiketi (sonda) arasındaki farkı anladınız mı? Tabii ki, üçgen ayraçtan 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ı kapattığımız yer. Tarayıcı, web sayfasının kodunu ayrıştırırken böyle bir parantez gördü ve bunun bir etiket olduğunu anladı ve içindeki her şeyi belirli bir algoritmaya göre işler (paragrafları birbirinden yükseklik olarak ayırır, başlıkların yazı tipini artırır, vb.).

Metinde açılır üçgen ayraç kullanmanız gerekiyorsa, tarayıcının sizi doğru anlaması için bunu kullandığı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 etiketi 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 çok 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 hoş olmayan bir resim görmeye devam edeceksiniz. Ne yapalım? Ve bu durumun suçlusu kim? İşin garibi, ama nedeni yanlış bu müzik dosyasında belirtilen etiketler.

Doğrudan ses dosyasına (başına veya sonuna) dikilirler ve beste, yazarı, albümü, parça süresi ve çok önemli olmayan başka şeyler hakkında bilgiler 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, mevcudiyetlerinde değil, elde etmede 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 belirlemek için "yırtıp atmaya hazır" olduğu bir an gelir. Nasıl yapılır?

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

Windows WMA formatında kaydedilen müzikler için WM meta verileri ve Apple MP4'ler 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. Bunlardan 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ı kendi başınıza bulacağınızı düşünüyorum, özellikle de bu, bu görevi tamamlamak için 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üşmek üzere

giderek daha fazla video izleyebilirsiniz

ilginizi çekebilir

Instagram için Etiketler - neden gerekliler ve en popülerlerini nerede görebilirler?
Hashtag'ler - bunlar nedir ve hashtag'ler Twitter, Instagram ve diğer yerlerde nasıl kullanılır? WordPress blogunuzun Img etiketlerine (bulunmadıkları yerlerde) otomatik olarak Alt niteliği nasıl eklenir?
Bağlantı - nedir ve nasıl oluşturulur
Radikal - Radikal.ru üzerinden hızlı ve kolay fotoğraf yükleme ile ücretsiz fotoğraf barındırma

HTML bir köprü metni biçimlendirme dilidir. Sözde etiketlere dayanmaktadır. Etiketler, web sayfası öğelerinin biçimini ve özelliklerini tanımlayan sarmalayıcı öğelerdir. Bir sayfada sizin için güncel bir HTML etiketi referansı oluşturduk.

Toplamda yüzden fazla işaretleme öğesi vardır. Her birinin bir dizi özelliği ve kendi sözdizimi vardır. HTML etiketi referansı, ihtiyacınız olan öğeyi hızlı bir şekilde bulmanıza yardımcı olacaktır.

HTML etiketlerinin listesi

Aşağıdaki tablo, Rusça kısa bir açıklamayla birlikte HTML5 etiketlerinin bir listesini göstermektedir.