• Belge başlığı etiketleri. Gerekli etiketler. HTML belge yapısı

    Bu etiketler kapsayıcıda bulunan öğeleri içerir . Bu etiketlerin tümü, etiketi haricinde doğrudan tarayıcı penceresinde görüntülenmez. , web sayfasının başlığını belirtir.</p> <h3><title></h3> <p>Solda bir metin satırını görüntülemek için kullanılır <a href="https://periscopes.ru/tr/v-pravom-verhnem-uglu-stranicy-ocherednoi-blog-frilansera-poslednii.html">üst köşe</a> tarayıcı penceresinin yanı sıra bir sekmede. Böyle bir dize, kullanıcıya sitenin adını ve geliştiricinin eklediği diğer bilgileri bildirir.</p> <h3><meta></h3> <p>Meta etiketleri, tarayıcılara ve arama motorlarına yönelik bilgileri depolamak için kullanılır. Örneğin, arama motoru motorları bir sitenin açıklamasını almak için meta etiketlere başvurur. <a href="https://periscopes.ru/tr/statistika-zaprosov-po-dnyam-poisk-klyuchevyh-slov-v-yandekse-statistika.html">anahtar kelimeler</a> ve diğer veriler. Her ne kadar etiket <meta>yalnızca bir tanedir, birçok niteliği vardır, dolayısıyla çoğul ona uygulanır.</p> <p>Evet, için <a href="https://periscopes.ru/tr/100-luchshih-programm-dlya-vindovs-kakie-byvayut-kompyuternye-programmy-spisok.html">Kısa Açıklama</a> web sayfasının içeriği açıklama değerini kullanır <a href="https://periscopes.ru/tr/target-blank--naibolee-nedoocenennaya-uyazvimost-sovremennosti-osnovy-html.html">ad özelliği</a>örnek 5.2'de gösterildiği gibi.</p> <p>Örnek 5.2. Açıklamayı kullanma</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>HTML

    Etiket kullanılarak belirtilen sitenin açıklaması ve açıklama değerleri, genellikle arama motorları veya arama sonuçlarını görüntülerken dizinler. Anahtar kelime değeri de öncelikle sitenin arama motorlarındaki sıralamasını iyileştirmeye yöneliktir, web sayfasında karşılaşılan anahtar kelimeleri listeler (Örnek 5.3).

    Örnek 5.3. Anahtar kelimelerin kullanımı

    HTML

    Anahtar kelimeler boşluk veya virgülle ayrılarak listelenebilir. Arama motorları kaydı kendi kullandıkları forma kendileri getirecektir.

    Etiketleröyle önemli unsurlar Bir HTML belgesinin yapısını görüntüleme. Tarayıcının bunları düz metinden ayırt edebilmesi için köşeli parantez içine alınırlar. Etiket, bir eşleme talimatının başlangıcını işaret eder. Bu talimat belgenin tamamı için geçerliyse bu etiketin kendi kapanış ikizi yoktur. Ancak çoğu etiketin hala ilk etiketi sonlandıran bir çifti vardır. Yani, örneğin her Web sayfası şu etiketle başlamalıdır: ve kapanış ikizi ile bitsin . Kapanış etiketinin açılış etiketinden yalnızca ilk açılı ayraçtan sonra eğik çizgi bulunmasıyla farklı olduğunu unutmayın.

    Ayrıca bazı etiketlerde içerik görüntüleme kuralını hassaslaştıran parametreler bulunur. Biraz sonra bu parametrelerin örnek olarak nasıl uygulandığını göreceğiz, ancak şimdilik bu parametrelerin yalnızca açılış etiketinde belirtilebileceğini not edeceğiz.

    Etiketlerin adları ve parametreleri her durumda hem büyük hem de küçük harf olarak yazılabilir. Her tarayıcıda yerleşik olan HTML ayrıştırıcıları, HTML belgelerinin tüm yardımcı yapılarını yazmak için kullanılan karakterlerin büyük/küçük harf durumuna dikkat etmez.

    Doğal olarak, herhangi bir bilgisayar dilinde olduğu gibi, içeriği tarayıcı tarafından işlenmeyen ve görüntülenmeyen yorumlar olmadan yapamazsınız. Belgenin yapısının dahili belgelenmesi için yalnızca geliştiricinin rahatlığına hizmet ederler. Yorumlar parçalar arasında yer almaktadır<-- и-->. Burada yorum oluşturmanın bir örneği verilmiştir: <--Это комментарий -->

    Herhangi bir Web sayfası yapısal olarak iki bölüme ayrılmıştır: başlık ve gövde. Başlık, tüm Web sayfası hakkında hizmet bilgilerini içerir ve Web sayfasının gövdesinde, içeriğini görüntüleme kurallarıyla birlikte zaten açıklıyoruz. Bu durumda Web sayfasının başlığı etiketlerle sınırlıdır. Ve ve belgenin gövdesi etiketlerle gösterilir Ve . Ancak iyi programlama stili kurallarına göre, geçerli HTML standardının tanımlayıcısı da başlığın önüne yerleştirilir. Böylece herhangi bir Web sayfasının yapısı şöyle görünür:

    "http://www.w3.org/TR/html4/strict.dtd">


    Belge başlığı


    Belge Gövdesi

    İlk etiket tüm parametreleriyle birlikte bu Web sayfasını oluşturmak için tarayıcıya hangi HTML sürümünün kullanıldığını bildiren tanımlayıcıdır. Oldukça hantal ve anlaşılmaz olan bu yapı aslında bir dile daha yabancıdır. yüksek seviye xml.xml. Gelecekte tarayıcıların hem XML hem de HTML belgelerinde yazılmış normal Web sayfalarıyla aynı anda çalışabileceği varsayılmaktadır. Bu nedenle bu çok parlak gelecek beklentisiyle bu tanımlayıcı etiket kullanılmaktadır. Bu parlak geleceğin kesin tarihi, her zamanki gibi bilinmiyor, bu nedenle çoğu zaman bu tanımlayıcı, herhangi bir sonuç olmadan ihmal ediliyor. Ancak bildiğiniz gibi sağduyulu olmak, sonradan düşünmekten daha iyidir, dolayısıyla sonuçta tanımlayıcıyı kullanmak daha iyidir.

    Şimdi başlığa bakalım. Şunları içerebilir: belirli bir Web sayfasının adını görüntüleyen bir etiket, bir Web sayfasının stilini belirleyen bir etiket, yürütülen komut dosyası için bir etiket ve meta veriler olarak adlandırılan etiket. Web sayfalarının şekillendirilmesi 2. Bölüm'de, komut dosyalarının çalıştırılması ise 3. Bölüm'de ele alınacaktır. Meta verilerden biraz sonra bahsedeceğiz, ancak şimdilik bir Web sayfası adının nasıl kullanılacağını öğreneceğiz.

    Muhtemelen bir Web sayfasını yüklerken, yüklenen belgenin kısa adının tarayıcının en üst satırında göründüğünü fark etmişsinizdir. Böyle bir başlık oluşturmak için etiketini kullanın karşılık gelen kapanış çifti ile. Böyle bir başlık atamasına sahip bir Web sayfasının ilk bloğu şöyle görünebilir:


    Web sayfası başlığı

    Bir Web sayfasının başlığı hiçbir zaman göz ardı edilmemelidir; çünkü bu, bir Web sitesi ziyaretçisinin gördüğü ilk şeydir. Başlık, son sayfa içeriği yüklenmeden önce görüntülenir. Bu nedenle dikkatli seçilmelidir.

    Bir Web sayfasının yapısının ilk kısmını ele aldık, şimdi bir HTML belgesinin gövdesini, yani ana gövdesini ele almaya geçebiliriz. Zaten bildiğimiz gibi bir Web sayfasının içeriği etiketlerin arasında yer alır. Ve . En basit durumda düz metin olabilir. Tarayıcı bunu doğru şekilde yorumlayacak ve görüntüleyecektir. Bunu bir örnekle görmeye çalışalım.

    İlk Web sayfamızı oluşturmak için temel bir metin düzenleyicisine ihtiyacımız var. Standart Not Defteri oldukça uygun. oluşturmamız yeterli olacaktır. Metin dosyasıİçeriği Liste 1.1'de gösterilen .

    "http;//www.w3.org/TR/htral4/strict.dtd">


    İlk web sayfam


    Mütevazı sitemi ziyaret eden herkese iyi günler

    Bir dosyayı kaydederken bunun için ayarlamanız gerektiğini unutmayın. htm uzantısı veya html'dir. Bundan sonra onu yürütmek için çalıştırırsanız, sadece adına tıklayarak Windows Gezgini, ardından varsayılan olarak yüklenen tarayıcı işletim sistemi ve HTML belgesi zaten ona yüklenecektir. İlk Web Sayfamız Tarayıcıda Nasıl Görünüyor? İnternet Explorerşek. 1.1.

    Pirinç. 1.1. Liste 1.1'de gösterilen dosyayı bir tarayıcıda görüntülemenin sonucu

    Ancak şunu belirtmek gerekir ki, etiket içerebilir Ekstra seçenekler. Biraz önce parametrelerin bir yapının başlangıç ​​etiketine dahil edildiğini söylemiştik. Şimdi bunun gerçekte nasıl olduğunu görmenin zamanı geldi.

    Çoğu zaman bir parametre bir ad-değer çiftidir.

    Düşünün basit örnek. bgcolor parametresi, Web sayfasının içeriğinin görüntüleneceği arka plan rengini ayarlamanıza olanak tanır. Örneğin yeşil bir arka plan kullanmak istiyorsak aşağıdaki yapıyı kullanmalıyız:

    Şunu belirtmek gerekir ki, hepsi metin değerleri parametreler genellikle tırnak işaretleri içine alınır. Bu bölümün ilerleyen kısımlarında renklerin nasıl ayarlandığını öğreneceğiz, ancak şimdi etiket parametrelerine dönelim. .

    Parametre hakkında bg rengi Bir Web sayfasının arka plan rengini ayarlamanıza olanak tanıyan özelliği zaten biliyoruz. Seçeneklerin geri kalanına bakalım.

    • Parametre arka plan herhangi birini arka plan olarak kullanmanıza olanak tanır grafik görüntü. Parametrenin değeri bu görselin adresi yani URL’sidir.
    • Parametre metin Web sayfasının metin içeriğini görüntülemek için kullanılan yazı tipi rengini belirtir.
    • Parametre bağlantı Bir Web sayfasının içeriğine katıştırılmış metin köprülerinin tarayıcının görünüm alanında görüntüleyeceği rengi ayarlamanıza olanak tanır.
    • Parametre vlink kullanıcının geçerli oturumda zaten ziyaret ettiği köprülerin rengini ayarlar.
    • Parametre bir bağlantı Kullanıcı tarafından seçilen köprüleri görüntülemek için hangi rengin kullanılacağını belirtir.
    • Parametre dil Web sayfasının metin içeriğinin yazıldığı dili belirtir. Değer, RFC 1766'da verilen iki harfli dil kodlarını kullanır. Aslında bu kuralların tümünü bilmemize gerek yok. Çoğu durumda Rusça veya ingilizce dili. Kodları sırasıyla "gu" ve "en"dir.

    Yukarıdaki parametrelere ek olarak etiket iki tanımlayıcı parametreye sahip olabilir İD Ve sınıf, ancak pratikte bu etikete neredeyse hiçbir zaman uygulanmazlar.

    Gördüğünüz gibi her şey basit ve iddiasız. Şimdi meta verinin ne olduğunu öğrenmenin zamanı geldi. Meta veriler büyük olasılıkla bir belge hakkında görüntülenemeyen bilgiler olarak tanımlanabilir. Belgeyi tanımlamak ve Web sayfasının görüntüleme modunu belirtmek için kullanılır. Etiket, meta verileri bir web sayfasına gömmek için kullanılır. . Çoğu zaman şöyle görünür:

    Ancak, kendi değişkenlerinizi ayarlamak yalnızca Web sayfalarının bazı özel İnternet uygulamaları tarafından işlenmesi durumunda gereklidir. Ancak böyle bir ihtiyaç oldukça nadiren ortaya çıkar. Peki, bu meta verilerin gerçek bir fayda sağlamadığı ortaya çıktı? Bu yanlış.

    Hepimizin bildiği gibi, sadece bir web sitesini World Wide Web'e koymak yeterli değildir. Hala arama motorlarının listelerine girdiğinden emin olmamız gerekiyor. Artık bir siteyi arama motorlarına kaydetme prosedürünü tam olarak ele almayacağız, özellikle de bu tür makinelerin her birinin kendi kayıt prosedürü olduğundan. Biz başka bir şeyle ilgileniyoruz.

    Arama motorları bir Web sayfasının içeriği hakkında nereden bilgi alır? Sadece meta değişkenlerden. En sık kullanılan meta değişkenler, adlandırılmış anahtar kelimeler ve açıklamalardır. Anahtar kelimeler değişkeni, değeri olarak Web sayfasının anahtar kelimelerinin bir listesini içerir. Açıklama değişkeninin amacı ise Web sayfasının kısa bir açıklamasını depolamaktır. Bu tür meta verilerin kullanımına bir örnek verelim. Web sayfamızın hamsterlerin doğru beslenmesi gibi karmaşık ve hassas bir konuya ayrıldığını varsayalım. O zaman yapısı şöyle görünmeli:

    "http://www.w3.org/TR/html4/strict.dtd">


    Hamster besleme hakkında her şey

    açıklama" contferit="Küçük beslemeyle ilgili web sayfası
    kemirgenler, özellikle de hamsterler, evde">


    Ah, o küçük, sevimli hayvanlar hamster. ,

    Doğal olarak, Web sayfalarının içeriğinin arama motorları tarafından tanımlanmasının, geliştirici tarafından belirlenen anahtar kelimeler kullanılarak gerçekleştirildiği akılda tutulduğunda, bunların kompozisyonuna belgenin özünü yansıtmayan ancak sıklıkla kullanılan kelimelerin dahil edilmesi cazip gelebilir. Ziyaretçiler tarafından arama motorlarına talep edilmektedir. Bu odaklanmanın başarısız olabileceğini belirtmeliyim. Gerçek şu ki, arama motorları genellikle Web sayfasının metnini tarar ve içinde herhangi bir anahtar kelime bulunmazsa, o zaman dikkate alınmaz.

    Anahtar kelimeleri belirlerken etikete eklediğimize de dikkat etmelisiniz. isteğe bağlı dil parametresi. Bu parametrenin şu veya bu metnin yazıldığı dili belirtmeyi amaçladığını zaten söylemiştik. Örneğimizde, listelenen anahtar kelimelerin Rusça yazıldığını belirttik, yani: bunun için birkaç etiket kullanarak birkaç dilde anahtar kelime kümeleri ayarlayabiliriz. .

    Meta veriler aynı zamanda HTTP başlıklarının iletilmesine de izin verir. Burada küçük bir teknik inceleme yapmak gerekiyor. Tüm HTML belgeleri, belirli bir dizi kural kullanılarak Web sunucuları adı verilen özel programlar kullanılarak iletilir. Bilgisayar endüstrisinde bilgi almak ve iletmek için kullanılan bu kurallar dizisine protokol denir. Web sayfalarını ve verileri iletmek için bir dizi kural uzak kullanıcılar HTTP (Köprü Metni Aktarım Protokolü) olarak adlandırılır.Bu protokol, genellikle HTTP protokol başlıkları olarak adlandırılan bir dizi direktif ve değişkene sahiptir.

    Tüm değişkenleri inceleme göreviyle karşı karşıya değiliz HTTP protokolü, en sık kullanılan başlıklarını öğrenmemiz bizim için yeterli olacaktır. Her şeyden önce, bir Web sayfasının sözde son kullanma tarihini ayarlamanıza olanak tanıyan Expires değişkeninden bahsetmeye değer. Gerçek şu ki, tarayıcılar ve diğer bazı iletişim programları, kullanıcının ziyaret ettiği Web sayfalarını önbellekte saklar ve daha sonra kullanıcı tekrar istediğinde bu kopyaları kendisine kaydırarak alım için zamandan tasarruf sağlar. Ancak Web sayfaları hala oldukça sık güncellenmektedir. Bu nedenle kullanıcı güncel olmayan bir kopya alabilir.

    Elbette önbellekle çalışmaya yönelik kurallar oluşturmanın yolları var, ancak bunları herkes kullanmıyor. Bu nedenle, tedbirli davranmak ve Web sayfasının "son kullanma tarihini" belirtmek daha iyidir. Başarılı olursa, tarayıcı önbellekten bir kopya kullanmak yerine belgeyi yine de Web'den ister.

    Etiket Bir Web sayfasının son kullanma tarihini belirtmek üzere uyarlanan şuna benzer:

    Örnek, parametrenin standart değişken olmayan HTTP protokolünün adını belirtmek için kullanıldığını gösterir. http-eşdeğeri ve bu değişkenin değerini ayarlamak için - zaten tanıdık olan içerik parametresi. Belgenin son kullanım tarihinin ayarlanmasının Expires değişkeni kullanılarak yapıldığını ve değerinin belirli bir şekilde belirtilmesi gerektiğini görmek de kolaydır. Metin formatı Greenwich meridyeninin gösterdiği zamanla.

    Ancak sayfadaki bilgilerin çok hızlı güncellenmesi ve bir oturum sırasında birkaç kez yeniden yüklenmesi gerekmesi de mümkündür. Bilgilerin gerçek zamanlı olarak güncellendiği bu tür sayfalar, örneğin sohbetlerde veya borsada işlem günü boyunca menkul kıymet fiyatlarındaki değişiklikleri görüntülerken oldukça yaygındır. Bu durumda Refresh adında bir değişken kullanmanız gerekir. Bu değişkenin değeri saniye cinsinden belirtilir. Daha sonra düşündüğümüz etiket aşağıdaki formu alacaktır:

    <МЕТА http-equiv-"Refresh" cpntent=10>

    Başlık bloğunda benzer tasarıma sahip bir sayfa her on saniyede bir otomatik olarak yeniden yüklenecektir.

    Bu, bir HTML belgesinin başlık yapısına ilişkin tartışmamızı sonlandırıyor. Web sayfasının ana bölümünün yapısının incelenmesine dönüyoruz. Hatırladığımız gibi, tarayıcı görünüm alanında görüntülenen tüm bilgiler etiketlerin arasına yerleştirilir Ve . Bir Web sayfasının içeriğini görüntüleme kurallarını belirlemenin bize sağladığı fırsatlar hakkında HTML dili, bu bölümün ilerleyen kısımlarında öğreneceğiz. Burada yalnızca dikkate alıyoruz Genel yapı HTML belgesi.

    HTML bize uygulanan her etiket için benzersiz bir tanımlayıcı belirleme yeteneği verir. Diyelim ki metnimiz paragraflara bölünmüşse, her paragraf için kendi özel adımızı belirleyebiliriz ve ardından bazı adları kullanabiliriz. ek fonlar HTML dili bu paragrafların görüntülenmesini kontrol eder. Bazılarını görünmez hale getirebiliriz, yazı tipi rengini değiştirebiliriz, yani görüntülenme kurallarını değiştirebiliriz. Üstelik bu, yalnızca paragraflar için değil, bir Web sayfasının içeriğinin belirli etiketlerle çevrelenmiş tüm bölümleri için de geçerlidir.

    id parametresi bir etiketi tanımlamak için kullanılır. Metin örneğinin paragraflarına geri dönelim. Biraz ileriye baktığımızda paragrafların bir çift etiket kullanılarak belirtildiğini söyleyebiliriz. <р> Ve . Böylece, daha sonra ayırt edebileceğimiz paragrafların oluşturulması yaklaşık olarak aşağıdaki yapı kullanılarak yapılır:

    <р id="р1">İlk paragraf
    <р id="p2">İkinci paragraf

    Tüm parametrelerin değerleri İD Bir HTML belgesindeki benzersiz olmalıdır. Bir çift buluşursa aynı değerler, bu tanımlayıcılar basitçe göz ardı edilir. Doğal olarak parametrenin kullanımı İDİsteğe bağlı. Bunu yalnızca tanımlanan etikete sahip yapının stillendirileceği (Bölüm 2'de tartışacağımız) veya bu etiketin belgede bir tür köprü ile işaret edilecek bir yer imi olacağı durumlarda kullanmak mantıklıdır. veya tanımlanan yapı, Bölüm 3'te öğreneceğimiz DHTML talimatları kullanılarak dinamik olarak işlenecektir. Tanımlayıcılar ayrıca bir HTML belgesinin özel uygulamalar tarafından işlendiği durumlarda da kullanılır, ancak bu zaten çok ciddi programcılar içindir. Şu anda buna gerçekten ihtiyacımız yok.

    Eğer parametre İD benzersiz tanımlama için kullanılır, ardından parametre kullanılır sınıf etiketi bir gruba veya diğerine yönlendirebiliriz. Bu ayar yalnızca stil verme amacıyla kullanılır. Basitçe Web sayfasının bazı elemanlarını sınıflara ayırıyoruz ve ardından sınıf görüntüleme kurallarının açıklamasını tek bir yerde değiştirmek yeterli oluyor ve bu değişiklik otomatik olarak bu sınıfa dahil olan tüm etiketlere yayılacak.

    Ayrıca bir Web sayfasının bitişik öğelerini birleştirmek için de yöntemlerimiz var. tek bloklar. HTML belgelerinin tüm tasarım öğeleri iki türe ayrılır. Çoğu zaman yalnızca metin öğeleri olan satır içi öğeler ve blok elemanları. Satır içi öğeler bir satırın parçası olabilirken, blok öğeler bir Web sayfasında her zaman kendi alanını kaplar ve her zaman şununla başlamalıdır: Yeni hat. Doğal olarak blok elemanları diğer blok elemanlarını ve satır içi elemanları içerebilir. Belli nedenlerden dolayı satır içi öğeler blok öğeler içeremez.

    Bir Web sayfasının öğelerini bloklar halinde birleştirmek, onlara tek bir tasarım uygulamanıza, bir tür düzen gerçekleştirmenize olanak tanır. Bir birleştirici etiketi değiştirerek bloğun konumunu değiştirmeniz yeterli olacaktır. Doğal olarak bu, Web sayfasının her bir öğesinin konumunu ayrı ayrı değiştirmekten daha uygundur.

    etiketi blok tipi elemanları gruplamak için kullanılır.

    kapanış ikizi ile
    . Satır içi öğeler için birkaç etiket kullanılır Ve . Yukarıdakileri akılda tutarak, etiketli bloğun
    etiketli bir bloğun içine yerleştirilemez çünkü blok elemanları satır içi elemanların parçası olamaz.

    Ayrıca tarayıcıların div'leri satır sonlarıyla sardığını unutmayın. Bunu göstermenin en kolay yolu bir örnektir:

    Listeleme 1.2

    "http://wvw.w3.org/TR/html4/strict.dtd">


    Div'ler görüntüleniyor



    iyi zaman
    sitok, ziyaret eden herkese
    mütevazi web sitem.


    Böyle bir HTML dosyasını görüntülemenin sonucu internet tarayıcısı Explorer şek. 1.2. Etiketler Ve

    ek seçeneklere de sahip olabilir. Zaten aşina olduğumuz kimlik ve sınıf tanımlama parametrelerine ek olarak parametreler de kullanılabilir. stil Ve hizalamak. Parametre stil blok içeriğinin görüntülenme stilini ayarlamak için kullanılır ve parametre hizalamak bu bloğun hizalamasını Web sayfasının diğer içerik öğelerine göre ayarlamanıza olanak tanır. Bu parametrelerin kullanımını bu bölümün ilerleyen kısımlarında daha ayrıntılı olarak tartışacağız.

    Pirinç. 1.2. Liste 1.2'de gösterilen dosyanın görüntülenmesinin sonucunu gösteren tarayıcı penceresi

    Ayrıca bir HTML belgesinin yapısıyla ilgili hususlar, metinde çeşitli başlıkların kullanımını içerir. HTML'deki başlıkların kendi etiketleri vardır. HTML belgelerinde toplamda altı düzeyde metin başlığı vardır. En eski seviye ilk seviyedir. Ve her başlığın kendi etiketi ve kendi görüntüleme kuralları vardır.

    Başlık etiketleri son derece basittir. Etiket birinci düzey başlık için kullanılır

    kapanış çifti ile

    , ikinci düzey başlık çifti kullanılarak uygulanır

    -

    , vb. etiketiyle altıncı düzey başlığa kadar devam eder
    . Aşağıdaki Liste 1.3, bir HTML belgesinde başlıkların kullanımına ilişkin bir örneği göstermektedir.

    Listeleme 1.3

    "http://www.w3.org/TR/html4/strict.dtd">


    Başlık ekranı


    Birinci düzey başlık


    İkinci düzey başlık


    Üçüncü düzey başlık


    Dördüncü düzey başlık


    Seviye 5 başlığı

    Seviye 6 başlığı

    <р>0düz metin

    Nasıl göründüğü Şekil 2'de açıkça görülmektedir. 1.3.

    Pirinç. 1.3. Liste 1.3'te gösterilen dosyanın görüntülenmesinin sonucunu gösteren tarayıcı penceresi

    Başlık etiketleri, yakın zamanda tartışılan etiketlerle aynı seçeneklere sahiptir Ve

    yani kimlik tespiti İD Ve sınıf, genel tasarım parametresi stil ve hizalama parametresi hizalamak.

    Bu, tipik bir HTML belgesinin yapısına ilişkin tartışmamızı sonlandırıyor. Gördüğünüz gibi bunda özel bir zorluk yok. Her şey uyumlu ve mantıklı.

    HTML- "dil" anlamına gelir Köprü metni biçimlendirme» (eng. HyperText Markup Language), web sayfalarını yazmak için en yaygın kullanılan dildir.

    • Köprü metni web sayfalarının (HTML belgeleri) bağlanma şeklini ifade eder. Bu nedenle, bir web sayfasında bulunan bir bağlantıya hiper metin adı verilir.
    • Adından da anlaşılacağı gibi, HTML bir biçimlendirme dilidir; bu, HTML'yi, bir metin belgesini, web tarayıcısına onu görüntülenmek üzere nasıl yapılandıracağını söyleyen etiketlerle "işaretlemek" için kullandığınız anlamına gelir.

    HTML başlangıçta araştırmacılar arasında bilimsel bilgi alışverişini kolaylaştırmak için başlıklar, listeler, paragraflar vb. gibi belgelerin yapısını tanımlamak için tasarlandı.

    HTML artık web sayfalarını HTML dilinde mevcut olan çeşitli etiketlerle biçimlendirmek için yaygın olarak kullanılmaktadır.

    HTML Belgesi

    Aşağıdaki örnekte bir HTML belgesi gösterilmektedir: en basit hal:

    Belge başlığı

    başlık

    İşte belgenin içeriği...

    Kodu favorinizle birlikte document.html HTML dosyasına kaydedelim Metin düzeltici. Ve dosyayı Internet Explorer gibi bir web tarayıcısıyla açın, Google Chrome veya Firefox vb. Aşağıdaki sonucu göstermelidir:

    HTML belgesi oluşturmaya yönelik etiketler

    Daha önce tartışıldığı gibi HTML bir biçimlendirme dilidir ve içeriği biçimlendirmek için çeşitli etiketler kullanır. Bu etiketler içine alınmıştır köşeli ayraçlar. Birkaç etiket dışında çoğu etiketin karşılık gelen bitiş etiketleri vardır. Örneğin, etiket kapanış etiketi var ve etiket yakın etiketi var ve diğerleri.

    Yukarıdaki örnek, bir HTML belgesi oluşturmak için aşağıdaki etiketleri kullanır:

    EtiketTanım
    Bu etiket belge türünü ve HTML sürümünü tanımlar.
    Bu etiket, HTML belgesinin tamamını kapsar ve esas olarak etiketlerle temsil edilen belgenin başlığından oluşur. ... ve etiketlerle temsil edilen belgenin gövdesi ... .
    Bu etiket, belgenin başlığını temsil eder ve aşağıdakiler gibi diğer html etiketlerini de içerebilir: , <link>vesaire.</td> </tr><tr><td><title> </td><td>Etiket <b><title> </b> etiketin içinde kullanılır <head>Belgenin başlığını belirtmek için.</td> </tr><tr><td><body> </td><td>Bu etiket, aşağıdaki gibi diğer html etiketlerini içeren belgenin gövdesini temsil eder. <h1>, <div>, <p>Ve diğerleri.</td> </tr><tr><td><h1> </td><td>Bu etiket başlığı temsil eder.</td> </tr><tr><td><p> </td><td>Bu etiket bir paragrafı temsil eder.</td> </tr></table><p>Bu etiketleri bilmek bir html belgesi (html sayfası) oluşturmak için yeterlidir.</p> <p>HTML öğrenmek için çeşitli etiketleri bilmeniz ve biçimlendirildiklerinde nasıl davrandıklarını anlamanız gerekir. <a href="https://periscopes.ru/tr/programma-dlya-nabora-tekstovyh-dokumentov-na-kompyutere-tekstovye-redaktory.html">Metin belgesi</a>. HTML'yi öğrenmek kolaydır çünkü kullanıcıların güzel bir web sayfası oluşturmak için metin veya görselleri biçimlendirmek amacıyla farklı etiketleri nasıl kullanacaklarını öğrenmeleri yeterlidir.</p> <h2>HTML belge yapısı</h2> <p>Tipik bir HTML belgesinin yapısı şöyle görünür:</p><p>Belge beyanı etiketi <html> <head> <title>Belge başlığıyla ilişkili etiketler Belge gövdesiyle ilişkili etiketler

    Head ve body etiketlerinin tamamını sonraki derslerde öğreneceğiz, şimdi belge bildirim etiketinin ne olduğunu görelim.

    beyan

    Etiket beyanıbelgede kullanılan HTML sürümünü anlamak için web tarayıcısı tarafından kullanılır. Şimdiki versiyonu HTML 5'tir ve aşağıdaki bildirimi kullanır:

    Hangi HTML sürümünün kullanıldığına bağlı olarak, bir HTML belgesinde kullanılabilecek birçok başka bildirim türü vardır. Daha fazlasını göreceğiz detaylı bilgi etiketi tartışırken bu konudadiğer HTML etiketleriyle birlikte.

    Her HTML belgesi etiketiyle başlamalıdır < HTML> ve etiketiyle bitirin HTML> . Bu etiketler, aralarındaki satırların tek bir HTML belgesini temsil ettiğini gösterir. Ayrıca HTML dosyasının bir bütün olarak HTML dilinin bir öğesi olduğunu görebilirsiniz.

    Bir HTML belgesi ayrıca HEAD (belge bilgisi) ve BODY (belge gövdesi) öğelerini de içermelidir.

    Belge bölümüKAFA

    Bir belgenin HEAD bölümü başlığını tanımlar ve ayrıca şunları içerir: Ek Bilgiler tarayıcı için belge hakkında. Bu bölüm isteğe bağlıdır, ancak iyi yazılmış bir başlık oldukça yararlı olabileceğinden, HTML belgelerinizde her zaman bu bölümü kullanmanız önerilir.

    Başlık bölümü bir etiketle başlar < KAFA> ve hemen etiketi takip eder . HEAD elemanının açılış ve kapanış etiketleri arasında başka başlık elemanları da bulunur.

    belgenin başlığı

    Etiketi bir HTML belgesini adlandırmak için kullanılır. < BAŞLIK> . Bu ad tarayıcı penceresinin başlığında görüntülenecektir. İsim etiketlerin arasına yazılır Ve ve bir metin dizisidir. Bu dize herhangi bir uzunlukta olabilir ancak 60 karakterden uzun olmaması önerilir. TITLE öğesi yalnızca HEAD bölümünde görünmelidir.

    Belge bölümüVÜCUT

    Belgenin bu bölümü tarayıcı penceresinde görüntülenen bilgileri içerir. BODY bölümü etiketiyle başlamalıdır < VÜCUT> ve etiketiyle bitirin VÜCUT> , bunların arasında belgenin içeriğini oluşturan HTML öğeleri bulunur.

    Ürün özellikleriVÜCUT

    Etiket belgenin görünümünü belirleyen bir takım niteliklere sahiptir. Etiketin özellikleri aşağıdadır .

    TEXT = "metin rengi"

    BGCOLOR="arka plan rengi"

    BACKGROUND = "arka plan resminin adresi"

    TEXT özelliği, belgenin tamamı için yazı tipi rengini RGB veya karakter gösteriminde belirtir. Varsayılan olarak (bu özellik belirtilmemişse) tarayıcı ayarları kullanılır.

    BGCOLOR özelliği, belge tarayıcı penceresinin arka plan rengini RGB veya sembolik gösterimle belirtir. Tarayıcı ayarları varsayılan olarak kullanılır.

    BACKGROUND özelliği, arka plan olarak kullanılacak resmin adresini ve adını belirtmenize olanak tanır. Bu çizim belgenin arka planında çoğaltılacak ve dağıtılacaktır.

    LINK, VLINK ve ALINK nitelikleri, RGB veya sembolik gösterimde köprü renklerini belirtir. Tarayıcı ayarları varsayılan olarak kullanılır. Ziyaret edilmemiş köprü, henüz başka bir belgeye gitmek için kullanılmamış bir köprüdür. Ziyaret edilen köprü, başka bir belgeye gitmek için zaten kullanılmış olan bir köprüdür. Etkin köprü, o anda gidilen belgeye giden köprüdür.

    BODY Etiketi Niteliklerini Kullanmaya İlişkin İpuçları

     BODY etiketinde en az bir renk belirtirseniz geri kalanını belirtin. Bunun nedeni kullanıcının tarayıcısının renk ayarlarını istediği gibi ayarlayabilmesidir. Yalnızca bir rengin belirtilmesi, bazı kullanıcılar için metnin arka plan rengiyle birleşmesi gibi bir duruma yol açabilir. Sonuç olarak belgeyi görüntülemek zor olacaktır.

     Metnin rengini, görüntünün arka plan rengiyle veya ana renkleriyle "çalışacak" şekilde seçin. Örneğin yeşil üzerine kırmızı önemli sayıda insan için ciddi sorunlara neden olabiliyor.

     BODY öğesinde hem BGCOLOR hem de BACKGROUND belirtilebilir. Bu durumda tarayıcı BACKGROUND'u tercih edecektir ancak arka plan resmi yüklenemezse BGCOLOR kullanılacaktır. Bu nedenle belgenin renk dengesinin bozulmaması için arka plan rengini arka plan görselinin rengine benzer olacak şekilde ayarlamaya çalışın.

    • 1. HTML belgeleri yapısal belgelerdir.
    • 2. Element adları her durumda yazılabilir.
    • 3. Özellik adları her durumda yazılabilir.
    • 4. Özellik değerleri büyük/küçük harfe duyarlıdır, özellikle adresler

    resim.gif ve resim.GIF farklıdır!).

    • 5. Öğe adları boşluk içeremez.
    • 6. Özellik değerleri boşluk içeriyorsa tırnak içinde olmalıdır.
    • 7. Fazladan boşluklar, sekmeler ve satırbaşları dikkate alınmaz ve tek bir alana sıkıştırılır.
    • 8. Elemanlar iç içe yerleştirilebilir. Bu durumda iç içe geçme kuralına uyulmalıdır. Yuvalanan elemanın içinde açılış etiketinin yanı sıra kapanış etiketi de bulunmalıdır. Kavşaklar yanlış:

    Yapı HTML belgesi

    9. Tanıdık olmayan öğeler ve nitelikler tarayıcılar tarafından göz ardı edilir ("hata toleransı").

    Çoğu belgede başlıklar, paragraflar veya listeler gibi standart öğeler bulunur. Kullanma HTML etiketleri, belgelerin genel yapısını ve bilgisel bütünlüğünü korurken web tarayıcılarına bu öğeleri görüntülemek için minimum bilgiyi sağlayarak bu öğeleri belirleyebilirsiniz. Bir HTML belgesini okumak için gereken tek şey, HTML etiketlerini yorumlayan ve belgeyi ekranda yazarın verdiği biçimde görüntüleyen bir web tarayıcısıdır.

    Bir web tarayıcısı bir belge aldığında belgenin nasıl yorumlanması gerektiğini belirler. Bir belgede ortaya çıkan ilk etiket, etiket olmalıdır . Bu etiket, web tarayıcısına belgenin HTML kullanılarak yazıldığını bildirir.

    HTML'deki yorumlar. Herhangi bir dil gibi, HTML de bir belgenin gövdesine, belge ağ üzerinden iletildiğinde korunan ancak tarayıcı tarafından görüntülenmeyen yorumlar eklemenize olanak tanır. Çoğu zaman, bazı etiketler veya sözdizimsel yapıların tamamı, bunları işleyemeyen tarayıcıların eski sürümlerinden gelen bir yorumda "gizlenir". Yorumlar belgenin herhangi bir yerinde ve herhangi bir sayıda görünebilir. Yorumların belgenin hacmini ve dolayısıyla indirme süresini artırdığı unutulmamalıdır.

    Belgenin genel başlığı. Belge başlığı etiketi, etiketten hemen sonra kullanılmalıdır ve belgenin gövdesinde başka hiçbir yerde. Bu etiket Genel açıklama belge. Etiketi başlat doğrudan etiketin önüne yerleştirilir belgeyi tanımlayan diğer etiketler ve bitiş etiketi</head> belge açıklamasının bitiminden hemen sonra yerleştirilir.</p> <p><b>Belgenin başlığı.</b>Çoğu web tarayıcısı etiketin içeriğini görüntüler <TITLE>belgeyi içeren pencerenin başlık çubuğuna ve web tarayıcısı tarafından destekleniyorsa yer imi dosyasına. Etiketlerle ayrılmış başlık <TITLE>Ve, etiketlerin içine yerleştirilmiş . Belgenin kendisi pencerede görüntülendiğinde belgenin başlığı görünmüyor.

    Belge gövde etiketleri. Belge gövdesi etiketleri, bir HTML belgesinin bir pencerede görüntülenen bileşenlerini tanımlar. Belge gövdesi diğer belgelere, metinlere ve diğer biçimlendirilmiş bilgilere bağlantılar içerebilir.

    Belgenin gövdesi. Belgenin gövdesi etiketlerin arasında olmalıdır Ve. Belgenizin metin ve grafik (anlamsal) bilgileri olarak görüntülenen belge kısmıdır.

    Başlık seviyeleri<Нх>. İlk başlık düzeyi (en büyüğü) 1, sonraki 2 ve 6'ya kadar devam eder. Çoğu tarayıcı, her biri kendi stiliyle tanımlanan altı başlık düzeyinin yorumlanmasını destekler. Çoğu durumda, böyle bir başlığın metni kalın hale gelir ve metinden sonra boş bir satır atılır. Bu etiketlerin belgenin mantıksal yapısını belirlemesi ve İnternet arama motorları tarafından indekslenmeye katılması önemlidir. Altıncı seviyenin üzerindeki başlıklar standart değildir ve tarayıcı tarafından desteklenmeyebilir.

    paragraf etiketi<Р>. İÇİNDEçoğundan farklı kelime işlemcileri, HTML belgesinde satırbaşları dikkate alınmaz. Tarayıcı paragrafları yalnızca etiket olduğunda böler<Р>. Paragrafları etiketle ayırmak istemiyorsanız<Р>, belge büyük bir paragraf gibi görünecektir.

    Önceden biçimlendirilmiş metin etiketi

    .
     Etiket 
    Ekranda belirli biçimlendirmeye sahip metin sunmanıza olanak tanır.  Önceden biçimlendirilmiş metin bir bitiş etiketiyle biter
    . Önceden biçimlendirilmiş metnin içinde şunların kullanılmasına izin verilir: satır sonları, sekme karakterleri (sekiz karakter sağa kaydırma), tarayıcı tarafından yüklenen orantısız Courier yazı tipi.

    Etiketleri listeleyin. Bir HTML belgesinde üç ana liste türü vardır: numaralı, madde işaretli, açıklama listesi.

    Farklı liste etiketleri kullanarak veya birbirinin içinde tekrarlayarak iç içe geçmiş listeler oluşturabilirsiniz. Bunu yapmak için, bir çift etiketi (başlangıç ​​ve bitiş) diğerinin içine yerleştirmeniz yeterlidir. İç içe geçmiş liste öğelerinin aynı liste öğesi işaretçilerine sahip olup olmayacağı tarayıcıya bağlıdır.

    Numaralandırılmış listeler. İÇİNDE Numaralandırılmış bir listede, tarayıcı öğe numaralarını otomatik olarak sırayla ekler. Bu, numaralandırılmış bir listenin bir veya daha fazla öğesini silerseniz kalan sayıların otomatik olarak yeniden hesaplanacağı anlamına gelir.

      ve etiketiyle bitiyor
  • .

    Madde İşaretli Listeler. İçin Madde işaretli listelerde, tarayıcı genellikle liste öğesi için madde işaretlerini kullanır. İşaretçinin görünümü genellikle tarayıcı kullanıcısı tarafından yapılandırılır.

    Numaralandırılmış liste bir başlangıç ​​etiketiyle başlar

      ve etiketiyle bitiyor
    . Her liste öğesi bir etiketle başlar<ы>.

    Yazı tipi biçimlendirmesi. HTML, metin parçalarının yazı tipi seçiminde iki yaklaşıma izin verir. Bir yandan metnin belirli bir bölümündeki yazı tipinin kalın veya italik olması gerektiğini doğrudan belirtebilirsiniz. Metnin fiziksel stilini değiştirin. Öte yandan, bir metin parçasını normal olmayan bir mantıksal stile sahip olarak işaretlemek ve bu stilin yorumunu tarayıcıya bırakmak da mümkündür.

    Bir HTML belgesindeki grafikler. WEB'in en çekici özelliklerinden biri, grafikleri ve diğer veri türlerini bir HTML belgesine dahil edebilme yeteneğidir.

    HTML belgelerinde grafik kullanmanın iki yolu vardır. Birincisi, grafik görüntülerin belgeye yerleştirilmesidir; bu, kullanıcının görüntüleri doğrudan belgenin diğer öğeleri bağlamında görmesine olanak tanır. Bu, etiketi kullanılarak yapılır. . Bu etiket bir nokta etiketidir, yani. kapanmıyor. Etiket söz dizimi:

    Gerekli parametre standart URL ile aynı sözdizimine sahiptir. Bu URL tarayıcıya,

    çizim. Çizim saklanmalı grafik formatı tarayıcı tarafından desteklenir. Bugüne kadar bu GIF formatları, JPG, PNG. Çoğu tarayıcı tarafından desteklenirler.

    ALT = "metin"

    Bu isteğe bağlı öğe, grafikleri desteklemeyen veya görüntü grafikleri devre dışı bırakılmış bir tarayıcı tarafından görüntülenecek metni belirtir. Bu genellikle kullanıcının ekranda görebileceği veya görebileceği görüntünün kısa bir açıklamasıdır. Bu parametre yoksa, çoğu tarayıcı resmin yerine boş bir çerçeve görüntüler. Etiket kullanıcıların Lynx gibi grafik modunu desteklemeyen bir tarayıcı kullanması ve arama motoru indekslemesi için önerilir. Metin ayrıca, imlecin altındaki sistem ipucu olarak görüntünün üzerinde hareket etmeden fare imlecini bir süre basılı tuttuğunuzda da görünür.

    Çoğu tarayıcı eklemenize izin verir Arkaplan resmi, banyo döşemeleri olarak kopyalanacak ve tüm belgenin arka planı olarak görüntülenecektir. Bu ikinci yoldur. Bazı kullanıcılar arka plan grafiklerini sever, bazıları sevmez. Genellikle göze çarpmayan yarı saydam bir desen (duvar kağıdı), çoğu belge için arka plan olarak iyi görünür.

    Köprü metni bağlantıları WEB'i kullanıcılar için çekici hale getirmede önemli bir bileşendir. Kullanıcı, hiper metin bağlantıları (bundan sonra bağlantılar olarak anılacaktır) ekleyerek, ihtiyaç duyduğu bilgileri mümkün olduğu kadar hızlı ve rahat bir şekilde elde etmesini sağlayan, ilgili ve yapılandırılmış bir dizi belge oluşturur.

    Bağlantılar, tarayıcının bunları yorumlamasına ve bağlantı türüne bağlı olarak gerekli işlevleri (çağırma yöntemleri) gerçekleştirmesine olanak tanıyan standart bir formata sahiptir. Bağlantılar başka bir belgeye, özel bir yere işaret edebilir bu belge veya dosya istemek gibi diğer işlevleri gerçekleştirin. Köprü metin, resim ya da her ikisi birden olabilir.

    Bir HTML belgesindeki bağlantı yapısı. Tarayıcının bir URL'ye olan bağlantıyı görüntüleyebilmesi için, köprü etiketinin içine metin veya resim yerleştirmeniz gerekir. HTML sözdizimi aşağıdaki gibidir:

    <А HREF="URL">bağlantı olarak-vurgulanacak metin veya resim

    Etiket<А HREF="URL">bağlantının açıklamasını ve etiketini açar- kapatır. Bu iki etiket arasındaki herhangi bir metin, web tarayıcısı tarafından özel bir şekilde vurgulanır. Genellikle bu metin altı çizili ve vurgulanmış renkte görüntülenir. Resim dikdörtgen bir çerçeve ile çerçevelenmiştir. URL'yi belirten metin tarayıcı tarafından görüntülenmez, ancak bağlantı etkinleştirildiğinde yalnızca amaçlanan eylemleri gerçekleştirmek için kullanılır (genellikle fare vurgulanan veya altı çizili metnin üzerine tıkladığında).

    Belge içindeki etiketlere bağlantılar. Aynı belgenin farklı bölümlerine veya bölümlerine, bu bölümlere özel gizli etiketler kullanarak bağlantı verebilirsiniz. Bu, ekranı kaydırmanıza gerek kalmadan bir belge içinde bölümden bölüme hızlı bir şekilde geçmenize olanak tanır. Kullanıcı bağlantıya tıkladığı anda tarayıcı onu belgenin belirtilen bölümüne taşıyacak ve bu bölümün etiketini içeren satır, tarayıcı penceresinin ilk satırına yerleştirilecektir (yeterli "uzunluk" varsa) " tarayıcı penceresinde belgenin)