Bu özelliği atlamanıza ve metni geliştiricinin gerektirdiği şekilde görüntülemenize olanak tanır.

- bir metin paragrafı tanımlar.  Etiket 
Bir blok elemanıdır, her zaman yeni bir satırda başlar, birbirini takip eden metin paragrafları bir dolgu ile ayrılır.  Dolgu miktarı stiller kullanılarak kontrol edilebilir.  Bitiş etiketi yoksa, paragrafın sonu bir sonraki blok öğesinin başlangıcı olarak kabul edilir.
..
..

- HTML, başlıktan sonraki bölümün göreli önemini gösteren farklı düzeylerde altı başlık sunar.  Yani, etiket 
en önemli birinci düzey başlığı temsil eder ve etiketi 
altıncı seviye bir başlığı ifade etmeye hizmet eder ve en az önemlidir.  Varsayılan olarak, ilk düzey başlığı en büyük kalın yazı tipiyle görüntülenir, sonraki düzeyin başlıkları boyut olarak daha küçüktür.  Etiketler: 
,…,
blok öğelerine bakın, her zaman yeni bir satırda başlarlar ve onlardan sonra diğer öğeler bir sonraki satırda görüntülenir.  Ayrıca başlıktan önce ve sonra boşluk bırakılır.  Etiketin bir özelliği var hizalamak başlığın hizalamasını belirleyen , olabilir sol- başlığın sola hizalanması, merkez- merkez hizalama, sağ- doğru hizalama, savunmak- haklı hizalama (hem sağ hem de sol).  Bu değer, yalnızca uzunluğu birden fazla satır olan bir başlık için çalışır.


- boyut, renk ve yazı tipi gibi yazı tipi özelliklerini değiştirmek için bir kapsayıcıdır.  Bu etiket hala tüm tarayıcılar tarafından desteklense de, kullanımdan kaldırılmıştır ve stiller lehine çıkarılması önerilir.  Etiketin 3 özelliği vardır: renk- metnin rengini ayarlar, yüz- yazı tipini tanımlar, boy- yazı tipi boyutunu geleneksel birimlerde ayarlar.

- metni başka bir materyale alıntı veya dipnot olarak işaretler.  Bu vurgulama, metnin stilini CSS aracılığıyla değiştirmek için kullanışlıdır ve HTML kodunu yapısal öğelere ayırmak için de kullanışlıdır.  Tarayıcılar genellikle metni bir kapsayıcının içine yerleştirir italik olarak.

- karakter dizisinin bir kısaltma olduğunu belirtir.  Özelliği kullanma Başlık kısaltmanın kodunun çözülmesi verilir, bu da ona aşina olmayanlar için kısaltmayı anlamayı mümkün kılar.  Ayrıca, arama motorları, belgenin sıralamasını iyileştirmek için kullanılabilecek kısaltmanın tam metin sürümünü indeksler.
Varsayılan olarak, kapsayıcıdaki metin noktalı bir çizgi ile altı çizilir.
Tüm bu etiketleri kullandığım kod aşağıdadır:

 




HTML ve CSS Web sayfaları oluşturmak için temel teknolojilerden ikisidir.  HTML, sayfanın yapısını sağlar, CSSçeşitli cihazlar için (görsel ve işitsel) düzen.  Grafikler ve komut dosyası oluşturmanın yanı sıra HTML ve CSS, Web sayfaları ve Web Uygulamaları oluşturmanın temelidir.  Aşağıdakiler hakkında daha fazla bilgi edinin:
HTML nedir?
 HTML, Web sayfalarının yapısını tanımlayan dildir.  HTML, yazarlara şu araçları sağlar:

Başlıklar, metinler, tablolar, listeler, fotoğraflar vb. içeren çevrimiçi belgeler yayınlayın. 
Bir düğmeye tıklayarak köprü metni bağlantıları aracılığıyla çevrimiçi bilgileri alın. 
Uzak servislerle işlem yapmak, bilgi aramak, rezervasyon yapmak, ürün sipariş etmek vb. için kullanım için formlar tasarlayın. 
Elektronik tabloları, video klipleri, ses kliplerini ve diğer uygulamaları doğrudan belgelerine dahil edin. 

 HTML ile yazarlar, işaretlemeyi kullanarak sayfaların yapısını tanımlar.  Dilin öğeleri, aşağıdaki gibi içerik parçalarını etiketler: "Paragraf", "liste", "tablo" vb..
XHTML nedir?
XHTML bir HTML'nin varyantı Genişletilebilir İşaretleme Dili olan XML sözdizimini kullanır.  XHTML, HTML varyantı ile aynı öğelere (paragraflar vb. için) sahiptir, ancak sözdizimi biraz farklıdır.  XHTML bir XML uygulaması olduğundan, diğer XML uygulamalarını kullanabilirsiniz. aletler(XSLT, XML içeriğini dönüştürmek için bir dil gibi).
CSS nedir?
CSS, renkler, düzen ve yazı tipleri dahil olmak üzere Web sayfalarının sunumunu tanımlayan dildir.  Sunumun büyük ekranlar, küçük ekranlar veya yazıcılar gibi farklı türdeki cihazlara uyarlanmasına olanak tanır. CSS NS bağımsız HTML'dir ve herhangi bir XML tabanlı biçimlendirme ile kullanılabilir dilim dilim.  HTML'nin CSS'den ayrılması, sitelerin bakımını, sayfalar arasında stil sayfalarını paylaşmayı ve sayfaları farklı ortamlara uyarlamayı kolaylaştırır.  Bu, yapının (veya: içeriğin) sunumdan ayrılması olarak adlandırılır.
WebFont nedir?
WebYazı Tipleri insanların işletim sistemine kurulum gerektirmeden Web üzerinden isteğe bağlı olarak yazı tiplerini kullanmalarını sağlayan bir teknolojidir.  W3C, aşağıdakiler aracılığıyla indirilebilir yazı tiplerinde deneyime sahiptir: HTML, CSS2 ve SVG...  Yakın zamana kadar, birlikte çalışabilir bir yazı tipi biçiminin olmaması nedeniyle indirilebilir yazı tipleri Web'de yaygın değildi.  WebFonts çabası, endüstri destekli, açık bir yazı tipi formatı oluşturarak bunu ele almayı planlıyor. Web için ("WOFF" olarak adlandırılır).






Ders sona erdi, umarım edinilen bilgiler sizin için yararlı olur!  Bir sonraki derste size etiketin kendi içinde ne sakladığını anlatacağım. , her türlü görüntü manipülasyonunu nasıl yapacağımızı öğreneceğiz ve tablolarla tanışacağız.
Bu makaleyi yazarken, bazı etiketlerin açıklaması buradan alınmıştır.
Yazardan: Herkese selam.  Hepimiz ilginç projelerde yer almak ve fikirlerimizi hayata geçirmek için site inşasını daha iyi anlamak istiyoruz.  Ama ya tam bir acemi iseniz?  Aptallar için pratik dersler içeren html eğitimimiz, sonunda site oluşturmada sıfır seviyeden en azından temel bir anlayışa kadar böylesine önemli bir atılım yapmanıza yardımcı olacaktır.
 
Hemen hemen diğer tüm işlerde olduğu gibi, site oluşturma çalışmasında da uygulama önemlidir.  Pancar çorbası tarifini 1000 kez tekrar okuyabilirsiniz, ancak bu onu pişirmeyecektir.  Araba kullanmanın temel ilkelerini öğrenebilirsiniz, ancak direksiyona geçene kadar her şey aydınlığa çıkar.  Teori bilgisinden kuşkusuz bazı faydalar vardır, ancak gerçek beceriler kadar büyük değildir.
 
Yani, eğer html öğrenmekten bahsediyorsak, teori de var ama pratik var.  Bu durumda teori sadece bir dizi makale, dil konusundaki dersler, temel etiketler ve uygulamaları vb.
 
Kendiniz bir html dosyası oluşturduğunuzda, başlangıç ​​kodunu buraya yazdığınızda ve her şeyin nasıl çalıştığını kendi ellerinizle incelemeye başladığınızda alıştırma sizin için başlar.  Bir etiket yazdım ve nasıl çalıştığına baktım.  Bir resim ekledim ve kontrol ettim.  Bazı özellikler eklendi, vb.  Ana etiketleri hızlı bir şekilde anlamayı ve hatırlamayı mümkün kılan uygulamadır.  Daha sonra bunları makineye yazarsınız ve nasıl liste oluşturacağınızı yarım saat hatırlamanıza gerek kalmaz.
 
Nadir etiketler için her zaman bir sözlük kullanmalısın.  Hiç kimse, tek bir süper düzen ve web geliştiricisi değil, sanırım tüm etiketleri ezbere bilmiyor.  Sadece gerekli değil.  Her 10 yılda bir etiket kullanıyorsanız, neden kafanızda tutuyorsunuz?  Bence bu anlaşılabilir.
 
Ama ben bu uygulamaya sadece bir tür sandbox oyunu diyebilirim.  Sadece farklı etiketler yazıyorsunuz, her şeyi mümkün olduğunca ayrıntılı bir şekilde anlamaya çalışıyorsunuz, ama hepsi ne için?  Bir amacı olmalı.  Genellikle html ve css, daha sonra kendi web sayfalarını ve tam teşekküllü sitelerini oluşturmak için incelenir.
 
Bu yüzden en iyi uygulama, sitenin hazır, çizilmiş bir düzenini alıp makyaj yapmaktır.  Düzen tam olarak html ve css dillerini kullanarak çok katmanlı bir görüntüden web sayfaları oluşturma süreci olarak adlandırılan şeydir.  Kod yazarken bile çerçeveler, javascript ve uygulama kitaplıkları kullanabilirler ama bu başka bir sohbetin konusu.  Bütün bunlar tamamlayıcıdır.  Html çok iyi anlaşılması gereken temel bir teknolojidir.
 
Ama seni memnun edeceğim - bu basit, en basiti.  Belirli etiketlerin nasıl çalıştığını ve bunların nasıl kullanılacağını öğrenmek çok kolaydır.  Html'de programlama dillerinde olduğu gibi karmaşık algoritmalar, işlevler, yöntemler, sınıflar yoktur.  Bu bir işaretleme dilidir, sadece biraz çalışmanız yeterlidir ve her şey çok net olacaktır.
 
Dil nasıl doğru öğrenilir ve nerede pratik yapılır?
 
Yine, sadece doğru yoldaysa kolay öğrenmeden bahsediyorum.  Yani, gerekli şeylerin basitten karmaşığa doğru aşamalı olarak açıklandığı mantıklı video eğitimlerini izleyin.  Bu formatta oluşturulmamış dersleri izlerseniz, büyük olasılıkla malzemenin çoğunu anlamayacaksınız.
 
Neyse ki, web sitemizde tüm dersler yapılandırılmış ve basitten karmaşığa doğru sıralanmıştır.  Bu nedenle, derslerimize göre html çalışırsanız, materyalin özümsenmesi ile ilgili herhangi bir sorun olmayacaktır.
 
Sizi temin ederim ki css öğrenmek daha ilginç!  Ve bazı açılardan daha da kolay.  İlk olarak, css'in hatırlamanız gereken birkaç özelliği ve kuralı vardır.  İkincisi, bu dilin çok basit bir sözdizimi vardır, bu nedenle yeni başlayanlar bile kod yazarken sorun yaşamazlar.  Üçüncüsü, sayfanın görünümünden css sorumlu olduğu için, ilk başta sayfayı kırmızıya çevirdiğiniz ve oraya bir çerçeve yaptığınız için memnun kalacaksınız.
 
Genel olarak, css öğrenmek basit ve eğlencelidir, bu yüzden html'nin temellerini bitirdikten sonra gecikmemenizi ve hemen başlamanızı tavsiye ederim.
 
Son pratiğiniz
 
Sonunda bir sınavın var.  Ama merak etmeyin, zor olmayacak.  Üstelik bunu kendiniz yapmanız gerekmeyecek, sadece derslerdeki talimatlara göre yapacaksınız.  Bu sınav bir derstir.  İçinde sonunda ana ara hedefe ulaşacaksınız - ilk sitenizi tasarlıyorsunuz ve gerçek site oluşturmada html ve css'nin nasıl kullanılacağını anlıyorsunuz.  Basit bir site olmasına izin verin, ancak edindiğiniz bilgiler daha da büyümeniz ve daha karmaşık düzenler oluşturmanız için zaten yeterli olacaktır.
HTML'nin kısaltması H yper T harici m arkup L anguage, yani  Köprü Metni Biçimlendirme Dili, web sayfalarını oluşturmak ve görselleştirmek için kullanılan web sayfalarının ana yapı taşıdır.
HTML, düz metne işaretleme ekler.  Köprü metni, web sayfalarının birbirine bağlandığı çeşitli bağlantılar içerir.  HTML ile herkes hem statik hem de dinamik siteler oluşturabilir.  HTML, bir web belgesinin içeriğinin yapısını ve anlamını tanımlayan bir dildir.  Bir web sayfasının içeriği, HTML öğelerini temsil eden etiketler kullanılarak işaretlenir.  Bu tür elemanlara örnekler , , 
vesaire.  Bu öğeler, herhangi bir web sitesi için yapı taşlarını oluşturur.

HTML 1991 yılında bir bilim adamı olan Tim Berners-Lee tarafından icat edildi ve başlangıçta çeşitli üniversitelerdeki bilim adamları arasında belge alışverişi için tasarlandı.  Buluşuyla Tim Burns-Lee, modern internetin temellerini attı.
HTML'nin birkaç sürümü vardır.  Dil standardı sürekli olarak güncellenir ve tamamlanır, bunun sonucu olarak neredeyse her yıl yeni bir HTML sürümü yayınlanır.  "HTML 2.0" sürümü, 1995'te yayınlanan HTML belirtiminin ilk standardıydı.  HTML 4.01, 1999'un sonunda yayınlanan ve günümüzde yaygın olarak kullanılan HTML'nin ana sürümüdür.  Günümüzde en popüler sürüm, HTML 4.01'in bir uzantısı olan ve 2012'de yayınlanan HTML-5'tir.
Bir HTML belgesi veya web sayfası, etiketleri (sırasıyla açılı ayraç içine alınmış düz metin olan) içeren basit bir metin belgesidir.<имя тэга>).  Bir web sayfası hem normal bir metin düzenleyicide (Notepad, WordPad, Word, vb.) hem de kod vurgulamalı özel bir düzenleyicide (Notepad ++, Sublime Text, vb.) yazılabilir.  HTML belgeleri .htm veya .html dosyaları olarak saklanır.
Her derste çevrimiçi örnekler
Her dersteki materyali incelerken, her bir kodu ayrıntılı olarak anlamanıza ve uygulama yoluyla zevk almanıza yardımcı olacak örnekler sağlanacaktır.  Çevrimiçi HTML düzenleyicimiz ile bir HTML belgesini düzenleyebilir ve ardından sonucu görmek için sol düzenleyici penceresinin üzerinde bulunan düzenleyicide turuncu "Çalıştır" düğmesine tıklayabilirsiniz.  Özel bir HTML düzenleyici kullanıyorsanız, örneği kopyalayabilir ve çalışmanızın sonuçlarını bilgisayarınızda yüklü olan tarayıcıda görebilirsiniz.

Örnek HTML: 
Kendin dene





 
 
bu başlık

 
Bu bir paragraf.

 





Çevrimiçi HTML Örnekleri
HTML Eğitimi, biçimlendirme dilinde kolaylıkla ustalaşmanıza yardımcı olacak 100'den fazla çevrimiçi örneğe sahiptir.  Yüz kez duymaktan bir kez görmek daha iyidir!  Teori artı pratik, HTML'de ustalaşmanın anahtarıdır.
veya kendi başınıza ve ücretsiz olarak HTML derslerini öğrenin
 
İnternette kendi web sitenizi oluşturmak ister misiniz?  - Çok iyi! HTML dersler bu konuda size yardımcı olacaktır.
 
Köprü Metni İşaretleme Dili veya kısaltılmış HTML- W3C konsorsiyumunun bir ürünü olan belgeler için bir köprü metni biçimlendirme dili - neredeyse tüm mevcut web sayfalarının merkezinde yer alır ve bu da onu site oluşturma araçları hiyerarşisinin en üstüne yerleştirir.  Bu bölümdeki derslerin çalışılmasına özellikle dikkat edilmelidir.
 
HTML dersleri- bunlar İnternet sayfaları oluşturma dersleridir.
 
HTML dersleri- İnternet sitelerinin geliştirilmesinde ustalaşmaya yönelik ilk adım.
 
HTML dersleri ve web tasarım dersleri tamamen farklı kavramlardır.
Yeni, modern HTML öğreticileriözel tasarım yeni başlayanlar için.
 
Sözdizimi HTML oldukça basit ve anlaşılması kolay, ancak bu, öğrenme sürecinin sorunsuz ve hatasız geçeceği anlamına gelmez.  Onlardan korkmaya gerek yok - kaçınılmazlar.  Hata yaparak, gelecekte nasıl hareket etmemeniz gerektiği hakkında bilgi edinirsiniz, bu bilgi biraz çabaya, zamana değer ve bu nedenle özellikle değerlidir.  Bilgi ve tecrübe bu şekilde biriktirilir.
 
İlk sayfalarınızı oluştururken, daha önce bilmediğiniz ve belki de varlığından bile haberdar olmadığınız bir dünyayı - başka olasılıklar dünyası - Web dünyasını keşfettiğiniz düşüncesinin keyfine varacaksınız.
 
Dikkat olmak!  Yeni bir mesleğe bağımlı hale gelebilirsiniz.
 
Yeni HTML Eğitimleri |  Örnek HTML Kodu
 
Öğelerini düşünün:
 
Belgenin başlangıcını ve sonunu tanımlayan etiketler.
 
Servis bölümü.  Buraya tarayıcılar için komutlar, arama robotları için talimatlar, uzak dosyalara bağlantılar, komut dosyaları yerleştirilir.
 
Belgenin ana başlığını tanımlayan etiketler.
 
Bu bölüm, web sayfasının görünen kısmının tamamını içerir.
 
Tarayıcıda Merhaba Dünya!  :
 
Çalışmak için HTML Not defteri gereklidir.  İçinde kodu manuel olarak yazacağız.  Belki de hepsi bu kadar ... Kodun yorumlanması, web sayfalarını, yani Internet Explorer, Firefox, Opera, Chrome ve diğer tarayıcıları görüntülemek için yazılım tarafından gerçekleştirilir.
 
Bu dersin dersleri sunacak HTML5, XHTML ve CSS eklentileri.  Bu kombinasyon, öğrenme için idealdir ve materyalin öğrenilmesini önemli ölçüde hızlandırmanıza olanak tanır.
 
Şu anda, spesifikasyon W3C konsorsiyumunun resmi web sitesinde zaten mevcut. HTML5...  Beşinci versiyonun geliştirilmesi 2007'de başladı, XML ve aslında, yeni unsurlar ve niteliklerle tamamlanmıştır, XHTML-yemek yemek.  Beşinci versiyon HTML daha fazla işlevsellik sunar ve etkileşimli siteler ve web uygulamaları oluşturma sürecini basitleştirir.  Dışında, HTML5 multimedya içeriğinin bir web sayfasının içine yerleştirilmesini sağlayan ek öğeler içerir.
 
Yeni HTML henüz öneri durumu almamıştır ve bu aşamada etiketleri yalnızca bazı tarayıcılar tarafından tanınır.  Buna rağmen, bugün HTML 5 dersleri mevcuttur.
 
Post Scriptum: İnternet, Köprü Metni Aktarım Protokolü veya kısaca HTTP, köprü metni belgeleri biçiminde veri aktarma protokolü aracılığıyla köprülerle bağlanan sonsuz sayıda sayfadan oluşur.  Nedir HTML? HTML - Köprü Metni İşaretleme Dili veya belgeler için köprü metni biçimlendirme dili.
Bu makale, HTML biçimlendirme dili için kapsamlı bir kılavuz olmayı amaçlamamaktadır.  HTML'nin temellerini açıklar - bu teknolojinin temel ilkeleri, kavramları ve tanımları, hakim olduktan sonra, HTML kodlaması çalışmasında kolayca ilerleyebilirsiniz.
Dersi incelemek için arşivi gerekli dosyalarla birlikte indirin.
HTML bir işaretleme dilidir belgeler...  Doğru telaffuz - HT Em El.
Hiç bir Word belge düzenleyicisinde veya benzeri ofis uygulamalarında çalıştınız mı?  Muhtemelen bu tür editörlerin metin düzenleme, öğeleri konumlandırma, resim ekleme vb. için zengin olanaklara sahip olduğunu biliyorsunuzdur.
Neden kelime işlemciler hakkında bir HTML makalesi yazıyorsunuz?  İşte neden.  Bir ofis editörünün ne olduğunu anlarsanız?  Belgeleri düzenlemek ve görüntülemek için bir uygulamadır.
Buradaki anahtar kelime belge
...  Yani, bazı programlarda, bu durumda bir ofis düzenleyicide bir belge oluşturur, düzenler ve görüntüleriz.  Böyle bir belgeyi basit bir metin düzenleyicide, örneğin Not Defteri'nde açarsanız, birçok garip sembol ve işaret göreceğiz.  Bu semboller karmaşası insanlık için anlaşılmaz ama bilgisayarlar bunu anlayabilir.  Bu iç dil sayesinde, Word belgesi düzenleyicinin kendisinde belirli bir yapı ve görünüm kazanır ve belge, biçimlendirilmiş metin ve yerinde resimlerle tüm ihtişamıyla önümüzde görünür.
HTML bir belge biçimlendirme dilidir tarayıcı için...  Word "burada bir tarayıcı ve bir belge bir HTML sayfasıdır. Bu, web belgelerinin biçimlendirme dilini programlama dilleriyle karıştırmamak için anlaşılması gereken HTML teknolojisinin temelidir. Adı kendisi için konuşur. - HTML yardımıyla biz işaretöğenin, resmin veya metnin sayfada nerede gösterileceği ve birbirlerini hangi sırayla izleyeceği.
Evet, ofis uygulamalarında metin yazma ve biçimlendirmenin programlama ile hiçbir ilgisi yoktur.  Ancak dikkatli bir okuyucu önemli bir ayrıntıyı fark edecektir - bir kelime işlemcide görsel düğmeler ve menüler kullanarak metin ve görüntüleri yazıyoruz, düzenliyoruz ve biçimlendiriyoruz, ancak HTML kodu neden elle yazılır?  Bir belge için işaretleme yazmanın bu kadar çok teknik detayını neden öğreniyorsunuz?
Aslında, Word'e benzer şekilde HTML sayfaları oluşturabileceğiniz ve düzenleyebileceğiniz birçok düzenleyici vardır.  Yani kaynak HTML kodu bizim için gizlidir ve içine girmeyiz.
HTML için bir tür Word.  Bu tür görsel editörlere şunlar denir:

 WYSIWYG
 editörler - Wşapka Y sen S ee ben s Wşapka Y sen G et.  Yani, Rusçaya çevrilirse: gördüğümüz şey, elde ettiğimiz şeydir.
Ben onlara "vuzivugi" diyorum.  Bu, fonetik olarak doğru olmasa da, bu buluşun anlamsızlığını açıkça göstermektedir.  Yeni başlayanlar, ilk sitelerini oluşturmak için genellikle bu tür editörleri kullanır.  Tabii ki, bu uygundur - ilk bakışta, nahoş ve karmaşık şeylerin etiketleri, tasarım stilleri ve diğerlerini incelemenize gerek yoktur.  Editörün kendisi, eylemlerimizi otomatik olarak HTML koduna dönüştürür.
Ama dedikleri gibi, hiçbir şey olmuyor.  Daha spesifik olarak, bu yaklaşımın çok ciddi dezavantajları vardır.  Herkesin HTML sayfaları tasarlamak için görsel düzenleyicileri kullanmasını engelleyen nedir?  Gerçek şu ki, bu şekilde oluşturulan sayfalar, kural olarak, çok fazla gereksiz koda, anlamsal açıdan çok fazla hataya sahiptir.  Şimdi, elbette, yüksek hızlı bir İnternet bağlantısında sorun yok ve 400 kb ile 100 kb arasındaki sayfa boyutundaki fark hız için önemli değil, ancak optimize edilmiş ve doğru yazılmış bir HTML kodu birçok sorunu ortadan kaldırıyor ve çok şey veriyor. avantajlar, yani:
Yetkili bir HTML kodunun, bir arama robotu tarafından bir siteyi tarama hızı olan arama motoru optimizasyonu üzerinde olumlu bir etkisi vardır.  Üretilen kilobaytlarca kod burada kabul edilemez ve hatta zararlıdır;
 
WYSIWYG düzenleyicisi tarafından oluşturulan HTML kodunda birçok anlamsal hata vardır.  Yani, böyle bir düzenleyici tarafından oluşturulan etiketler, örneğin listeleri kullanmanız gereken başka amaçlar için kullanılır. 
, editör bizim için gereksiz başka bir etiket oluşturacaktır.  Elbette editöre bağlıdır, ancak burada WYSIWYG araçlarını kullanarak metin alanında basit metin düzenleme değil, site oluşturmak için karmaşık çözümler kastediyoruz.
 
Çok sayıda gereksiz etiket oluşturulur ve belgenin yapısı şişirilir.  Diyelim ki böyle bir programda bir öğeyi önce sağa, sonra sola, sonra merkeze taşıdınız - her eylem orijinal HTML kodunda bir iz bırakır.  Bir editör bir programdır ve sonuç olarak tam olarak ne elde etmek istediğinizi bilemez, belgenin tarayıcıdaki davranışı için tüm olası seçenekleri hesaba katarak tonlarca kod üretir.
 
Kural olarak, HTML kodunu görselleştirmek için kullanılan editörler hızla eski hale gelir.  Ve profesyonellerin ilgisizliği nedeniyle, genellikle desteklerini kaybederler ve gelişmeyi bırakırlar.  Ve HTML gelişiyor.  Vuzivugi dışında her şey gelişiyor.  Buna göre, yeni çiplerin ve çözümlerin dahil olacağı doğru ve modern kodu üretemezler.
 
Bu tür projeleri desteklemek ve geliştirmek ilahi bir cezadır.  Kalıpları kullanmak ve kodu yeniden kullanmak söz konusu değil.
Yani HTML'yi sadece kalemlerle yazacağız.  Görsel HTML düzenleme için yeterli araçlar henüz icat edilmedi ve görünmeleri pek mümkün değil.  HTML biçimlendirme dilini öğrenmesi ve anlaması kolaydır ve HTML kodunun yazılmasını otomatikleştirmek için birçok araç vardır, ancak diğer derslerde bununla ilgili daha fazla bilgi vardır.
Bir WYSIWYG editörüyle biraz uğraştıktan sonra, genç HTML guruları bu umutsuz uğraşı bırakıp devam ediyor.
HTML belge yapısı
Sınıflar için Sublime Text editörünü indirip kurmanızı tavsiye ederim.  HTML öğrenmenin ilk aşamalarında ruh halinizi bozmak istemiyorsanız, HTML düzeni için yerleşik Windows "Not Defteri" ni kullanmanızı kesinlikle önermiyorum.
Belgenin HTML kodunu manuel olarak yazmaya karar verdik yani makyaj yapmak. HTML Düzeni- bir HTML belgesi oluşturma süreci.  Sıradan insanlarda ve bilgili çevrelerde - sadece düzen.  Herhangi bir belgenin bir yapısı ve belirli yapım kuralları vardır.  Kod hangi unsurlardan oluşur, HTML'nin yapısı nedir?
Bilgisayarda bir başlangıç ​​şablonu oluşturalım - bir dosya index.html, bir düzenleyici ile açın ve aşağıdaki kodu içine yapıştırın:

 


 
 
 
 
 

Belge gövdesi




 HTML belgelerinin uzantısına sahip olduğunu unutmayın. .html.
Yani, örnekten sırayla.
- belge türü (doküman türü)
 
Bu yapı her zaman belgenin başında belirtilir, böylece tarayıcı belgeyi oluşturmak için hangi HTML sürümünün kullanıldığını doğru bir şekilde "anlar".
HTML'nin sürekli gelişmesi nedeniyle, herhangi bir yazılım ürünü gibi birkaç sürümü vardır.  HTML'nin şu anki sürümü 5. sürümdür ve örnekte verilmiştir. doktip alakalı.
Prensip olarak, HTML5'in piyasaya sürülmesiyle bu yapı bir standart haline geldiğinden, belge türlerini incelemenin bir anlamı yoktur.  Web sitenizin düzenini her kodlamaya başladığınızda, belgenizin başına eklemeniz yeterlidir.
- belgenin başlangıcı
 
doctype'dan sonra gördüğümüz ilk etiket .
HTML etiketi- HTML belge işaretlemesinin yapısal birimi.  HTML kodu, etiket adı verilen tuğlalardan oluşur.  Her etiketin kendi işlevi vardır ve HTML biçimlendirme dilini öğrenmek, nihayetinde bir belgedeki etiketleri ve özelliklerini öğrenmekle ilgilidir.
HTML öğrenmenin ilk bakışta göründüğü kadar zor olmadığını belirtmek isterim.  Belgenin işaretlenmesinde kullanılan etiketleri öğrenmek, beyin üzerinde çok büyük bir yük değildir.
Bu nedenle, belgenin işaretlemesi etiketi ile başlar. ve bir kapanış etiketi ile biter...  Diğer etiketleri veya öğeleri içeren her etiket kapatılmalıdır kapanış etiketi...  Örneğin, , , 
, vesaire.

Etiket belgenin tüm yapısını içerdiğinden ve diğer öğeler için bir sarmalayıcı olduğundan gereklidir.
Etiket 
 
Dahası, görüyoruz etiket 
 henüz bizim için net olmayan diğer unsurları içeren .  Diğer öğeleri içerir - bu, öğelerin veya etiketlerin yapının açılış ve kapanış etiketi arasında yer aldığı anlamına gelir:

 <тег>içerik veya diğer etiketler
Etiket bir HTML belgesinin meta bilgilerini, yani belgenin kendisinde görüntülenmeyen, ancak önemli olan ve belgenin nasıl görüneceğini ve davranacağını büyük ölçüde belirleyen bilgileri depolamak için tasarlanmıştır. 
Bu etiket belgede gereklidir.
Etiket 
Başlık