Kısaltma HTML'sini makalelerde sıklıkla görebilirsiniz. Aslında bu kavram sayesinde İnternet, bilinen haline geldi. modern kullanıcı... Küresel ağın hızlı büyümesine ve üzerindeki sitelerin sayısındaki artışa yol açan HTML idi.

HTML nedir?

HTML, web'de barındırılan web sayfalarını oluşturmak ve işaretlemek için kullanılan dildir. Tek bir fikre dayanıyordu. Normal metne bağlantılar eklemekten oluşuyordu. Kullanıcı bunlardan birine tıklayarak belgede başka bir yere gidebilir.

Daha sonra, İnternette bulunan başka bir metin belgesine giden bir bağlantıyı takip etme yeteneği eklendi. Bu, günümüz ölçeğine ulaşan birbirine bağlı bir siteler sisteminin oluşumunun başlangıcına yol açtı. HTML adının geldiği yer burasıdır - Hiper Metin. İşaretleme Dili... Bu ifade Rusça'ya "dil Köprü metni biçimlendirme".

Gelişimin başlangıcı

HTML'nin ilk sürümleri çok basitti. Sağlanan araçlar, köprü eklemeye ek olarak yalnızca temel metin biçimlendirmesine izin verdi. Ancak çok geçmeden bu yetenekler kullanıcıların ihtiyaçlarını karşılamaya son verdi. Bugün HTML gelişti ve her şeyi sağlıyor gerekli araçlar ve bunların yardımıyla modern, güzel ve işlevsel İnternet sitelerinin oluşturulduğu uzantılar.

Ana unsurlar

İçten dışa HTML nedir? Herhangi HTML dosyası- bu normal Metin belgesi... İşaretlemesi etiketlere dayanmaktadır. Genellikle, bilgilerin özelliklerini değiştirmek için tasarlanmış eşleştirilmiş yapılardır (sadece metinsel değil). Örneğin, bir html dosyasının gövdesine "Herhangi bir kelime" yazarsanız, tarayıcı onu italik olarak görüntüler.

Bu örnek, dilin tüm gücünü yansıtmamaktadır, HTML'de bulunmaktadır. Büyük sayıçok çeşitli amaçlar için kullanılan özel tasarımlar. Etiketleri kullanarak, tarayıcıda doğru şekilde görüntülenen herhangi bir metin düzenleyicide bir web sayfası oluşturabilirsiniz. Dünya ağında yayınlanan böyle bir belge, içeriğiyle ilgilenen tüm kullanıcılara eşit olarak gösterilecektir.

Programcıya yardım etmek için

Şu anda, metin editörleri site oluşturmak için çok nadiren kullanılmaktadır. Görsel biçimlendirme ile değiştirildiler. Web siteleri oluştururken çok zaman kazandırır ve HTML sayfa düzeni için en uygun olarak kabul edilir. Bu amaçla kullanılan en popüler program Dreamweaver'dır. Ünlü şirket Adobe tarafından üretilmiştir.

Bu tür çözümler genellikle bir metin düzenleyicide çalışırken elde edilen sonuçların aynısına ulaşılmasına izin verse de, yine de web yöneticisinin bilgisi HTML dili gerekli. Hatta en en son sürümler özel uygulamalar etiketleme her zaman optimal değildir. Bu nedenle, kodu manuel olarak düzenlemeden hiçbir proje yapamaz.

CSS

Sorunun cevabı: "HTML işaretlemesi nedir?" Dan. Daha önce belirtildiği gibi, etiketler, örneğin yazı tiplerinin, renklerin ve ailelerinin boyutunu ayarlamak gibi bilgilerin tasarımını değiştirmenize olanak tanır. Bu parametrelerin birçoğu olabilir ve bunların her bir kombinasyonunu birden fazla kullanmanız gerekiyorsa, aynı kodu çoğaltmanız gerekir.

HTML'ye önemli bir ek, CSS'dir (Basamaklı Stil Sayfaları). Onların tanıtımı 90'lı yıllarda başladı. Bir stil tanımı, bir dizi farklı biçimlendirme özelliğini ifade eder. Ayrıca, her kombinasyon bir kez belirtilir ve genellikle harici dosya... Stilin uygulanması gereken yerlerde yalnızca bir etiket kaydedilir.

Önemli olan: Bir kümede herhangi bir parametreyi değiştirmeniz gerekiyorsa, tek bir satırı düzenlemeniz yeterlidir. Bu durumda, tüm blokların görünümü değiştirilecektir.

CSS, saf HTML'nin eşleşemeyeceği üstün bir web sitesi tasarım aracıdır.

Geliştirme zorlukları

Çoğu zaman, bir web portalının oluşturulması, tasarımının geliştirilmesiyle başlar. Sayfaları bilgi ile doldurmak arka planda kaybolur. Düzen kendi içinde zor bir süreçtir, ancak kullanıcıların çalışırken kullandıkları şeyler nedeniyle karmaşıktır. farklı tarayıcılar... Herkesin var belirli özellikler HTML belgeleri oluşturma. Monitörlerin çözünürlüğü de değişir.

Karmaşık sayfalar oluşturmak iki şekilde yapılabilir:

• Birincisi, bilgilerin bulunduğu hücrelerde tabloların oluşturulmasını içerir.
• İkincisi, katmanlara veya bloklara dayanır. HTML Katmanı nedir? bu kesinlikle keyfi bölge... Boyut ve konum hiçbir şekilde sınırlı değildir.

Her yaklaşımın avantajları ve dezavantajları vardır. Tablo düzeni tarihsel olarak olmuştur. Tasarımı ekran çözünürlüğüne uyacak şekilde "uzatmanız" gerektiğinde kullanışlıdır. Katmanlar, sitenizde çok sayıda sabit öğe varsa en iyi sonucu verir.

JavaScript

Herhangi bir ekleme olmadan HTML işaretlemesi, statik bilgiler içeren sayfalar oluşturmanıza olanak tanır. Web sitelerini etkileşimli hale getirmek, mevcut standartlar JavaScript adlı bir betik dili eklendi. Bir olay sırasında yöntem ve işlevlerin uygulanabileceği nesneler kavramını kullanır. Örneğin, ana nesne JavaScript açısından bakıldığında, bu Penceredir. Bir HTML sayfası, ona "kapat" yöntemi uygulanarak kapatılabilir.

Komut dosyası dilinin başlıca avantajları şunlardır:

• Öğrenme Kolaylığı: Birkaç satırlık çalışma kodu yazmak için programcı olmanıza gerek yok.
• Belirli olaylardan sonra program yürütme. Örneğin, bir işlevin yalnızca web sayfası tamamen yüklendiğinde veya kullanıcı belirli bir bloğa tıkladığında yürütülmesi gerektiğini tanımlayabilirsiniz.
• Dinamik olarak değişen HTML işaretlemesi.
• Tarayıcı tanımı. Bu, her tarayıcı için sitenin farklı bir sürümü oluşturulduğunda çok kullanışlıdır. Program Mozilla kullanıcısını bir adrese, Opera kullanıcısını da başka bir adrese gönderecektir.

Sonuç yerine

Soru: "HTML nedir?" açık. Makalenin, hiper metin işaretlemenin tüm olasılıklarının daha küçük bir bölümünü bile açıklamadığını söylemeliyim. İnceliklerin çoğunu anlamak için birden fazla kitap okumanız, ancak teori ile pratiği birleştirmeniz gerekir.

Merhaba sevgili acemi web yöneticileri. Programlama dillerini öğrenmeye başlıyoruz.

Ve onları html ile öğrenmeye başlayacağız.

Hemen söylemeliyim ki, kursun sonunda bağımsız olarak bir web sitesi yazabileceksiniz. saf html, ve internete koyun. Ama yine de zaman ayırmanızı ve html'den sonra css ile tanışmanızı öneririm.

Ardından siteyi daha havalı hale getirecek ve hazır bir CMS (içerik yönetim sistemi) üzerinde oluşturulan sitenin görünümünü düzeltebileceksiniz.

Bir programlama dili öğrenmek ve öğrenmek yabancı Dil- aynı şeyden çok uzak ve çok daha kolay. Üstelik korkutucu değil, çok heyecan verici.

Sadece anlaşılmaz olan her zaman korkutur, ama size söz veriyorum, ilk derslerden sonra tüm korkular geçecek.

Bilgisayarınıza kurmanız gereken editörü kullanarak çalışacağız.

Bu dosya düzenleyicide kod yazabilir ve ardından tarayıcının bunu nasıl görüntülediğini görebilirsiniz. Çok rahat.

Önce size HTML'nin ne olduğundan biraz bahsedeyim, bu kursumuzun sıkıcı kısmı olacak ve sonra yapacağız. ilginç uygulama... Orada, kesinlikle sıkıcı olmayacak.

HTML (Köprü Metni İşaretleme Dili) kelimenin tam anlamıyla bir hiper metin işaretleme dilidir. Bunun yardımıyla web sayfaları oluşturulur.

Ve bizim anlayışımıza göre, bir konu tarafından birleştirilmiş yalnızca sayfalardan oluşan bir koleksiyon bir kitapsa, hatta daha doğrusu kalın bir dergiyse, o zaman tek bir sayfa tarafından birleştirilen bir web sayfaları koleksiyonu. alan adı- bu site.

Her web sayfasının sizin tarafınızdan yazılmış ve html kodu içine alınmış kendine özgü metni vardır.

Kod, tarayıcıya bu veya bu öğenin nasıl görüntüleneceğini gösteren bir komuttur. Diyelim ki bir kelime yazdınız, ancak ekranda hangi biçimde görüneceği, onu içine aldığınız koda bağlıdır.

Html kodu aşağıdaki öğelerden oluşur:

2. Etiketlerin özellikleri.

3. Öznitelik değerleri.

Onlara sırayla bir göz atalım.

Html etiketi, kodun ana parçasıdır. Şu şekilde yazılmıştır:

Gördüğünüz gibi iki bölümden oluşuyor. İlk açılı ayraçlar açılış kısmı ve ikincisi, eğik çizgi ile kapanış kısmıdır.

Bu iki bölüm arasına, ekranda görüntülenecek olan sayfanın kodunun geri kalanı yazılır.

Etiket tarayıcıya bunun bir html belgesi olduğunu ve diğer tüm öğeler için ana (ana) etiket olduğunu söyler.

Etiketlerin geri kalanında, kod öğeleri, etiketin adı olacak ve bu etiket tarafından hangi öğenin görüntüleneceğini belirleyecek olan köşeli parantez içinde bir harf veya kelime yazılır.

Örneğin, h1 harfini köşeli parantez içine koyarsanız, metin bir başlık şeklinde görüntülenecektir.

Merhaba

Yani, "Merhaba" kelimesinin yazı tipi metnin geri kalanından daha büyük ve daha kalın olacaktır.

p harfini köşeli parantez içine alırsanız, etiketin içindeki metin bir paragraf olarak görüntülenecektir.

Merhaba

Yani yazı tipi normal olacak ama bu etiketten sonra yazılan her şey yeni bir satırdan başlayacak.

Sık kullanımda 10-15'ten fazla etiket olmamasına rağmen, html'de bu tür birkaç düzine harf ve hatta komutun türünü belirleyen kelimeler vardır.

Daha ayrıntılı olarak, her birini yol boyunca ele alacağız.

Etiketlerin özellikleri aşağıdadır. Genellikle kullanılır, ayrıca bir düzineden fazla değildir. Ve son zamanlar ve hatta daha az, çünkü tüm öznitelik işlevleri css'ye taşınmıştır.

Ancak daha sonra bunun hakkında daha fazlası, ancak şimdilik bir özelliğin ne olduğunu öğreneceğiz, çünkü bazıları alaka düzeyini kaybetmedi ve asla kaybetmeyecek.

öznitelik ek komut... Etiketin açılış kısmında yazıyor. Örneğin, başlık rengini yapmak istiyorsanız, h1 etiketinin açılış kısmına color niteliğini eklemeniz gerekir.

Ve hemen niteliklerin değerlerine gidin. Buradaki nokta, özniteliğin bir değeri olması gerektiğidir. Yani, başlığın renklendirilmesi gerektiğini komutu verdiyseniz, hangi rengin olacağını belirtmeniz gerekir.

Bu gösterge, özniteliğin değeri olacaktır. Şuna benziyor:

O kırmızı.

Aynı şekilde, ancak diğer niteliklerin yardımıyla metin boyutunu, girintileri, hizalamaları ve çok daha fazlasını ayarlayabilirsiniz.

Her ne kadar tasarım giderek CSS'ye taşınıyor ve tasarım özellikleri yavaş yavaş eskimiş ve pratik olmaktan çıkıyor.

Ve şimdi yukarıdakilerin hepsinden bir sonuç çıkarıyoruz:

HTML, tarayıcıların anladığı dildir. Tarayıcı ile iletişim kurmak için ihtiyacımız var veya onu kontrol etmek, yani nasıl algılayacağına ve yazdığımızı ekranda nasıl göstereceğine dair komutlar vermek diyebiliriz.

Eklemek istiyorum ki etiketler, nitelikler ve bunların değerleri sırasında hatırlaması kolay uygulamalı eğitim, esasen sonraki tüm makaleler olacak.

Orada etiketi hemen görüyorsunuz, anlamını, hangi durumda ve hangi yerde kullanıldığını, hangi işaretlerin eşlik ettiğini ve nasıl yazıldığını öğreniyorsunuz, bu yüzden şimdi size tüm etiketleri ve nitelikleri göstermeyeceğim, Her şeyi pratikte göreceğiz.

Etiketlerin tam listesi ve html özellikleri, ilgilenen olursa her zaman bakabilirsin. ...

Bununla birlikte, profesyonel olarak programlama ile uğraşmayacaksanız, birkaç (yaklaşık bir düzine) ana etiket ve aynı özelliklerden birkaçını bilmeniz yeterli olacaktır.

Belki de hepsi bu kadar. Bir kaç? Ve daha fazlasına henüz ihtiyaç yok. Gerisi, belirli örnekler kullanılarak öğrenme sürecinde öğrenilecektir.

Örneklerin asimilasyon için daha iyi olacağını düşünüyorum. Amacımız bir web sitesi yapmak ve her şeyin nasıl çalıştığını anlamak, hadi uygulamaya geçelim.

Dönüş

Ders çalışmak için oturduğun anda, bir piç kurusu seni kesinlikle uyandıracak !!!

Okulda öğretmen öğrencilere şunları söyler:
- Sonunda hanginiz kendini aptal olarak görüyor? Ayağa kalk.
Uzun bir aradan sonra bir öğrenci ayağa kalkar:
- Yani kendini aptal olarak mı görüyorsun?
- Pek değil, ama bir şekilde tek başına ayakta durman utanç verici.

Bir pazarlamacının HyperText Markup Language, yani HTML'yi bilmesi gerekiyor mu? Mizanpaj tasarımcıları bu dili kendi aralarında konuşur ve tarayıcıların yanı sıra diğer programcılar ve geliştiriciler de bir dereceye kadar anlayabilir. Ve HTML bilgisi satış seviyesini doğrudan etkilemese de, bu dilin temellerinde gezinme yeteneği bir pazarlamacı için bile gereksiz olmayacaktır.

Ve yapılması gereken ilk şey, HTML'nin temellerine bile hakim olamayacağınız fikriyle bağlantılı şüpheciliği bir kenara bırakmaktır - endişelenmeyin, bu tür şüpheler epeyce insanın kafasına üşüşüyor. Ve zihninizde bu sorularla sürekli olarak kesişmek zorunda olmasanız da, iş görevleri veya LPgenerator'da çalışın, ancak yine de kendinizi tanımanızı öneririz. temel prensipler bu dilin. En azından sadece HTML ile arkadaş olmakla kalmayacak, aynı zamanda şirketinizde/ekibinizde bu dili anadili olan kişilerle daha da yakınlaşabileceksiniz :)

HTML nedir?

Daha önce de belirtildiği gibi, HTML, düzen tasarımcılarımızın doğrudan web sayfalarının (çeşitlerinden biri açılış sayfaları olan) ve e-postaların yapısını oluşturduğu bir köprü metni biçimlendirme dilidir.

işin aslını anlatırsan bu kavramın basit ve açıklayıcı yollarla, HTML'nin gövde olduğunu ve CSS'nin (Basamaklı Stil Sayfaları - basamaklı stil sayfaları) giyim olduğunu söyleyebiliriz. CSS bir web sayfasının görünümünü tanımlarken, HTML yapısını (iskeletini) üstbilgiler, listeler ve diğer benzer öğeler aracılığıyla, sayfanın başından, üstbilgiden, sayfanın sonuna, altbilgiye kadar oluşturur.

HTML'nin bir dil olması da sebepsiz değildir. işaretleme: kesinlikle etiketler veya aynı zamanda etiketler olarak da adlandırılırlar, köşeli parantez içine alınırlar. elementler HTML kodunu oluşturan. Çoğunlukla, elementler bu dilin bir açılış ve kapanış etiketine sahip olun. İkincisinin doğru (geçerli) kullanımı, yalnızca web sayfasının yapısının yeterliliğine değil, aynı zamanda İnternet tarayıcıları tarafından görüntülenmesinin doğruluğuna da bağlıdır.

HTML'nin temel işlevsel kavramları

Aşağıdaki HTML örneğinde gösterildiği gibi, her zaman ile başlar... Tarayıcı için bu öğenin görünümü, HTML yapısını oluşturması gerektiğini belirtir:

Başlık buraya yerleştirilecek

Ve bu yerde ilk paragraf olacak

Tarafından gönderilmiştir küçük seçenek basit HTML kodu, sırayla aşağıdaki gibi etiketlerden oluşan birkaç öğe içerir:

• 
  
  - sayfanın içeriğini içerecek olan bölümünün başlangıcını ve sonunu gösteren açılış ve kapanış etiketi. Bu etiket "vücut" kelimesiyle Rusça'ya çevrilmiştir;

• - yine, başlığın başlangıcını ve sonunu belirten açılış ve kapanış etiketleri. Toplamda bu tür 6 etiket olabilir ve yazı tipi boyutunda farklılık gösterirler - başlığın sayısal sırası ne kadar yüksek olursa, harfler o kadar küçük yansıtılır. etiketi ile birlikte

  ,

  içeriğin yapısını oluşturur: özellikle etiketler metnin paragraflarının başlangıcını ve sonunu tanımlar.

Böylece, birer birer, daha sonra sunulacak olan farklı unsurlar oluşturulur. Açılış sayfası... Muhtemelen zaten anladığınız gibi, belirli bir etiketin kapanışını belirtmek için HTML'de eğik çizgi "/" koymak gelenekseldir.

Yeni edinilen beceriyi pekiştirmek için birkaç kod satırı daha ekleyebilirsiniz. Bundan önce, etiketin sorumlu olduğu içerik "gövdesi" içinde çalışıyorduk. , ama şimdiye kadar bir "kafa" olmadan bu bedene sahibiz. Bu can sıkıcı yanlış anlama, aşağıdaki satırlar eklenerek düzeltilebilir:

Bu, tüm sayfanın başlığı olacak

En büyük fontla yazılmış bir başlık olacak

Ve bu kısmen geliştirilmiş bir gözü pek paragraf.

Burada ayrıca bir başlık olacak, ancak önceki kadar dikkat çekmeyecek - daha küçük bir yazı tipinde yapılacak

Tamlık için bir paragraf daha.

Aslında, yukarıdaki ikinci HTML snippet'i, birincinin genişletilmiş bir versiyonudur:

• ortaya çıktı Başlık Etiketler arasına yerleştirilen sayfanın başlığı , bunlar da etiketin içine yerleştirildikleri için sayfanın içerik kısmını değil başlığı oluştururlar. , Ama değil
  
  ;
• içine yerleştirilecek bir alt düzen başlığı daha var (daha az farkedilecek)
  ;
• ilk paragraftaki metnin bir kısmı sırayla dönüştürülecektir: bir etiket içine alınmış bir cümle (“güçlü” Rusça'ya çevrilmiştir), vurgulanacaktır gözü pek.

Bu, kodun oldukça hızlı bir şekilde büyümesi ve hangi İnternet tarayıcısının tasarımcının ve pazarlamacının ondan ne elde etmek istediğini anladığını yorumlamasıdır.

HTML çizildiği kadar çirkin değil, değil mi?

Bunun sayesinde başka birçok etiket olduğu açıktır. Ekstra seçenekler web sayfasının yapısı. Ancak bu bile kısa bir bakış kodu derinlemesine inceleme ihtiyacıyla yüzleşmek zorunda kalırsanız kafanız karışmaması için yeterli olacaktır.

HTML ve CSS konusunda epeyce yüksek kaliteli İnternet kaynağı var. Pazarlamacıların dilinden konuşursak, bu nişin oldukça gelişmiş olduğunu söyleyebiliriz ve dilerseniz Web'in Rusça konuşulan kısmı da dahil olmak üzere uygun bir kaynak bularak bu alandaki bilginizi artırabilirsiniz.

Bilginin güç olduğuna dair yıpranmış ifade alaka düzeyini kaybetmez ve rafine versiyonu “ başvuru bilgi güçtür ”daha fazla potansiyel müşteri ve finansal temettü getirebilir. Kim bilir, belki de açılış sayfanızın nasıl çalıştığını ve HTML düzeyinde nasıl çalıştığını daha iyi anlamak, mevcut olanları daha tam olarak kullanmanıza ve hatta satışları artırmaya yardımcı olabilecek bazı yeni teknikleri tanıtmanıza yardımcı olabilir.

Bununla birlikte, HTML'yi araştırmak için - hepimiz meşgul insanlarız - arzunuz veya zamanınız yoksa, her zaman yüksek kaliteli bir açılış sayfası oluşturmak için onu kullanma fırsatı vardır.

Ayrıca firmamızın yerleşim bölümü de hizmetinizdedir ( [e-posta korumalı] site), platformdaki kaprislerinizi memnuniyetle yerine getirecek: kaydırıcılar, açılır pencereler, karmaşık potansiyel müşteri formları, galeriler, vb. Editörümüzde her şey mümkün!

Sizin için yüksek dönüşümler!

Igor Kizin,

düzen departmanı başkanı LPgenerator

HTML, İnternet'i bildiğimiz ve sevdiğimiz hale getiren hiper metin biçimlendirme dilidir. Bu harika araç sayesinde sitelerin güzel ve modern görünmesi ve kullanım kolaylığı sağlanmaktadır. HTML, bir web sayfasının öğelerini kullanıcı dostu bir şekilde birleştirir. Çalışması, MS Word veya OpenOffice gibi yaptıklarıyla karşılaştırılabilir. Yüzsüz bir harf yığınını paragraflar içeren bir belgeye dönüştürürler, küçük resim, italik, tablolar ve hatta resimler. HTML dili kabaca aynı şeyi yapar, tek fark belgelerinin bir tarayıcıda görüntülenmesidir ve bu aracın yetenekleri diğerlerine göre çok daha geniştir. Metin düzeltici... Etiketler işaretleme için kullanılır - özel ekipler Web sayfasının yapısını açıklayan. Köşeli parantez içine alınırlar -<тег>böylece tarayıcı bunları metnin büyük kısmından ayırt edebilir. Ardından, yeni başlayanlar için HTML'nin temellerini gözden geçireceğiz.

Görsel editörler

HTML öğrenme yoluna yeni adım atan acemiler, çalışmalarına genellikle herhangi bir bilgi sahibi olmadan siteler oluşturmanıza izin veren programlarla başlar. Bunlarda, tarayıcıda görüntülenecekleri şekilde ekrandaki öğeleri basitçe düzenleyebilirsiniz. Görünüşe göre burada - çoğu web geliştiricisinden kurtulmanıza izin veren sonsuz bir lütuf kaynağı. Ancak görsel editörlerin ciddi projelerde kullanılmasını imkansız kılan birçok eksikliği olduğu için her şey o kadar basit değil.

Bu programların tümü, son sayfayı hantal ve yetersiz hale getiren birçok gereksiz etiket oluşturur. tabiki çağımızda Yüksek hızlı internet sahip düşük değeröncekinden daha fazla, ancak özlü ve iyi yazılmış bir sitenin, görsel bir düzenleyicide oluşturulan muadilinden daha pratik olmasının birkaç nedeni var. Böyle bir programda yapılan bir web sayfası, her kilobaytlık kod onlar için önemli olduğu için arama robotları tarafından zayıf bir şekilde işlenecektir ve bir grup hantal ve mantıksız kod onların zevkine göre olmayacaktır. Buna ek olarak, editörler çoğu zaman zamanın gerisinde kalır, alakasız hale gelir ve hiçbir profesyonel bu ürünleri kullanmadığından, onların gelişimine kaynak harcamak pratik değildir. Bu nedenle, web sitesi oluşturma alanında çalışmak isteyen herkes HTML'nin temellerini bilmelidir.

Etiketler

Yukarıda belirtildiği gibi, etiketler bir web sayfasının yapısını tarayıcıya tanımlar. Çoğunun başlangıç ​​ve bitiş etiketleri vardır, ancak hepsinde yoktur. Örneğin, nokta yerine içeriğin olduğu yer. Birincisi, etiketin nerede başladığını ve ikincisi onu kapattığını gösterir. İçeride sayfa işaretlemesinin başka öğeleri olabilir, iç içe geçmiş bir oyuncak bebek gibi iç içe yerleştirilebilirler. Etiketlerin zamanında kapatılması, sayfanın doğru görüntülenmesi için önemlidir.

Kapatılması gerekmeyen tek etiketler de vardır. Çoğu HTML etiketi için yazılabileceği gibi içerideki içeriği içerirler ve öğenin özelliklerini ayarlarlar. Açılış etiketinde belirtilir ve şuna benzer: öznitelik = "...", öznitelik değerinin noktalar yerine bulunduğu yer. Etiketler bilgisi ilk ve en önemli adım HTML'ye hakim olmak için. Bu sanatın temelleri aynı zamanda bir web sayfasının yapısını anlamayı da içerir.

Belge yapısı

Her HTML belgesinin karşılık gelen bir uzantısı vardır, örneğin Index.html. Bu, tarayıcının neyle uğraştığını anlamasına ve sayfayı doğru şekilde görüntülemesine olanak tanır. Siteyi oluşturmak için kullanılan tüm dosyaları, gelecekte hayatınızı çok daha kolaylaştıracak olan tek bir dizinde saklamanız önerilir. İşaretleme Dilinin Temelleri hiper metin HTML'si Belgenin yapısını net bir şekilde anladığınızı varsayın. Bir etiketle başlartarayıcıya söylüyorum HTML sürümü Bu belgede kullanılan. Açık şu an dilin beşinci versiyonu alakalıdır, bu nedenle herhangi bir şey icat etmeye gerek yoktur, yukarıdaki etiketi herhangi bir sayfanın başına güvenle ekleyebilirsiniz.

Sonra sitenin "iskeletini" oluşturan ana eşleştirilmiş yapılar var. Diğerlerinin yuvalandığı ilk etiket - ...... Bunun dışındaki hiçbir şey tarayıcı tarafından bir web sayfası olarak tanınmaz, bu nedenle belgeyi açar ve kapatır. Bu etiket herhangi bir belge için gereklidir. Ayrıca, aşağıda tartışılacak olan birkaç gerekli etiket daha içerir.

Kafa

etiketin içinde ... sayfada görüntülenmeyecek teknik nitelikte bilgiler içerir, ancak yine de önemli kısım HTML belgesi... Sitenin temelleri tam olarak bu yerde atılır, burada kodlama seçilir ve sayfanın adı girilir. İçinde bulunur gerekli etiket ... Başlık, sayfa içeriğini karakterize eden küçük bir simge de yerleştirebileceğiniz tarayıcının üst kısmında görüntülenir. Belgenin kodlamasını hemen belirtmeniz önerilir. doğru görüntü... Bu etiket kullanılarak yapılabilir ... Meta etiketler, bir sayfanın yapısı hakkında bilgi sağlar ve genellikle başlığın içinde bulunur.

Bağlantı

HTML'nin temellerini bilmek aynı zamanda kullanmak anlamına da gelir. basamaklı stiller tasarım veya css. Sayfada görüntülenecek öğelerin özelliklerini ayarlarlar. Modern yaklaşım bu göreve, daha fazla rahatlık için bir öğenin rengi, yüksekliği ve konumu gibi özelliklerin harici bir dosyaya aktarılmasını içerir. css dosyasını bağlamak için etiketi kullanın ... Bitmiş formda, şuna benzer: href dosyanın konumunu, type ise türünü belirtir.

Vücut

HTML belgesinin bu bölümünde görünen kısım sayfalar. "Gövde" içinde yapılan her şey tarayıcı tarafından gösterilecektir. V tarafından kullanılan büyük miktar HTML etiketleri. Temel bilgiler, metin biçimlendirme, bağlantılarla çalışma ve bir web sayfasını yapılandırmaya yönelik temel araçlardır. HTML'ye başlamak için temel etiketleri bilmeniz ve kullanmanız yeterlidir. Aşağıda en popüler olanlar:

• - css'de açıklanan özel bir stil tarafından kapsanacak bir alt diziyi vurgulamak için kullanılır;
• - bir web sayfasında bir bağlantı oluşturur; atlama adresi, href özniteliği tarafından belirlenir;
• - zamanımızın en popüler etiketlerinden biri; HTMLl dilinin temellerini öğrenmeye karar veren herkes, buna özellikle dikkat etmelidir, çünkü bu, aslanların modern sitelerin payının yapıldığı bir blok öğesidir (bloklar için parametreler).

  css'de ayarlanır ve diğer bloklar bu etiketin içine yerleştirilebilir);

• Metinden bir paragraf çıkarır; paragrafın içeriği açılış ve kapanış etiketleri arasındadır;

• - öğeleri eşleştirilmiş bir etiket içine alınmış numaralandırılmış bir liste
  1. - öğelerin numaralı bir listede olduğu gibi bir etiketle gösterildiği madde işaretli bir liste

     • -

       - belge başlıkları (sayı başlık düzeyini gösterir, yani

       - ana başlık ve sonraki varyantlar, bu arada, seviyelerin başlıkları olan alt başlıklarıdır.

       ,

       İnternette bulmak neredeyse imkansız), bir sayfada yalnızca bir başlık olabileceğini hatırlamak da önemlidir.

       ;

     • - küçük resim;
     • - italik;
     • - Bir web sayfasına resim ekleme (bu tek bir etikettir, bir kapanış etiketine ihtiyaç duymaz, ancak görselin metnini belirten alt niteliğini içermelidir);

     Bunlar, kendi web sayfanızı oluşturmak için ihtiyaç duyduğunuz etiketlerden sadece birkaçıdır, ancak yeni başlayanlar için HTML'nin temellerini atmak için yeterlidir.

     CSS

     HTML dilinin gelişimi, her etiketin birçok nitelik kazanmasına ve web sayfalarının görünümü için gereksinimlerin önemli ölçüde artmasına neden oldu. Kod hantal ve elverişsiz hale geldi, onu uyarlamak veya değiştirmek şöyle dursun, okuması bile zordu. Ayrıca, sitenizde birçok başlığı yeşille vurgulanmış on sayfa varsa ve bunları aniden kırmızı yapmak istiyorsanız, o zaman her birini elle değiştirerek terlemeniz gerekir. Basamaklı Stil Sayfalarının ortaya çıkmasıyla, bu süreç basit ve mantıklı hale geldi ve HTML kodu çok daha okunabilir hale geldi.

     

     CSS uygulama

     Web sayfaları oluşturmak için HTML ve CSS'nin temellerini bilmeniz gerekir, çünkü bu alanda basamaklı stil sayfaları bilgisi olmadan yapacak bir şey yoktur. Belgenin tamamına uygulanan herhangi bir öğe için nitelikler belirlerler. Böylece tüm öğelerin rengini bir kerede ayarlayabilirsiniz.

     Veya sadece bir kural yazarak. Web sayfalarının görünümü için günümüz gereksinimleri göz önüne alındığında, basamaklı stil sayfalarının kullanılması bir zorunluluktur.

     Bir css dosyasını bir belgeye bağlamak için bir bağlantı etiketi vardır. Kullanım prensibi biraz yukarıda açıklanmıştır, ancak tüm stilleri tek bir yerde birleştirmek için tek seçenek bu değildir. etiketi de var

     Samsung Galaxy cep telefonlarının aşırı ısınma nedenleri

     Samsung Galaxy S5 akıllı telefon incelemesi: seri katil

     Android Oreo: Google, Bilinmeyen Kaynaklardan Uygulama Yüklemeyi Bilinmeyen Kaynaklardan Uygulama Yüklemeyi Daha Güvenli Hale Getirdi

     Android nasıl kurulur - Adım adım talimatlar Android 5 için üretici yazılımı nereden indirilir

     Android youtube varsayılan maksimum kalite

     LG G2'de servis menüsüne nasıl gidilir