Ana sayfa için hazır HTML kodu. Not Defteri'nde HTML Sayfaları Oluşturma: Aptallar için Açıklamalar
Şimdi bu sayfayı yapmak için kullandığımız Etiketler hakkında birkaç kelime.
Örnek gelen HTML etiketlerinin açıklaması
1. - Her web sayfasında bu etiketler bulunmalıdır. Tarayıcıları ve arama motorlarını bu bir HTML sayfasıdır.
Herhangi bir HTML sayfası aşağıdaki yapıya sahiptir:
... Etiketler Etiketler ... ... Sayfalar vücut ...
2.
- Bu etiketler arasında tüm görünen sayfa içeriği var.4.
Şimdi HTML sayfalarında (içeride) etiketlere geçelim.
5.
6.
- Bu sınıf etiketi etiketinden biridir... , genellikle sayfanın adı sonucuna varılır. Örneğin, bu sayfa bir HTML sayfası oluşturma örneği "dedi." Not
bu etiketlerin sitenin sıralamasında çok fazla ağırlığa sahiptir, bu nedenle düzgünce ve zihinle kullanmaları gerekir.
Bir HTML kodu çizerken, basit bir kurala uymanız gerekir: Önce başlık etiketine geçmelisiniz.
ve sonra zaten gidebilir
, vb. Asıl şey, ilk değildi. , sonra , sonra vb. Katı bir hiyerarşi olmalı. Headlovkov
, vb. Belki çok.
vb. Asıl şey, ilk değildi. , sonra , sonra vb. Katı bir hiyerarşi olmalı. Headlovkov
, vb. Belki çok.
, sonra vb. Katı bir hiyerarşi olmalı. Headlovkov
, vb. Belki çok.
, vb. Belki çok.
7.
- Bu, kapanış etiketi gerektirmeyen tek bir etikettir. Bir sonraki satıra geçiş. Üst üste iki tek etiket, bir sonraki satıra iki kez gitmek için örneğimde yazılmıştır.
8. - Bu, görüntüyü görüntüleyen tek bir etikettir.
- sRC, görüntü adresinin belirtildiği zorunlu bir parametredir (URL'ler yerine, görüntünüzün depolandığı adresi kaydetmeniz gerekir).
Not:- Görüntü HTML sayfanızla bir klasördeyse, görüntünün adını yazmak yeterlidir, aksi takdirde mutlak veya göreceli bir URL yazmanız gerekir;
- Görüntünün genişlemesini belirtmeyi unutmayın. Örneğin, .jpg, .gif, .jpeg.
- alt veya Başlık - Bu parametrelerde resminize bir açıklama yazabilirsiniz. Resme bir fare getirdiğinizde, bu açıklama görünecektir. Bu parametreler, özellikle resimlerle arama yaparken siteyi tanıtmak için önemlidir. Görüntü indiremedi ise, bu metin de bir artı olan türetilir.
9. - Bu etiketler yazı tipini, arka planı, boyutunu vb. Değiştirmek için tasarlanmıştır. Kısacası, metin biçimlendirme ile ilişkili olan tek şey bir etikette yapılandırılabilir. Bu etiket, ayrı bir derste söyleyeceğim birkaç öznitelik var.
Not: - Benzer bir etiket.
Ayrıca, tüm bu parametreleri ayarlayabileceğiniz bir CSS yazı tipi özelliği de vardır.
10. - Yağ tahsis eder. Hepsi arasında sonuçlanan ve Yağ vurgulanacak. Örneğin, içeriğin başlangıcına yazarsanız ve sonuncusunda kapanırsanız, sayfadaki tüm metin, yağ verilir. Bu, analog olan oldukça yaygın bir etikettir. .
Arama motorları, anahtar kelimelerin etkisini arttırırken bu etikete dikkat eder. Ancak dikkatli olmalısınız, çünkü her seferinde spam için algılanacak olan yağlı anahtar kelimeler tarafından ayrılır.
Herhangi bir web sayfasını açarsanız, sitenin türü ve yönünden değişmeyen tipik unsurlar içerecektir. Örnek 4.1'de, ana etiketleri içeren basit bir belgenin kodu gösterilmiştir.
Örnek 4.1. Kaynak Kodu Web Sayfası
Başlık
İlk paragraf.
İkinci paragraf.
Bu örneğin içeriğini kopyalayın ve Example41.HTML adının altındaki C: \\ WWW \\ klasörüne kaydedin. Bundan sonra, tarayıcıyı çalıştırın ve dosyayı menü öğesi üzerinden açın. Dosya\u003e Açık Dosya (CTRL + O). Belge Seçimi iletişim kutusunda, example41.html dosyasını belirtin. Tarayıcı, Şekil 2'de gösterilen web sayfasını açacaktır. 4.1.
İncir. 4.1. Örneğin yürütülmesinin sonucu
Eleman Geçerli belge türünü belirlemek için tasarlanmıştır - DTD (belge türü tanımı, belge türünün açıklaması). Tarayıcının mevcut web sayfasını nasıl yorumlayacağını anlaması gerekir, çünkü HTML birkaç sürümde bulunur, ek olarak, XHTML (Genişletilebilir Köprü Metin İşaretleme Dili, Genişletilmiş Köprü Metin Maddesi Dili), HTML'ye benzer, ancak onunla farklı sözdizimi. Tarayıcıya, bir web sayfasını görüntülemek için hangi standarda sahip olduğuna göre, "şaşkın olmayan" ve anlaşılan tarayıcıya ve birinci sırayı ayarlamanız gerekir. .
Birkaç tür var Yönlendirilmiş olan HTML sürümüne bağlı olarak farklılık gösterirler. Sekmesinde. 4.1. Açıklama ile ana belge türleri verilmiştir.
DOCTYPE. | Açıklama |
---|---|
HTML 4.01. | |
Sıkı html sözdizimi. | |
HTML geçiş sözdizimi. | |
HTML belgesinde çerçeveler uygulanır. | |
HTML 5. | |
HTML'nin bu sürümünde sadece bir doctile. | |
XHTML 1.0. | |
Sıkı XHTML Sözdizimi. | |
XHTML geçiş sözdizimi. | |
Belge XHTML'de yazılır ve çerçeveler içerir. | |
XHTML 1.1 | |
XHTML 1.1 geliştiriciler, HTML'yi kademeli olarak değiştireceğini varsayıyor. Gördüğünüz gibi, sözdiziminin bir tanesini tanıma ve net kurallara uymadığından türlerde bir tanım yoktur. |
Belgenin sıkı ve geçiş açıklaması arasındaki fark, belgenin kodunu yazmak için farklı bir yaklaşımdan oluşur. Sıkı HTML, HTML spesifikasyonuna sıkı bir şekilde bağlılık gerektirir ve hataları unutmaz. Geçiş HTML, daha fazla "sakince" bazı kodları belirtir, bu nedenle bu tür bu tür belirli durumlarda kullanmanız tercih edilir.
Örneğin, sıkı HTML'de ve XHTML'de kesinlikle bir etiket gerektirecektir
Gelecekte çoğunlukla katı uygulayacağız. Özellikle öngörüldüğü zaman hariç. Bu, tipik hataları önlememize ve sözdizimsel olarak doğru kodun yazılmasını öğretmemize izin verir.
Genellikle genel olarak HTML kodunu kullanmadan karşılayabilirsiniz. Bu durumda web sayfası hala gösterilecektir. Bununla birlikte, aynı belgenin tarayıcıda kullanıldığında farklı şekillerde görüntüleneceği ortaya çıkabilir. Ve onsuz. Ek olarak, tarayıcılar bu tür belgeleri kendi yoluyla gösterebilir, sonuç olarak, "Kıvrımlar" Sayfası, yani. Geliştirici tarafından gerektiğinde hiç gösterilmeyecektir. Böylece böyle bir durum eklemek için olmaz Belgenin başlangıcına.
Etiket HTML dosyasının başlangıcını tanımlar, başlık içinde saklanır (
) ve belgenin gövdesi (Belgenin başlığı, blok olarak adlandırılır
Metin ve etiketler içerebilir, ancak bu bölümün içeriği konteyner hariç, doğrudan sayfada gösterilmez.
Etiket Evrenseldir ve tüm bir olasılık sınıfı ekler, özellikle de metatlar kullanarak, genelleştirilmiş bir arama olarak, sayfanın kodlamasını, anahtar kelimeleri, belgenin açıklaması ve çok daha fazlasını değiştirebilirsiniz. Tarayıcının UTF-8 kodlaması (Unicode Dönüşüm Biçimi, Unicode Dönüşüm Biçimi) ile ne işleyeceğini anlaması için ve bu dize eklenir.
Etiket
İncir. 4.2. Tarayıcıda başlık türü
Etiket
Kapanış etiketi eklediğinizden emin olun. Belge başlık biriminin tamamlandığını göstermek için.
Belgenin gövdesi
Başlık
HTML, başlıktan sonra bulunan bölümün göreceli önemini gösteren altı metin başlığı sunar. Bu yüzden etiket
Birinci seviyenin en önemli başlığını ve etiketi temsil eder. Altıncı seviyenin başlığını belirtmek için hizmet eder ve en az önemlidir. Varsayılan olarak, birinci seviye başlığı en büyük yazı tipi yazı tipi tarafından görüntülenir, sonraki seviye başlıkları boyutta daha azdır. Etiketler ... Bunlar blok elemanlarıdır, her zaman yeni bir satıra başlarlar ve onlardan sonra, başka öğeler bir sonraki satırda görüntülenir. Ek olarak, başlık ve sonra boş alan eklenir.
... Bunlar blok elemanlarıdır, her zaman yeni bir satıra başlarlar ve onlardan sonra, başka öğeler bir sonraki satırda görüntülenir. Ek olarak, başlık ve sonra boş alan eklenir.
Bazı metinler, bir yorum yaparak tarayıcıdaki ekrandan gizlenebilir. Kullanıcı bu tür bir metin görmese de, belgede hala iletilecektir, bu nedenle kaynak koduna baktıktan sonra gizli notları tespit edebilirsiniz.
Herhangi bir web sayfasını açarsanız, sitenin türü ve yönünden değişmeyen tipik unsurlar içerecektir. Örnek 1, ana elemanları içeren basit bir belgenin kodunu göstermektedir.
Örnek 1. Bir Web sayfasının kaynak kodu
Başlık
İlk paragraf.
İkinci paragraf.
Bu örneğin içeriğini kopyalayın ve Örnek2.html altındaki C: \\ WWW \\ klasörüne kaydedin. Bundan sonra, tarayıcıyı çalıştırın ve dosyayı menü öğesi üzerinden açın. Dosya\u003e Dosya Aç (CTRL + O). Belge Seçimi iletişim kutusunda, example2.html dosyasını belirtin. Tarayıcı, Şekil 2'de gösterilen web sayfasını açacaktır. bir.
İncir. 1. Tarayıcıdaki örneğin sonucu
Eleman (Jarg. Doktorlar) Geçerli belge türünü belirtmek için tasarlanmıştır - DTD (belge türü tanımı, belge türünün açıklaması). Tarayıcının, geçerli Web sayfasının nasıl yorumlanacağını anlaması gereklidir, çünkü HTML birkaç sürümde - modern HTML5 veya modası geçmiş HTML4 ve XHTML'de bulunur. Tarayıcıya, bir web sayfasını görüntülemek için hangi standarda sahip olduğuna göre, "şaşkın olmayan" ve anlaşılan tarayıcıya ve birinci sırayı ayarlamanız gerekir..
Sadece HTML5 ile çalışmaya devam edeceğimiz için, sadece bir kısa ve modern dokümana ihtiyacımız olacak.
Öğelerin adlarının küçük ve büyük harflerle yazılabileceğini belirttik. İçin Bu kural da geçerlidir ve farklı şekillerde kaydedilebilir. Bununla birlikte, bu öğenin adı geleneksel olarak büyük harfle yazılmıştır.
Açılış etiketi HTML belgesinin başlangıcını belirler, başın içinde saklanır (
) ve belgenin "gövdesi" ( ).Bu bölümün içeriği, ürün hariç, doğrudan sayfada gösterilmez.