Ev » Aletler

Sayfanın HTML kodu nedir? HTML: Yeni Başlayanlar İçin Temel Bilgiler HTML ne için kullanılır?

Elbette her işsiz İnternet kullanıcısı, güzel bir web sitesine eriştiğinizde, böyle bir web sitesi oluşturursanız ne olacağını düşündüğünüz bir durumla karşı karşıya kalmıştır, çünkü iyi bir web sitesine sahip olmak size para ve hatta belki de şöhret getirecektir. Buna dair bir arzunuz ve arzunuz var, hemen arama motoruna “Web sitesi nasıl yapılır?” yazıyorsunuz. Neredeyse her yerde size iyi bir web sitesi oluşturmak için HTML öğrenmeniz gerektiğini söyleyecekler. Bu işte yeniyseniz, muhtemelen bunun ne olduğunu bilmek isteyeceksiniz.

Sizlere HTML'nin ne olduğunu Vikipedi'den daha anlaşılır, kendi cümlelerimle kısaca anlatacağım.

HTML, web sitesi oluşturmanın tüm temellerinin temeli olan ana web programlama dilidir. Hemen hemen tüm web siteleri bu dilde yazılmıştır. Sitedeki metnin boyutu, görselin boyutu ve konumu, sitenin arka planı vb. bunların hepsi bu dilde yazılmıştır. HTML, web sitelerinin doğduğu şeydir, yani neredeyse tüm web sayfalarının ana dilidir. Örneğin, Çinliyseniz Çince konuşursunuz, Ukraynalıysanız Ukraynaca konuşursunuz, ancak bir web sitesiyseniz HTML konuşursunuz. Her iyi web programcısı HTML'yi neredeyse ezbere bilir ve bu konuda iyidir.
Bu dil anlaşılır ve öğrenmesi kolaydır ancak dünyadaki tüm diller gibi onu iyi konuşmak için pratik yapmak gerekir. Yani, tamamen öğrenseniz bile hemen iyi bir web sitesi yapamazsınız; zamana, sabra ve pratiğe ihtiyacınız var. Genellikle, web programcılığı yolculuğunun başlangıcındaki yeni başlayanlar, her şeyi öğrenecek ve adım adım uygulayacak sabra sahip değillerdir. Testi geçen, her şeyi öğrenen, dili öğrenirken uygulamalarında deneyim kazanan ve pes etmeyenleri güzel bir ödül bekliyor.
Birkaç web programlama dili vardır. Basit bir web sitesi oluşturmak için yalnızca bir dile ihtiyacınız var, ana dil olan HTML. Karmaşık ve büyük bir web sitesi oluşturmak için yardımcı dillere ihtiyacınız olacak, tabiri caizse, HTML dilini öğrenirken veya sonrasında bunları zaten öğreneceksiniz. Bir web programcısının yoluna başlamaya karar verirseniz hemen HTML öğrenmeye başlayabilirsiniz. En önemli şeyi unutmayın - eğer alırsanız, pes etmeyin ve pes etmeyin, çünkü çoğu programcıyı mahveden şey budur.

HTML kod çözme

HTML'nin bu dört harfi, Rusça'da hiper metin biçimlendirme dili gibi ses çıkaran Hiper Metin İşaretleme Dili adlı birkaç kelimeyi temsil eder.

HTML'ye neden ihtiyaç duyulur?

Bu dile neden ihtiyaç duyuldu? Neden ona öğretiyorsun? Neden başka biri değil? Veya kolayca web sitesi oluşturmak için bir sürü başka program varsa neden bunu öğrenesiniz ki?

Dediğim gibi HTML ana web programlama dilidir. Web siteleri oluşturmak için kullanılan tek dil değildir ancak diğer dillere yön veren ana araçtır, dolayısıyla onu öğrenmek zorunludur. Bir web sitesi oluşturma programı veya hazır şablonlar kullanıyor olsanız bile HTML hayatınızı çok daha kolaylaştıracaktır. Üstelik gelecekte iyi, büyük ve profesyonel bir web sitesi oluşturmak istiyorsanız, programlar ve şablonlar size yardımcı olmayacak, her şey sıfırdan başlayacak ve bu dil bilginiz bu konuda size yardımcı olacaktır.

HTML nasıl kullanılır?

Bu dili kullanmak oldukça kolaydır ve herkesin erişimine açıktır. Normal bir not defterinde (.txt) bile kullanılabilir. Kullanımı daha kolay hale getirmek için Notepad++ gibi özel programlar vardır. Bu dilin kullanımına ilişkin daha fazla ayrıntı HTML derslerinde anlatılacaktır.

HTML nasıl öğrenilir

HTML dilini öğrenmek için bu dile alışmak için çok sabırlı olmanız gerekir. Öğrenmesi kolaydır, ancak asıl önemli olan deneyim kazanmak, pratik yapmaktır, ne kadar çok pratik yaparsanız o kadar iyi bir web programcısı olursunuz.

Her sitenin farklı bir görünümü ve işlevselliği vardır, ancak bu neyle bağlantılıdır ve sayfa hangi dilde yazılmıştır? Bütün bunlar için basamaklı stil sayfaları ve HTML kullanılır. Tarayıcıdaki nesneleri incelerseniz bu dilin koduna kendiniz bakabilirsiniz. Bu yazımızda özellikle HTML'nin ne olduğundan bahsedeceğiz.

Makalemiz esas olarak yeni başlayanlara yöneliktir, bu nedenle düzenli blog okuyucularının anlayacağını umuyoruz!

Gönderi aşağıdaki noktalara bölünecektir:

HTML sayfası nedir

Tablolar, resimler ve metin dahil tüm sayfa öğelerini tasarlamak için HTML adı verilen bir biçimlendirme dili kullanılır. Herhangi bir modern tarayıcı kullanıyorsanız, kodu tanıyabilir ve anlamaya çalışabilirsiniz, sadece sayfayı sağ tıklayın ve menüde "sayfa kaynak kodu" veya "HTML kodu" satırına tıklayın. Bundan sonra, içinde pek çok anlaşılmaz yazıt ve sembolün bulunduğu editör gibi bir şey göreceksiniz, bu HTML dil kodudur.

Her WWW belgesi, site sahibi tarafından seçilen biçimlendirilmiş ve güzel tasarlanmış metnin yanı sıra köprüler ve resimlere sahiptir. Bu öğelerle çalışmak için programcılar, tercüme edilen hiper metin biçimlendirme dili anlamına gelen HTML (Hyper Text Markup Language) adı verilen bir dil oluşturdular. Her tarayıcı HTML'yi farklı şekilde çalışır ve görüntüler, dolayısıyla farklı tarayıcılarda, özellikle de Internet Explorer'ın eski sürümlerinde farklı görünür.

Tüm HTML belgeleri benzerdir; site ziyaretçilerinin okuyacağı metinlerin yanı sıra belirli bir dilin işaretleme etiketlerini içeren standart bir metin dosyasıdır. Etiketler kullanılarak bir sayfa oluşturulur ve tarayıcı onu yüklerken okur. Etiketleri ve tasarımlarını tanımlayarak, bir makaleyi veya başka bir materyali sayfada belirli bir yere yerleştirebilir, grafik dosyaları ve fotoğrafların yanı sıra sitenin diğer sayfalarına köprüler ekleyebilirsiniz. Başlangıçta bir HTML dosyası bir web belgesi değildir; ancak tarayıcı tarafından okunduktan sonra bir web belgesi haline gelir.

Elbette standart HTML kodunun eksiklikleri ve dezavantajları vardır. Sayfada metin bulunan paragrafları düzenlemek için çok uğraşmanız gerekecek, çünkü işaretleme ve diğer her şeyi gerçekleştirmek için metnin tamamı ve her bir paragraf için belirli özellikleri kaydetmeniz gerekir. Sitenizde 50 sayfa varsa ve her biri 10-20 paragraftan oluşuyorsa, metni formatlamak ve her seferinde aynı etiketleri eklemek çok uzun zaman alacaktır. Bu durum hem site sahibini yormakta hem de sitedeki sayfaların ağırlığını olumsuz etkilemektedir. Bu nedenle basamaklı stil sayfaları sonradan oluşturuldu, bunlara kısaca CSS yani Basamaklı Stil Sayfaları denir, onlar sayesinde hızlı bir şekilde metin tasarlayabilirsiniz. Bir etiket atayabilir ve ona metin rengi, boyutu, yazı tipi vb. gibi belirli özellikleri verebilir ve ardından bunu paragraflara uygulayabilirsiniz. Bu durumda, stil sayfasını içeren dosya ayrı olarak saklanır, bir veya birkaç siteye aynı anda yüklenebilir. Daha sonra sayfanın ana öğeleri HTML olarak yazılır ve metin eklenir, ardından CSS bağlanır ve tüm metin ihtiyacınız olan tasarımı alır. Bu aynı zamanda sayfaların ağırlığını da azaltır ki bu çok önemlidir.

Sitede aynı tasarıma sahip çok sayıda sayfa varsa CSS kullanılması tavsiye edilir. Belgeye CSS koduyla birkaç satır yazarsanız tüm paragraflar için belirli metin formatlarını ayarlayabilirsiniz. Bir web sitesi oluştururken, düzen tasarımcıları Photoshop'ta oluşturulan düzeni temel alarak HTML'de ana düzeni oluşturur. Ancak bundan sonra site tamamlanmamış görünüyor, çekici bir görünüm yaratmanız gerekiyor ve bu da basamaklı stil sayfaları ile elde ediliyor. Çok fazla boş zamanınız varsa bunu öğrenmek zor değil, tüm sitelerin genel görünümü yaklaşık olarak aynı olduğundan, birkaç bloktan oluşan bir düzene sahip olabilir ve geri kalan siteleri buna "ayarlayabilirsiniz". Kural olarak, basamaklı stil sayfaları CSS'den çok daha karmaşıktır; bir siteyi tablolar yerine bloklar kullanarak düzenlemek daha da zordur. Ayrıca ilk aşamalarda sitenin tarayıcılarda farklı görüntülenmesi gibi bir sorunla da karşılaşabilirsiniz. CMS'nin oluşturulduğu web sitelerinde zaman kaybetmemek ve para kazanmamak tam da budur - ücretsiz veya ücretli olabilen ve belirli bir yönetim sistemine sahip hazır web sitesi düzenleri.

HTML5 nedir? Farklılıklar ve avantajlar

Yeni HTML5 standardı, web sitesi sahiplerine yardımcı olur ve onları Adobe Flash formatının yanı sıra diğer programları kullanma zorunluluğundan kurtarır. Bu standart sayesinde sayfalardaki metnin görünümünü değiştirebilir ve elektronik formları doldururken bilgi girişini basitleştirebilirsiniz. Bu dilin tüm yeniliklerini ayıracak olursak şu noktaları öne çıkarabiliriz:

  • Kişiler siteye girdikten sonra tarayıcı üzerinden video izleyebilecek ve ses dinleyebilecek; bunun için ayrı bir oynat butonu oluşturulmuş.
  • Bu dil aracılığıyla yeni fotoğraflar yüklemek çok daha kolaydır; hatta resim galerileri bile oluşturabilirsiniz. Ek yazılım indirmenize bile gerek yok.
  • Metni bulabilir ve metin bloklarını işaretleyebilirsiniz. Ayrıca okumayı kolaylaştırmak için metni güzel bir şekilde biçimlendirebilirsiniz.
  • Daha önce HTML4'te bir kişi yalnızca formu gönderirken veri girdikten sonra bir hata fark ettiyse, artık bir kişinin formu yanlış doldurması durumunda tarayıcı hemen bir hata bildiriyor. Bu, kullanıcılar için oldukça kullanışlıdır çünkü aynı veri bölümlerini birkaç kez doldurmak zorunda kalmazlar.
  • HTML5'in yardımıyla siteyle ilgili her türlü fikri hayata geçirebileceğiniz için yazılım modüllerini kullanmanıza gerek yoktur. Yalnızca site benzersizse ve özel bir şey bulmanız gerekiyorsa ek yazılım modülleri yüklenir.
  • Daha önce, HTML4 standardı mobil cihazlara ve diğer işletim sistemlerine yönelik tarayıcılarla uyumlu olmadığından insanlar bir web sitesini tablet veya akıllı telefon aracılığıyla düzgün bir şekilde görüntüleyemiyordu. HTML5 dilini kullanarak, tüm cihazlardan yüksek hızda mükemmel şekilde okunabilen sayfalar oluşturulur.

    • Sorularınız varsa yorumlara yazın, cevaplamaktan memnuniyet duyarız!

    Yeni başlayanlar için HTML temelleri, her acemi web yöneticisinin veya blog yazarının artık bilmesi gerekenler. Temel web sitelerinin nasıl oluşturulacağını öğrenmek, kodun kendisini anlamak, neyin arkasında neyin olduğunu ve neyin gitmesi gerektiğini bilmek istiyorsanız, bunu HTML dilinin temelleri hakkında bilgi sahibi olmadan yapmak kesinlikle imkansızdır. Blogumda bu konuya A'dan Z'ye ayıracağım bir yazı zinciri olacak, belgede bulunan her etiketi, ne anlama geldiğini ve nasıl doğru kullanılacağını anlatacağım.

    HTML'nin Temelleri

    En temel şeyleri bilmiyorsanız yolunuz kapalıdır. Web siteleri geliştirmeye ve oluşturmaya karar veren herkesin temel bilgileri, sitenin nelerden oluştuğunu, nasıl çalıştığını ve kodun kendisinde neler olduğunu bilmesi ve anlaması gerektiğine inanıyorum.

    Elbette pek çok programlama dili var, hepsi de kendine göre karmaşık, ama kesinlikle bilmeniz gerekenler de var. Postayla gönderilecek bir mektubu güzelce tasarlamak istiyorsanız, kendi VKontakte grubunuz var, diğer sosyal ağlarda bir grubunuz var, aynı YouTube kanalı, site motorlarından herhangi birinde kodu düzeltmeniz gerekiyor, sadece ihtiyacınız var temel kavramları bilmek.

    Sadece birkaç örnek verdim, aslında artık bu bilgi internette giderek daha sık kullanılıyor. Ben bir teorisyen olmaktan çok bir uygulayıcıyım, bu nedenle bu bölümdeki makalelerimde size nasıl ve ne yaptığımla ilgili örneklerimi adım adım göstereceğim. Hem örnek sayfaları hem de sitelerin tamamını yayınlayacağım.

    Html belgesi, internette her gün karşılaştığınız bir etiketleme dili olan en basit metin belgesidir. Etiketler bir belgenin yapısını açıklar. Etiketler açısal olarak biçimlendirilmiştir< >içine etiketin adının yazıldığı parantezler. Tarayıcı belgenin yapısına bakar, onu oluşturur ve talimatlarına göre monitörünüzde görüntüler, tabii ki her şeyi doğru yaptıysanız.

    Tüm bu süreç, daha bitmiş resmi görmeden başlıyor. Tarayıcılar bir belgeyi baştan sona sırayla işler. Sayfada olması gereken her şey dahil. Tablolar, resimler, komut dosyaları vb. bunun dışında CSS stillerini içerir.

    Yeni Başlayanlar İçin Temel Bilgiler

    Html nedir - Vikipedi'nin yazdıklarına bakarsanız - (Köprü Metni İşaretleme Dili) belgeler için köprü metni biçimlendirme dili. İnternetteki çoğu sayfa bu dilde sayfa işaretlemesi içerir. Bu dil tarayıcılar tarafından yorumlanır ve ortaya çıkan biçimlendirilmiş metin bilgisayarınızın monitöründe veya mobil cihazınızda görüntülenir.

    Bu dil doğası gereği öğrenilmesi çok kolay ve erişilebilirdir. Herkes bunun temellerini öğrenebilir ve anlayabilir. Böyle bir dili kullanabilmek için etiket olarak da adlandırılan tanımlayıcıları bilmeniz ve kullanmanız gerekir. Bir belgenin oluşturulduğu etiketlerin yardımıyla olur.

    Belgenin yapısı nelerden oluşmalı, hangi etiketler bulunmalıdır. Her şeye küçük bir örnekle bakalım. MS Office'te bir metin yazdım ve bu ekran görüntüsünde gösterdim.

    Bu metni tarayıcıda belgede yazıldığı gibi görüntülemek için, ona bazı etiketler içeren sayfa işaretlemesi eklemeniz gerekir. Önce onlara bakın, sonra her birinin neyden sorumlu olduğunu anlatacağım.

    Bloguma hoş geldiniz, şu anda HTML Temelleri üzerine bir ders alıyorsunuz. Bu makaleyi beğendiyseniz, yeni makalelerin e-posta kutunuza gelmesi için bu bloga abone olabilirsiniz.

    Evgeny Nesmelov'un Blogu! web sitesi Yeni başlayanlar için html ve css temelleri

    Herhangi bir html belgesi hangi etiketlerden oluşur, neler içerir ve bunların tümü nereye yazılmalıdır?

    < html >

    < body >

    < h2 >< / h2 >

    < p >Bloguma hoş geldiniz, şimdi HTML Temelleri eğitimine katılın. Bu makaleyi beğendiyseniz, yeni makalelerin e-posta kutunuza gelmesi için bu bloga abone olabilirsiniz.< / p >

    < h2 >Evgenia Nesmelov'un Blogu! Nesmelov. ru Yeni başlayanlar için HTML ve CSS Temelleri< / h2 >

    < / body >

    < / html >

    Herhangi bir kod açılı parantez içine yerleştirilmiş karakterlerden oluşur. Bunların hepsine element denir. Tüm öğeler genellikle açılış ve kapanış olmak üzere iki etiketten oluşur. Öncelikle etiketlere dikkatlice bakmanızı tavsiye ederim; eğer bir tanesini kaçırırsanız ve kapatmazsanız, hatayı bulmak için kodun büyük bir kısmını gözden geçirmeniz gerekecektir.

    Bir günden fazla sürdüğü, bir kişinin iletişime geçip yardım istediği, sitesinde bir hata bulamadığı durumlar vardı, bu yüzden ne yazdığınıza ve nereye yazdığınıza her zaman çok dikkatli bakın. Şimdi bu örneği kullanarak kodun her bir öğesine, içinde ne yazıldığına, ne anlama geldiğine ve sonunda ne olduğuna bakalım.

    Bir açılış etiketi ve bir kapanış etiketi içeren etiketlerin çoğu eşleştirilmiştir. Bu tür etiketlerin yanı sıra tekli etiketler de bulunmaktadır. Etiketler diğerleriyle birlikte gidebilir, böylece birbirlerinin içine yerleşebilirler. Örneğin, metni aynı anda kalın ve italik olarak görüntüleyin.

    Metin

    < strong > < i >Metin< / strong > < / i >

    HTML belge yapısı

    Bir kez daha hatırlatayım, belgede yer alan kurallara uymanız gerekiyor. Tarayıcı sayfada ne olduğunu, sırasını, içeriğini vb. bu şekilde anlar.

    Etiket, web tarayıcısına belirli bir görevi gerçekleştirmesini söyleyen bir bileşendir. Örneğin bir paragrafın, tablonun, formun veya görselin varlığı.

    Öznitelik - etiketi değiştirir. Örneğin, bir paragrafı ortalanmış veya sağa hizalanmış olarak hizalayabilir, ayrıca görüntünün sayfadaki konumunu vb. ayarlayabilirsiniz.

    Etiketleri HER ZAMAN kapatın, açarsanız mutlaka kapatmalısınız. Aksi halde hata oluşacak ve belgeniz sayfada düzgün görüntülenmeyecektir. Unutulmaması gereken istisnalar da vardır.

    Bir belge başlığı ve gövdesinin olduğunu açıkça anlamak gerekir. Başlık, etiketin içerdiği her şeydir. Belge gövdesi (), belgenin gövdesi sayfanın tüm içeriğini içerir. Kendinize bir kod bölümü bırakıp bu etiketleri yorumlara dahil etmeniz gerekiyorsa bunun için etiket kullanılır. Böyle bir etiketin içinde yer alan her şey yorum görevi görür ve tarayıcılar tarafından algılanmaz.

    İlkinden başlayalım. Belgenin başında bir etiket açtım ve sonunda onu kapattım. Bu kod kesinlikle her belgede bulunur; tarayıcıya bu etiketler arasına yerleştirilen her şeyin HTML kodu olduğunu söyler. Belgenin köküdür; bu etiketin arkasında sonradan bulunan her şey artık belgeye dahil edilmez ve tarayıcılar tarafından algılanmaz. Belgenin en başında etiket açılır ve en sonunda kapatılması gerekir.

    Bu etiketin tüm bölümü belgenin tüm teknik bilgilerini içerir. Önceki etikette olduğu gibi başlığın da sondan açılıp kapatılması gerekiyor. Bu bilgiler sayfa başlığını, açıklamasını, arama motoru anahtar kelimelerini ve kodlamayı içerir. Kodlama hakkında biraz aşağıda.

    İçerik

    < head >İçerik< / head >

    Bu etiket head içerisinde yer alır ve head etiketinin içerisine yazılması gerekmektedir. Bu başlık etiketi zorunludur ve her HTML belgesinde bulunmalıdır. Buna ek olarak tarayıcı penceresinin başlığı olarak da görünür. Böyle bir başlığın uzunluğu 60 karakteri geçmemelidir. Böyle bir başlığın metni, sayfanın içeriğini karakterize eden en eksiksiz bilgileri içermelidir.

    Başlığa "Merhaba Dünya" yazdıysanız, bu sayfada görüntülenmesi gereken bilgidir, başkası değil. İnsanları ve arama motorlarını kandırmamalısınız, bundan hoşlanmazlar ve böylece kendinizi daha da kötüleştirirsiniz. Bu etiketin içerdiği bilgiler sayfanızın içeriğiyle alakalı olmalıdır.

    Zorunlu başlık etiketinden sonra isteğe bağlı ancak aynı derecede önemli bir meta etiketi vardır. Bu etiket tektir. Bu etiketi kullanarak sayfa (açıklama) ve anahtar kelimeleri (anahtar kelimeler) için bir açıklama belirlersiniz.

    Ayrıca meta etiket, sayfanın yazarı ve diğer meta veri özellikleri hakkında veriler içerebilir. Sayfanın tamamının arama motorları tarafından indekslenmesini engelleyebilirsiniz. Sayfayı 20 saniye veya 5 saniye sonra otomatik olarak yenilenecek ve ardından başka bir sayfaya geçecek şekilde ayarlayın.

    < meta name = "robots" content = "index, follow" >

    < meta http - equiv = "refresh" content = "20" >

    < meta http - equiv = "refresh" content = "5; url=http://сайт/" >

    Tamamen farklı bilgiler taşıyabilecekleri için bu tür birkaç meta öğe olabilir. Diğer kullanıcılar sayfayı tarayıcıda açtıklarında tüm açıklamalarınızı görmezler; bunların tümü gizlenir.

    Stil etiketi, sayfadaki stilleri ayarlamak için de kullanılabilir. Birçok farklı css stili kullanıyorsanız, bunları ayrı bir dosyaya ayarlamanız önerilir. Bunlardan birkaçını belirtmeniz gerekiyorsa, bunların tümü doğrudan html belgesinde belirtilebilir.

    .base ( genişlik: 100 piksel; arka plan rengi: #000; yükseklik: 150 piksel; renk: #fff; )

    < style type = "text/css" >

    Temel(

    genişlik: 100 piksel;

    arka plan - renk : #000;

    yükseklik: 150 piksel;

    renk : #fff;

    Veya özel olarak bir etikete stiller ekleyin; bunu yapmak için etiketin içine bir stil öğesi eklemeniz gerekir. Bu etiket, sayfanın stillerini ayarlayan bir kapsayıcının içinde kullanılmalıdır. Bu tür birkaç etiketi kullanabilirsiniz, bu bir hata olmayacaktır.

    Önceki etikete biraz benzeyen bağlantı etiketi, başka bir dosyada bulunan bir belge için stiller ayarlamanıza olanak tanır. Başka bir deyişle, birçok özellikten oluşan eksiksiz bir css stil sayfasını mevcut bir belgeye ekleyebilirsiniz. Böylece, düşük İnternet hızına sahip bir bilgisayara veya mobil cihaza sonuçta daha hızlı yüklenecek ve açılacak olan belgenin boyutunu küçültürsünüz.

    Birden fazla dosya bağlayabilirsiniz, herhangi bir kısıtlama yoktur. Böyle bir etiketi kapatmaya gerek yoktur. Her şey doğru yapılırsa, ayrı bir dosyadaki belirli stiller belgenize yüklenecektir. Bu etiket temel html'ye eklenebilir ve varlığını unutmamak mümkündür. Sonuç şöyle bir resim:

    < link href = "css/style-lg.css" rel = "stylesheet" >

    < link href = "css/style-md.css" rel = "stylesheet" >

    < link href = "css/style-sm.css" rel = "stylesheet" >

    Komut dosyası etiketini kullanarak farklı senaryoları (komut dosyalarını) bir belgeye bağlayabilirsiniz. Kapanış etiketi gereklidir. Komut dosyasının kendisi belgenin başında, içinde veya sonunda bulunabilir.

    Tarayıcıya, bu etiketler arasına yerleştirilen herhangi bir şeyin tarayıcı pencerenizde görünmesi gerektiğini söyler. İşte kesinlikle her belgede bulunabilecek ana etiketler. Gövde etiketi, sayfanın tüm içeriğini içeren ana gövdesi görevi görür. Bu etiketi açmanız ve belgenin sonunda kapatmayı unutmamanız tavsiye edilir.

    Sayfa başlıkları h1 h2 h3

    Daha da ileri gidelim, aynı şekilde açılıp kapanan bir etiket görüyoruz. Bu etiket metnin ana başlığını belirtir; çoğu durumda H1 başlığının altında sayfa başlığı bulunur. Aslında yalnızca altı veri başlığı var. . SEO’da da kullanılıyorlar ama bu biraz farklı bir konu. Bunun için mutlaka bir makaleyi öne çıkaracağım ve onlar için ayrıntılı bir açıklama yapacağım, blog güncellemelerine abone olacağım, böylece hiçbir şeyi kaçırmazsınız.

    Yazı içerisinde bu tür başlıkların bulunması sayfanın tanıtımında önemli rol oynayacaktır. Ayrıca bunların kullanımı size net bir sayfa yapısı, başlığı, alt başlıkları, vurguları, alt paragrafları vb. verir. Bunları her zaman kullanın ve uygulamaya koyun. WordPress gibi birçok CMS'de metin yazarken “başlık 1”, “başlık 2”, “başlık 3” vb. görebilirsiniz. Onlar h1, h2 ve h3'ten sorumludurlar.

    Yeni bir paragraftan gövde metni yazarsanız bir etiket yazarsınız

    Başlangıçta ve sonunda kapatın

    . Html'de bir paragrafı işaretlemek, bir MS Word belgesinde yeni bir paragraf oluşturmaya eşdeğerdir. Belgeye yeni bir şey eklemedim. Ancak bir html belgesinde bulunması gereken tek şey bu değildir. Başka bir örneğe bakalım, açıklaması biraz sonra gelecek.

    HTML belgesi

    Bu metin kalın olacak, ve bu da italiktir

    < ! DOCTYPE html >

    < html >

    < head >

    < meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / >

    < title >HTML belgesi< / title >

    < / head >

    < body >

    < p >

    < b >

    < / b >

    < / p >

    < / body >

    < / html >

    Temel unsurlar Başlık ve Başlık

    Her belge bir başlık ve başlık öğesi içerir. İlk etiketten hemen sonra gelen ilki. Bu etiket sayfayla ilgili tüm bilgileri içerir, aynı zamanda öğeyi de içerir. Başlık – sayfanın başlığına ilişkin bilgi yani sayfanın başlığı, adı. Kullanıcının sizi bir arama motoru aracılığıyla arayacağı sayfanın doğru adını başlıkta belirtmeniz çok önemli bir noktadır. Her iki elemanın da açık ve aynı zamanda kapalı olması gerekir. Her öğe bir “/” ile kapatılır. Sonuç böyle bir resim.

    Başlık ve Sayfa İçeriği

    < / html >

    Gördüğünüz gibi karmaşık bir şey yok. İşte her html belgesinde bulunması gereken en temel etiketler. Her birini kapatmayı unutmayın, aksi takdirde tarayıcı kodun tam resmini algılayamayacaktır. Bunu her zaman bilmeniz ve hatırlamanız gerekir. Daha sonra metin, resim, video vb. eklemeye başlarsınız. Ancak bu zaten diğer makalelerde olacak.

    Not Defteri++ düzenleyicisi

    Kodla çalışmak için Notepad++ programını kullanın. Ücretsizdir ve internette bulmak zor değildir. Herhangi bir kodu anlamak için çok kullanışlıdır; aynı zamanda açılış ve kapanış etiketlerini de rahatlıkla görüntüler. 40'tan fazla programlama dilinin sözdizimini destekliyoruz. HTML'in temellerini öğrenmek için ihtiyacınız olan şey.

    Not Defteri, normal bir not defterinden her bakımdan üstündür. Maksimum rahatlık, basitlik ve öğrenme için bu düzenleyicinin başlangıçta bilgisayarınıza yüklenmesi gerekir. En önemli avantajı ve rahatlığı Notepad++ editörünün kod yazarken ipuçları göstermesi, çalışmanızı çok daha hızlı ve kaliteli hale getiriyor.

    DOCTYPE öğesi

    Her belge ayrıca aşağıdaki doctype öğesini de içermelidir. Neden gerekli ve içinde ne olmalı? Genellikle insanlar bu satırlara pek meraklı değiller, bunları belgelerinin içine kopyalayıp sakince çalışıyorlar. Bu öğeler tarayıcıya belgede hangi html sürümünün kullanıldığını, sayfa açıklamasının ne olduğunu, hangi kodlamanın kullanıldığını, hangi anahtar kelimelerin dahil edildiğini, yazarın kim olduğunu ve sayfanın ne adlandırıldığını söyler.

    Genellikle en başlangıca yerleştirilirler. Birkaç seçenek var ve hepsi birbirinden farklı, en sık kullanılan bir örneği yazacağım. Bu boşluk hazır bir şablon olarak kullanılabilir. Daha sonra her satırın net bir açıklaması olacak, bununla ilgili herhangi bir sorun olmamalıdır.

    Kısaca html'nin temelleri hakkında anlaşılır bir dille: Bu satır, tarayıcıya bu belgenin XHTML versiyon 1.0 olduğunu, İngilizce kullanıldığını ve tüm bu karışıklığın bu adreste bulunduğunu söyler. Daha sonra meta etikette kullanılan kodlamayı belirtiriz. En yaygın kullanılan Windows 1251'dir.

    Açıklama - SEO konusuna değinilir, her belgede mutlaka bulunması gereken üç ana etiketten biri olan bu etiket, sayfanın açıklamasını belirtir. Bu sayfada yazılanlar, kısa bir açıklama, en fazla iki cümledir. Anahtar kelimeler etiketi aynı zamanda SEO konusunu da kapsamaktadır, bu etiket gereklidir. İnternet kullanıcılarının sizi arama motorları aracılığıyla bulmak için kullanacağı anahtar kelimeleri içerir.

    Başlık etiketi, tarayıcıda gördüğümüz belgenin adını ve başlığını içerir. Muhtemelen tüm belgedeki en önemli etikettir ve sayfanın tanıtımı üzerinde en büyük etkiye sahiptir. Ekleme ve tasarlama makalesinde bu etiket daha ayrıntılı olarak açıklanmaktadır.

    Html'nin temelleri hakkındaki bu dersten hatırlamanız gerekenler:

  • Hemen hemen tüm etiketler açılır ve kapanır;
  • Belge etiketiyle başlar;
  • Etiketin varlığı;
  • Etiketin varlığı;
  • Html belgesinin net yapısı.

    • Tüm ana sayfalar her zaman indeks olarak adlandırılmalıdır. Bu şekilde kabul ediliyor ve herkes buna alışkın, dosya uzantısı ne olursa olsun ya html ya da php olabilir. Hep bu şekilde anılır.

    Webformyself'den HTML'nin temelleri hakkındaki videoyu izleyin.

    Köprü metni biçimlendirme dili, temel öğeler ve yapı. Bütün bunları ve daha fazlasını blogumda anlatmaya çalışacağım. Öncelikle yeni başlayanlar için faydalı bilgiler yazılacak, kod örneği verilecek ve bitmiş sayfayla birlikte örneğin kendisini de indirme imkanı sunulacak.

    Modern dünyada HTML'nin ortaya çıkışı için Avrupa Nükleer Araştırma Konseyi'nde (Conseil Européen pour la Recherche Nucléaire, CERN) teşekkür edecek bir bilim insanı var. Bu bilim adamının adı Timothy John Berners-Lee'dir. HTML'nin ilk sürümü bilimsel belgeleri biçimlendirmek amacıyla oluşturuldu. Renk şemaları, yazı tipi parametreleri vb. açıklama unsurları içermeyen yapısal biçimlendirmedir. Böylece HTML, başlangıçta metindeki başlıkları, paragrafları, listeleri ve benzeri yapısal öğeleri vurgulamayı mümkün kıldı. HTML'yi işlemenin veya "oynatmanın" sonucu, görselleştirme için donanımın teknik özelliklerine bağlı olmamalıdır, çünkü bu görselleştirmenin parametrelerini içermemektedir. Zamanla hiper metin işaretleme dilinin bu özelliği kısmen kayboldu.

    Dolayısıyla, HTML'nin ilk sürümlerinin görünümü 1986'ya kadar uzanıyor ve 1991'de HTML önemli ölçüde iyileştirildi ve özellikle World Wide Web üzerinden hiper metin aktarımı için kullanılmaya başlandı. Hyper Text Markup Language anlamına gelen dünyaca ünlü HTML kısaltmasının tam olarak geçen yüzyılın 90'lı yılların başında ortaya çıktığını söylüyorlar. Ve şimdi işaretleme dillerinin soyağacına kısa bir gezi. Köprü metni biçimlendirme dili HTML'nin ilk sürümü, bir bakıma Genişletilebilir İşaretleme Dili'nin prototipi olarak kabul edilebilecek Standart Genelleştirilmiş İşaretleme Dili (SGML) temel alınarak oluşturuldu. XML standardı, bilgisayar teknolojisinde kullanılan çok sayıda uzantı nedeniyle günümüzde büyük bir popülerlik kazanmıştır. Okuyucunun kafasını tamamen karıştırmak için, hemen şunu ekleyeceğim: XML'e dayanarak, esasen HTML'yi kopyalayan XHTML (Genişletilebilir Köprü Metni İşaretleme Dili) köprü metni biçimlendirme dili geliştirildi. Sonuç olarak elimizde SGML, HTML, XML ve XHTML kısaltmaları var ve hangisinin hangisi olduğunu anlamamız gerekiyor. Aslında her şey basit: SGML, herhangi bir işaretleme dilinin oluşturulabileceği bir dizi kuraldan başka bir şey değildir. HTML bu dillerden biri olan SGML uygulamasıdır. Başka bir deyişle, SGML işaretleme öğelerinin nasıl görünmesi gerektiğini, HTML ise öğelerin tam olarak ne olması gerektiğini ve bunların tarayıcılar tarafından nasıl yorumlanması gerektiğini tanımlar. XHTML ise XML'in bir uygulamasıdır ve XML'in kendisi de SGML'nin basitleştirilmiş bir versiyonundan başka bir şey değildir. Görünüş olarak çok benzer olmalarına rağmen, çoğunlukla işlenme prensibinde yatan önemli gizli farklılıklara sahiptirler.

    Şimdi HTML geliştirme tarihine dönelim. Dolayısıyla, 1994 yılına kadar HTML, kalın veya italik metinleri vurgulamak için zaten etiketler içermesine rağmen, hâlâ yalnızca verilerin yapısal olarak işaretlenmesi için kullanılıyordu. Aynı 1994 yılında, W3C (World Wide Web Konsorsiyumu) ​​organizasyonu oluşturuldu - oldukça mantıklı bir şekilde aynı Tim Berners-Lee tarafından yönetilen World Wide Web Konsorsiyumu ve 1995'te HTML 2.0 önerisi yayınlandı. HTML yaratıcıları, beyin çocuklarının zamanla statik metin işaretleme dilinden dinamik İnternet kaynakları oluşturmak için ana araca dönüşeceğini zaten anlamıştı. HTML 2.0'ın ana ilavesi, kullanıcının HTTP istekleri için parametreleri girmesi için kullanılacak olan kullanıcı kontrolleri setlerini içeren form dilinin bir parçası olarak ortaya çıkmasıydı.

    İkinci sürümün piyasaya sürülmesinden sonra, yeni nesil HTML üzerinde çalışmalar hemen başladı. 1997 yılında, biçimlendirme dilini tablolar, çerçeveler, resimler ve diğer bazı önemli etiketlerle tamamlayan HTML 3.2 önerisi yayınlandı. Ancak 3. sürümün en önemli başarısı, yazarlarının tarayıcıda işaretlemeyi görselleştirme sorununa bir kez daha geri dönmeleri, HTML'nin yalnızca belgenin yapısını işaretlemesi gerektiğini ve öğelerin görüntülenmesi için grafik stilleri için doğrudan parametreler içermemesi gerektiğini hatırlamalarıdır. tarayıcı. HTML 3.2 üzerindeki çalışmalarının sonucu, bağımsız bir CSS dilinin (Basamaklı Stil Sayfaları) ortaya çıkmasıydı - kodu artık HTML işaretleme koduna bağlanabilen ve böylece sayfanın görünümünü özelleştirebilen basamaklı stil sayfaları.

    1997'de HTML'nin 4. versiyonunun piyasaya sürülmesiyle, W3C personeli, CSS'nin gelişiyle birlikte geçerliliğini yitiren ve yapı işaretlemesini sunum parametrelendirmesinden ayırma fikrinden taviz veren gereksiz unsurlardan beyinlerini kurtardı. Ancak bu tür önemsiz şeyler yüzünden hiç kimse yeni bir sürümü engellemez. HTML 4.0 önerilerinin ana başarısı, öğeleri artık tarayıcılar tarafından yürütülen komut dosyası programlama dilleri aracılığıyla değiştirilebilen sayfa nesne modelinin (Belge Nesne Modeli, DOM) ortaya çıkmasıydı. Bu tür programlama dillerinden en popüler olanı JavaScript'tir. HTML artı DOM artı JavaScript, Dinamik HTML'ye veya yalnızca DHTML'ye eşittir; bu, web tasarımında bir atılım anlamına gelir. Artık yüklü bir İnternet sayfasının öğeleri, kullanıcı eylemlerine yanıt olarak görünümlerini değiştirebilir, ayrıca yeni öğeler ekleyebilir ve mevcut öğeleri silebilir. 24 Aralık 1999'da hiper metin işaretleme dilinin 4. sürümü olan HTML 4.01'in son baskısı yayınlandı.

    HTML5 henüz resmi bir W3C önerisi statüsünü almadı, ancak HTML yazarlarının belge nesne modeli desteği ve JavaScript yorumlaması için gereksinimleri geliştirmeye yönelik çalışmaya devam ettikleri zaten açık. Her ne kadar HTML5 bir dizi yeni etiket alacak olsa da, önerilerin çoğu hala tarayıcının DHTML bağlamındaki davranışıyla ilgilidir: sürükle ve bırak işlevleri için yerleşik destek, sanal bir tuval üzerine çizim yapma yeteneği olacak , göz atma geçmişini kontrol edin ve sayfalar arasında mesaj paylaşın, yürütme içeriğini kaydedin ve çok daha fazlasını yapın. Yeni HTML önerilerinin yayınlanmasıyla birlikte, aynı JavaScript kodunun farklı tarayıcılar altında farklı şekilde çalıştırılmasından kaynaklanan tarayıcılar arası uyumluluk eksikliği sorunlarının yavaş yavaş ortadan kalkacağı umulmaktadır. Sonuçta, nesne modeli ve JavaScript ile çalışmaya yönelik gereksinimleri tanımlama eğilimi devam edecek ve tarayıcı geliştiricilerin (eğer yazılım ürünlerinin kullanılmasını istiyorlarsa) bu gereksinimlere uymaları gerekecektir.

    HTML5'in 2014 yılında piyasaya sürülmesi planlanıyor. Belki o zamana kadar W3C yalnızca JavaScript programlamayla ilgili ayrı öneriler geliştirmiş olacak ve HTML sonunda yeniden yalnızca belge yapısı için bir işaretleme dili haline gelecektir. Bugün sadece 2012 olmasına rağmen, çoğu zaten en popüler tarayıcılar tarafından destekleniyor. Web tasarımcılarının daha önce kendi başlarına yapmak zorunda kaldıkları şeylerin çoğu (aynı sürükle ve bırak), HTML5'in piyasaya sürülmesiyle birlikte tarayıcı düzeyinde desteklenecek ve olayların bu gelişimi sevinmekten başka bir şey yapamaz. Sadece trendin devam edeceğini umabiliriz.

    İnternet, dünya çapındaki bilgisayar ağlarını, bilgi alışverişi yöntemleri ve birleşik bir adresleme sistemi üzerine tek tip standart anlaşmalar (protokoller) temelinde birleştiren dünya çapında bir ağdır.

    Bugüne kadar İnternet benzeri görülmemiş bir popülerlik kazandı. Uzmanlara göre İnternet 100 milyondan fazla bilgisayarı birbirine bağlıyor. 170 ülkede 300 milyondan fazla insan İnternet hizmetlerini kullanıyor.

    İşlevsel açıdan bakıldığında İnternet:

    ü dünyanın her yerindeki aboneler arasında ucuz ve hızlı bir iletişim aracı;

    ü herhangi bir bilgi alanına ilişkin benzersiz bir bilgi deposu;

    ü aktivite için umut verici yeni bir ortam.

    İnternetin etkisi yalnızca bilgisayar iletişiminin teknolojik alanına yayılmaz, aynı zamanda sosyal bir yönelime de sahiptir ve bilgi edinmenin operasyonel araçları ve elektronik ticaretin daha yaygın hale gelmesiyle tüm topluma nüfuz eder.

    Günümüzde en yaygın ve popüler İnternet hizmeti WWW'dir (World Wide Web). WWW'ye ilişkin bilgiler, biçimlendirilmiş metin, grafik, ses ve video parçaları içerebilen hiper metin (veya daha genel anlamda hiper ortam) belgeleri biçiminde sunulur. Köprü metni belgelerinin ana özelliği, aktif bölgelerin varlığıdır. Fare tıklamasına duyarlıdır. Metin parçaları, tüm resimler ve bunların parçaları aktif olabilir; aktif bölgeye tıklamak, bu bölgeyle ilişkili (hedef) belgenin indirilmesine neden olur.

    İnternette materyal yayınlamayı öğrenmek için öncelikle hiper metin biçimlendirme dili HTML'ye (H yperT ext Markup L anguage) aşina olmanız gerekir.

    HTML'nin Temelleri

    Köprü metni belgeleri HTML için biçimlendirme dili, etiketler adı verilen bir komutlar kümesidir (İngilizce'den etiket) Bir belgenin metninde bulunan HTML etiketleri, belge görüntülenirken tarayıcı tarafından yorumlanır.

    HTML belgelerini görüntülemek programlar kullanılarak gerçekleştirilir - tarayıcılar(İngilizceden tarayıcı), belgeyi HTML işaretlemesine göre görüntüleyen ve köprü navigasyonu sağlayan. En yaygın tarayıcılar Microsoft Corporation'dan Microsoft Internet Explorer ve Netscape Communications Corporation'dan Netscape Navigator'dır.

    HTML belgesi bir metin dosyası olduğundan Notepad () gibi basit bir metin düzenleyicide hazırlanabilir. Not Defteri), ancak çok emek yoğundur. Daha sıklıkla, özellikle HTML belgeleri hazırlamak için tasarlanmış, araç çubuğu düğmelerini veya menü komutlarını kullanarak etiket eklemenize ve Macromedia Dreamweaver, Microsoft FrontPage, HomeSite vb. Gibi iletişim kutularında etiket niteliklerini ayarlamanıza olanak tanıyan özel düzenleyiciler kullanırlar.

    Bir HTML belgesi, örneğin Microsoft Office belge biçiminden bir HTML biçimine dönüştürülerek elde edilebilir. Böyle bir dönüşümle, HTML belgesinin kaynak metninin son derece gereksiz hale geldiği ve düzeltilmesi gerektiği unutulmamalıdır. Özel HTML editörlerini kullanmak çok daha verimlidir.

    HTML Etiketi Söz Dizimi

    Bir HTML etiketi köşeli parantez (karakterler) içine yazılır ve bir addan oluşur ve bu adın ardından bir nitelik listesi gelebilir (çoğu etiket için isteğe bağlıdır). İsimler ve nitelikler İngilizce kelimeler ve kısaltmalardır.

    Etiketler iki gruba ayrılabilir:

    Eşleştirilmiş etiketler (aynı zamanda konteynerler) iki bileşene sahiptir: açılış (başlangıç) ve kapanış (son); kapanış bileşeni aynı ada sahiptir, ancak yazıldığında adın önüne eğik çizgi (sembol / ) gelir. Belge metni ve diğer etiketler, açılış ve kapanış bileşenlerinin arasına yerleştirilebilir. Bir konteyner etiketinin açma ve kapama elemanları arasında yer alan bir belge parçası, tarayıcı tarafından etiketin anlamına göre biçimlendirilir. Örneğin, etiketlerin arasında yer alan metin kalın olarak görüntülenecektir (etiketin adı İngilizce'dir). gözü pek). Eşleştirilmiş etiketler iç içe yerleştirilebilir ancak üst üste gelmemelidir.

    Eşlenmemiş etiketler (aynı zamanda özerk) son bir bileşene sahip değiller. Yorumlandıklarında, görüntülenen belgeye bir veya başka bir nesne eklenir. Örneğin, etiket Bir HTML belgesinin metninde meydana gelen, pict.gif dosyasındaki grafik görüntüsünün eklenmesine neden olur.

    Listedeki öznitelikler birbirinden bir veya daha fazla boşlukla, sekme karakteriyle veya yeni satır karakteriyle ayrılır; özniteliklerin yazılma sırası önemli değildir. Niteliklerin büyük çoğunluğu bir çift olarak kullanılır özellik adı = özellik değeri. Özellik değeri birden fazla kelime veya sayıdan oluşuyorsa tek veya çift tırnak içine alınmalıdır. Etiketlerin kapanış bileşenlerinde nitelikler belirtilmez.


    Niteliklere sahip bir etiket örneği aşağıda verilmiştir:

    Etiket adı Özellik adı

    Özellik değeri

    Özellik adı

    Özellik değeri

    Merhaba !

    Bir HTML belgesinde böyle bir etiketle karşılaşan tarayıcı, etiketi takip eden metni taban boyutuna göre büyütülmüş karakterlerle (SIZE=+2) ve kırmızı renkte (COLOR=RED) görüntüleyerek bunu yorumlar; bu metin formatı kapanış etiketiyle karşılaşılıncaya kadar uygulanır.

    Etiket ve özellik girişlerindeki karakterlerin büyük/küçük harf durumu önemli değildir.

    HTML Belge Yapısı

    Bir HTML belgesi ve etiketleri arasına alınır. Bu etiketler arasında iki bölüm vardır: başlık bölümü (ve etiketleri arasında) ve belgenin gövde bölümü (ve etiketleri arasında). Başlık bölümü, parametrelerin açıklamasını içerir. belgeyi görüntülerken kullanılır, ancak doğrudan tarayıcı penceresine yansıtılmaz. Belge gövdesi bölümü, tarayıcı tarafından görüntülenmesi amaçlanan ana metni, etiketleri biçimlendirmeyi, resimlerin yerleşimini, tabloları, köprüleri vb. içerir.

    İnternette yayınlamaya uygun en basit belgenin HTML kodu şöyle görünür:

    < TITLE >İlk sayfamızTITLE >

    En basit HTML belgesi

    Bu kod Not Defteri metin düzenleyicisine yazılabilir ve uzantılı bir dosya olarak kaydedilebilir. htm veya. html - bu durumda belge, bilgisayarınızda yüklü olan varsayılan tarayıcıda açılacaktır. Tarayıcı bu belgeyi, kendi penceresinde belgenin gövde bölümünde bulunan "En basit HTML belgesi" satırını görüntüleyerek görüntüleyecektir. Tarayıcının başlık çubuğunda "İlk sayfamız" ifadesi görünecektir.

    BAŞLIK Bölümü

    Başlık bölümü genellikle kullanıcı tarafından görülemeyen ancak yine de belgenin görünümünü aktif olarak etkileyebilen etiketler içerir.

    Etiket

    Amaç

    Tüm belgenin adını belirtir. Ad genellikle tarayıcı penceresinin başlık çubuğunda görüntülenir. Bu öğe herhangi bir HTML belgesi için gereklidir ve birden fazla kez belirtilemez.

    Belge içindeki göreli adresleri hesaplamak için başlangıç ​​noktası olacak geçerli belgenin temel adresini (URL) belirtir. Öğenin bitiş etiketi yoktur. Argümanlardan en az birinin mevcut olması gerekir:

    HREF - geçerli belgenin temel adresini (URL) belirtir.

    HEDEF - varsayılan olarak köprülerde kullanılacak çerçeve adını belirtir. Bir belgedeki tüm bağlantıları farklı bir çerçevede açmak istiyorsanız bu kullanışlı olabilir.

    < STYLE TYPE= "text /css " >

    Bir belgeye basamaklı stil sayfaları (CSS - Basamaklı Stil Sayfası) eklemek için kullanılır. TYPE, değeri genellikle "text/css" olan gerekli bir özelliktir.

    < МЕТА …>

    META öğesi bir belgeyi teknik olarak tanımlamak için kullanılır. Bu öğenin yardımıyla, belge başlığına, kullanıcı tarafından görülemeyen, ancak bazen sayfanızın arama sunucusu robotları tarafından doğru şekilde dizine eklenmesi için yeri doldurulamayan ek yararlı bilgiler eklenir. Öğenin bitiş etiketi yoktur.

    NAME - meta gönderinin adını tanımlar. Önceden tanımlanmış birçok ad vardır ve bunlardan bazılarını aşağıdaki örnekte görebilirsiniz.

    İÇERİK - değeri NAME parametresinde tanımlanan meta girişine atar.
    GÖVDE bölümü

    Bu bölüm web sayfasının ana içeriğini içerir - belge metni, resimler, tablolar vb. BODY öğesi bir belgede birden fazla kez görünmemelidir ve aşağıdaki nitelikleri içerebilir:

    Özellik sözdizimi

    Amaç

    MARJ YÜKSEKLİĞİ= sayı

    Belgenin üst ve alt kenar boşluklarının genişliğini piksel cinsinden belirtir. Yalnızca Netscape tarayıcılarında çalışır

    TOPMARGIN= sayı

    Belgenin üst ve alt kenar boşluklarının genişliğini piksel cinsinden belirtir. Yalnızca Internet Explorer tarayıcılarında çalışır

    KENAR GENİŞLİĞİ= sayı

    Belgenin sol ve sağ kenar boşluklarının genişliğini (piksel cinsinden) belirtir. Yalnızca Netscape tarayıcılarında çalışır

    SOLMARGİN= sayı

    Belgenin sol ve sağ kenar boşluklarının genişliğini (piksel cinsinden) belirtir. Yalnızca Internet Explorer tarayıcılarında çalışır

    ARKA PLAN= URL'si

    Arka planı (arka plan resmi) "dolduracak" resmi belirtir. Değer, görüntünün mutlak veya göreceli adresinde belirtilir (Resimlerin yerleştirilmesi bölümüne bakın)

    BGCOLOR= renk

    Belgenin arka plan rengini belirtir.

    MicrosoftinternetKaşif 16 standart renk adını destekler (aqua, siyah, mavi, fuşya, gri, yeşil, limon, bordo, lacivert, zeytin, mor, kırmızı, gümüş, deniz mavisi, sarı, beyaz)

    Diğer bir yol ise kırmızı (ilk iki rakam), yeşil (sonraki iki rakam) ve mavi (son iki rakam) bileşenlerin yoğunluğunu belirten altı haneli onaltılık sayı biçiminde bir renk kodu kullanmaktır. Her bileşenin onaltılık formdaki yoğunluğu 00 ile FF arasında değişir. Bir etiket için nitelik değeri olarak bir renk belirtirken, onaltılık sayının önüne # karakteri gelir.

    Örneğin, COLOR ="#0000 FF " girişi mavi anlamına gelir

    Milyonlarca renk belirleme temel olasılığına rağmen, tarayıcıların yalnızca 256 renk görüntülediği ve her tarayıcının kendi renk paletine sahip olduğu dikkate alınmalıdır. Bu palette tarayıcı, belirtilen renge en yakın rengi seçecektir.

    METİN= renk

    Bir belgedeki metnin rengini belirtir

    BAĞLANTI= renk

    Bir belgedeki köprülerin rengini belirtir

    ALINK= renk

    Tıklandığında köprülerin vurgu rengini tanımlar.

    VLINK

    Halihazırda görüntülenen belgelere giden köprülerin rengini tanımlar
    Metni biçimlendirme Karakterleri biçimlendirme

    Tüm karakter biçimlendirme etiketlerinin hem açılış hem de kapanış bileşeni vardır ve bunların arasında yer alan metin üzerinde etki gösterir.

    Ana etiket ... FONT> olup, yazı tipinin boyutunu, rengini ve yazı tipini değiştiren bir veya daha fazla nitelikle kullanılması gerekir:

    Özellik sözdizimi

    Amaç

    BOYUT = Anlam

    Boyut ya mutlak bir değer olarak (1'den 7'ye kadar bir sayı) ya da temel yazı tipi boyutuna göre (+n veya -n biçiminde) belirtilir.

    RENK= renk

    Renk

    YÜZ = yazı tipi listesi

    Metni görüntülemek için yazı tipleri; adlar virgülle ayrılmış olarak tercih sırasına göre listelenir; örneğin FACE="Verdana, Helvetica, Arial, Sans-Serif"

    Ayrıca yazı tiplerinden birini de belirleyebilirsiniz ancak bu yazı tipinin kullanıcının bilgisayarında yüklü olmayabileceğini ve “egzotik” yazı tiplerinin tarayıcı tarafından görüntülenmeyeceğini unutmayın.

    Ayrıca karakterlerin stilini değiştirmek için etiketler kullanılır:

    . .. (İngilizce'den kalın) - kalın yazı tipi;

    .. . (İngilizce italik'ten) - italik;

    ... (İngilizce TeleType'tan) - tek aralıklı yazı tipi;

    ... (İngilizce'den altı çizili) - altı çizili;

    ... S > (İngilizce'den üç tekerlekli geçiş) - üstü çizildi;

    ... (İngilizce'den senaryo) – alt simge;

    ... (İngilizce sup'tan el yazısı) üst simgedir.

    Etiketler arasına alınmış metin

    ve (İngilizce ön hazırlıktan biçimlendirilmiş), tüm boşluklar ve satır sonlarıyla birlikte, önceden biçimlendirilmiş haliyle görüntülenir.

    Paragrafları Biçimlendirmek

    Metin tarayıcı penceresinde kelime kelime görüntülenir; pencerenin sağ kenarına ulaşıldığında sonraki kelime otomatik olarak yeni bir satıra taşınır. Sayfa koduna birkaç boşluk girilse veya metin yeni bir satıra yazılsa bile bu eylemler tarayıcıda görüntülenmez. Bu nedenle, metinde bir dizi ardışık boşluğu veya birkaç boş satırı görüntülemek için çeşitli etiketler kullanmanız gerekir.

    Etiket
    (İngilizce'den b geri almak)metin akışını keser ve yeni bir paragraf oluşturmadan yeni bir satır ekler.
    birkaç boş satır olarak yorumlanır. Satır aralığı tektir. Etiketin kapatma bileşeni ve niteliği yoktur.

    Etiket (İngilizce p'den aragraf)bir paragrafa başlar; yeni bir paragraf öncekinden çift satır aralığıyla ayrılır. Bir paragraf boş olamaz, yani birbirini izleyen birkaç etiket olamaz.

    tek olarak yorumlanır (etiketin aksine)
    ).Kapanış bileşeni

    isteğe bağlıdır, çünkü önceki paragraf yenisinin başladığı yerde biter. Etiket, paragrafın hizalama türünü belirten ve sırasıyla sola hizalamayı belirten SOL, CENTER, RIGHT ve JUSTIFY değerlerini alabilen isteğe bağlı bir ALIGN özelliğine sahiptir. merkez, sağ ve genişlik. Etiketlerin içine alınan metin de ortalanacaktır.

    ...

    Kapanış bileşeni ise

    atlanırsa, belirtilen hizalama türü, hizalamayı belirten bir sonraki etikete veya belgenin sonuna kadar korunur.

    HTML, numaralandırılmış veya madde işaretli listeler halinde biçimlendirilmiş paragraflar oluşturmanıza olanak tanır. Bir liste olan bir metin parçası etiketlerde bulunur:

    sıralı (numaralandırılmış) liste (İngilizce'den veya sipariş edilmiş ben ist)

    sırasız (madde işaretli) liste (İngilizceden) sıralı ben ist)

    Sıralı veya sırasız bir listenin her öğesi etiketler içine alınır ... (İngilizce'den l ist Ben tem). Metni görüntülerken, her liste öğesi bir sayı veya işaretçiyle gösterilen yeni bir satıra yerleştirilecektir. Ek olarak, listenin bir etiketle belirtilen bir başlığı da olabilir (İngilizce'den l ist H öncü). Kapanış etiketleri gerekli değildir.

    Numaralı liste

    Maddeli liste

    Kod öğesi

    < O L>

    Başlık

    İlk eleman

    İkinci eleman

    Üçüncü unsur

    < U L>

    Başlık

    İlk eleman

    İkinci eleman

    Üçüncü unsur

    UL>

    Tarayıcı ekranı

    Başlık

    1. İlk unsur

    2. İkinci unsur

    3. Üçüncü Unsur

    Başlık

    · İlk eleman

    İkinci eleman

    · Üçüncü unsur

    Numaralandırılmış ve madde işaretli listelerin bir kombinasyonu kullanılarak çok düzeyli bir liste düzenlenebilir.

    Etiketin isteğe bağlı özellikleri vardır:

    Özellik sözdizimi

    Amaç

    TİP = biçim

    Numaralandırma formatı aşağıdaki değerlere sahip olabilir:

    Arap rakamları (varsayılan)

    büyük harfler

    küçük harf

    büyük roma rakamları

    küçük roma rakamları

    BAŞLANGIÇ = değer

    listedeki ilk numara (varsayılan 1)

    Etiketin isteğe bağlı bir özelliği var

    Özellik sözdizimi

    Amaç

    TİP = biçim

    Belirteç biçimi aşağıdaki değerlere sahip olabilir:

    Disk

    disk (varsayılan)

    Daire

    daire

    Kare

    Kare

    Paragraflar düzey başlıkları olarak da biçimlendirilebilir (n = 1'den n = 6'ya kadar), bu amaçla ... n> gibi etiketler kullanılır. Birinci düzey başlık en büyük yazı tipinde görüntülenir.

    Etiketler

    , ... ,

    SOL, SAĞ ve MERKEZ değerleriyle ALIGN hizalama özelliğine sahip olabilir.

    Çizimlerin yerleştirilmesi

    Bir web sayfasını görüntülerken tarayıcı tarafından görüntülenen resimler gif, jpg (jpeg) veya png formatında ayrı dosyalarda saklanır ve sayfa kodunda istenilen dosyaya bağlantı yapılır. Bunun için, bir zorunlu ve bir dizi isteğe bağlı özniteliğe sahip olan eşleştirilmemiş bir etiket kullanılır.

    Gerekli özellik:

    SRC= URL

    Grafik dosyası adresi (göreceli veya mutlak)

    ALT= metin

    Tarayıcı modunda görseller yüklenmeden görüntülenen alternatif metin (tırnak işaretleri içine alınmalıdır)

    SINIR = Anlam

    Piksel cinsinden kenarlık kalınlığı, 0 kenarlık olmadığı anlamına gelir (varsayılan)

    KENAR RENGİ = renk

    Kenarlık rengini ayarlar

    YÜKSEKLİK = Anlam

    Piksel cinsinden resim yüksekliği (varsayılan olarak orijinal) veya tarayıcı penceresi yüksekliğinin yüzdesi olarak

    GENİŞLİK= Anlam

    Piksel cinsinden resim genişliği (varsayılan olarak orijinal) veya tarayıcı penceresi genişliğinin yüzdesi olarak

    HSPACE = Anlam

    Resmin solunda ve sağında piksel cinsinden boş alan

    VSPACE = Anlam

    Resmin üstünde ve altında piksel cinsinden boş alan

    HİZALAMA = Anlam

    Görüntüyü yatay olarak hizalar.

    SOL veya SAĞ ayarlanırsa resim buna göre yatay olarak hizalanır, bu değerlerin ayarlanması metnin resmin etrafına sarılmasına neden olur

    Bir dosyayı adreslemenin mutlak ve göreceli yöntemlerine daha yakından bakalım.

    Mutlak biçimde adresleme diğer sunucularda bulunan kaynaklara atıfta bulunurken kullanılır. Bir bilgi kaynağının konumunu belirleyen evrensel adrese URL (Tekdüzen Kaynak Bulucu) adı verilir. URL, iki nokta üst üste işaretiyle ayrılmış iki bölümden oluşur. İlk bölüm, kaynağın türüne bağlı olan ağ protokolünün türünü gösterir. Örneğin, kaynak bir WWW sunucusunda bulunuyorsa, bu protokoldür http.İkinci bölüm, alan adı sistemindeki bilgisayarın (sunucunun) adını ve (gerekiyorsa) dosyanın yol adını içerir. Bir yol adı yazarken, dosya ve dizin adlarında dizin adları eğik çizgiyle (/ karakteri) ayrılır büyük ve küçük harfleri ayırt etme, boşluklara izin verilmez. Aşağıda URL örnekleri verilmiştir:

    http://www. vshu. kirov .ru/ site / resimler / resim 1.jpg

    http://195.21.123.13:8110

    ftp://everything.com/soft/prog.zip

    mailto:Bu e-posta adresi spam robotlarından korunuyor. Görüntülemek için JavaScript'in etkinleştirilmesi gerekir.

    Protokole işaret eden son URL posta yoluyla ve e-posta adresinin herhangi bir bilgi kaynağına bağlantı vermemesi; Bu, iki nokta üst üsteden sonra iki eğik çizgi içermeyen tek URL türüdür.

    Bir web sitesi oluştururken resimlerin mutlak biçimde adreslenmesi pratikte kullanılmaz.

    Göreceli biçimde adresleme Aynı sunucuda bulunan kaynaklara başvururken kullanılır. Bir dosyanın yolunu yazarken, dizinlerin adları eğik çizgiyle (sembol / sembol) ayrılır, dosya sisteminin dizinleri arasında bir seviye yukarıya doğru hareket etmek iki noktayla (semboller ..) gösterilir. Daha açık hale getirmek için, örneğin HTML dosyalarını içeren aşağıdaki dizin yapısına sahip bir bilgisayar hayal edin:

    ŞEKİL\* BİRLEŞTİRME FORMATI

    Benim sitem

    Sayfalar

    Görüntüler

    Sayfa1.htm

    Sayfa2.htm

    Pict1.jpg

    Pict2.jpg

    Index.htm

    Resim.jpg

    Bu durumda örneğin IMG etiketini yazmak için aşağıdaki seçenekler mümkündür:

    ü < IMG SRC = Picture . jpg >(Resim .jpg görseli Index .htm sayfasında yer almaktadır)

    ü < IMG SRC = Images / Pict 1. jpg >(resim Pict 1.jpg, Index.htm sayfasında yer almaktadır)

    ü < IMG SRC =../ Picture . jpg >(Resim .jpg resmi sayfa 1.htm'de yer almaktadır)

    ü < IMG SRC =../ Images / Pict 1. jpg >(resim Pict 1.jpg, Sayfa 1.htm sayfasında yer almaktadır)

    Resmi olarak yalnızca SRC niteliğinin gerekli olmasına rağmen, birçok kişi tarayıcıyla resim yüklemeden modda çalıştığından, pratikte alternatif metni (ALT niteliği) belirtmek de gereklidir.

    Çizimin görüntülendiği alanın yüksekliği ve genişliği, piksel cinsinden veya ekran boyutunun yüzdesi olarak genişlik ve yükseklik nitelikleri kullanılarak belirtilir. Bu niteliklerden biri belirtildiğinde çizim, yüksekliği veya genişliği belirtilenle eşleşecek şekilde ölçeklenir. İkinci boyut uygun oranda otomatik olarak ayarlanır. Niteliklerden yalnızca birinin uygulanması çizimin her iki boyutunu da değiştirir.
    Her iki özelliği de açıkça ayarlarsanız görüntü, belirtilen boyutlara uygun olarak iki eksen boyunca ölçeklendirilir. Yükseklik ve genişlik nitelikleri görüntünün yüklenme süresini değiştirmez, yalnızca ekrandaki görünümünü (boyutunu) değiştirir.

    Köprüler

    Köprü, fareyle tıklandığında yeni bir belgeye veya belge parçasına yol açan bir nesnedir (metin, resim, resim parçası). İnternette yayınlanan herhangi bir belge arasındaki geçişleri düzenlemenize olanak tanıyan köprülerdir.

    Metin köprüleri

    HTML belgeleri ve belge parçaları arasındaki bağlantı etiketi kullanılarak düzenlenir ...(İngilizce'den bir çapa - çapa).

    Etiketi hem başka bir belgeye bağlantı oluşturmak hem de belgenin bir parçasına bağlantı oluşturmak için kullanılır.

    Gerekli özellik:

    HREF = URL

    Hedef belgenin adresi (mutlak ve göreceli biçimde sunulabilir)

    Temel isteğe bağlı özellikler:

    İSİM = İsim"

    Aradakini işaretler< A >ve olası bir bağlantı nesnesi olarak A > belge parçası. Değer olarak bu belgeye özgü herhangi bir indeks sözcüğünü Latince yazmanız gerekmektedir. Örneğin, Bölüm1 etiketi, bölüm 1'e gitmek için bir etiket (yer imi) oluşturur. Bu durumda, belge adından sonra adını (# işaretiyle birlikte) belirterek işaretli alana başvurabilirsiniz.

    Bu yüzden,< A HREF =" Index . html # part 1">Bölüm 1'e A > sizi Dizin dosyasının "bölüm 1" bölümüne götürecektir. HTML ve
    < A HREF ="# part 2">Bölüm 2 A'ya > − belgenin karşılık gelen bir etikete sahip olması şartıyla geçerli belgenin "bölüm 2" bölümüne

    HEDEF = " İsim"

    Hedef belgeyi görüntülemek için çerçevenin (çerçeve) veya pencerenin adı.

    Bu özellik yalnızca HREF parametresiyle birlikte kullanılır. Değer, mevcut çerçevelerden birinin adı veya aşağıdaki ayrılmış adlardan biri olmalıdır:

    _self - HREF parametresinde belirtilen belgenin geçerli çerçevede görüntülenmesi gerektiğini belirtir;
    _parent - belgenin geçerli çerçevenin ana çerçevesinde görüntülenmesi gerektiğini belirtir (tarayıcı penceresini tamamen kaplar);

    _blank - belgenin yeni bir pencerede görüntülenmesi gerektiğini belirtir

    BAŞLIK= " metin!}"

    Bir köprünün üzerine geldiğinizde bir araç ipucu görüntüler

    Etiketler arasına yerleştirilen metin ve resimler, hedef belgenin yüklenmesine neden olan fare tıklamasına duyarlı olarak belgenin etkin alanı haline gelir. Köprü metni, altı çizili olarak vurgulanır ve etiketin LINK, A LINK, V LINK niteliklerinin (veya varsayılan rengin) değeri olarak belirtilen renklerle vurgulanır.

    Köprüler-resimler

    Resmin tamamını köprü yapmak için etiketini de kullanabilirsiniz. ...., yalnızca metin yerine (veya metinle birlikte) arasında< A >ve A > etiketi bulunur< IMG …>ilgili tüm niteliklerle birlikte.

    Örneğin , .

    Köprü Haritası

    etiketi, bir metin parçasını veya görüntünün tamamını etkin bölge yapmanıza olanak tanır; Bir görselin farklı parçalarının farklı hedef belgelere bağlanabilmesi için harita görselini uygulayan bir etiket kullanmanız gerekecektir.

    Bir kapsayıcı etiketi için gerekli olan tek öznitelik NAME'dir ve bunun değeri ad olacaktır (örneğin, NAME=" mymap " olarak hizmet vermesi amaçlanan görüntüyü tanımlayan IMG etiketinin USEMAP özniteliğini açıklarken kullanılması gerekir). bir harita (# − USEMAP=#mymap ile)

    Kabın içinde, görüntünün fareye duyarlı her alanı aşağıdaki özelliklere sahip bir etikete sahip olmalıdır:

    Özellik sözdizimi

    Amaç

    KOORDLAR= liste

    Aktif bölgenin koordinatlarının virgülle ayrılmış listesi (verilen bölge şeklinin türüne bağlı olarak)

    HREF = URL

    ŞEKİL = biçim

    Çekirdeğin şeklini belirler. Bu özellik için olası değerler:

    daire(daire – merkezin ve yarıçapın koordinatlarıyla piksel cinsinden belirtilir);

    doğrultmak(dikdörtgen - sol üst ve sağ alt köşelerin koordinatlarıyla belirtilir);

    poli(çokgen - köşelerinin koordinatlarıyla tanımlanır)

    Her durumda koordinatlar görüntünün sol üst köşesinden piksel cinsinden ölçülür, X ekseni sağa ve Y ekseni aşağı yönlendirilir.

    NOREF

    Bazen belirli bir bölgenin (ŞEKİL özelliği ve KOORDS koordinatları tarafından belirtilen) aktif olmadığını belirtmek gerekir, fare tıklamasına tepki yoktur
    Tablolar

    HTML belgelerindeki tablolar, verileri çerçeveli hücrelere yerleştirmek için değil, metin parçalarını ve görüntüleri birbirine göre düzenlemek için kullanılır.

    HTML'deki tablolar satır satır oluşturulur. Tüm tablo verileri etiketlerin içine alınır

    ; her hücre sırasının (satırların) açıklaması etiketlerde bulunur ...; her hücrenin içeriği ... (normal hücreler) veya ... H> (başlıklar) etiketlerinde bulunur.

    Bu nedenle, örneğin her biri iki hücre içeren iki satırlık bir tabloyu tanımlamak için aşağıdaki yapıyı oluşturmanız gerekecektir:

    Tablo hücreleri metin, resimler, iç içe geçmiş tablolar vb. içerebilir. Tablo hücrelerini boş bırakmamalısınız; Eğer herhangi bir hücre boş görünüyorsa, içine bölünemez bir boşluk koyun.

    Tablo hücrelerine yerleştirilen metin, varsayılan olarak tarayıcı tarafından otomatik olarak yerleştirilir; metin kelime kelime görüntülenir; Hücrenin sağ kenarına ulaşıldığında bir sonraki kelime yeni bir satıra taşınır.

    Tablo hücreleri birden fazla satıra veya sütuna yayılabilir; bu tür hücreleri tanımlarken, ROWSPAN (etiketi bu özelliği içeren bir hücre, belirtilen sayıda satır kadar "uzatılır") ve COLSPAN (hücre birkaç sütun kadar "uzatılır") özellikleri şunlardır: kullanılmış. Birleştirilmiş hücrelere sahip bir tabloyu düzenlemenin bir örneği:

    < TR >

    < TD ROWSPAN=2>1-1 Tank Avcısı >

    Tabloları açıklayan etiketlerin bir dizi isteğe bağlı özelliği vardır.

    Etiket nitelikleri tablonun parametrelerini bir bütün olarak belirtir:

    Özellik sözdizimi

    Amaç

    HİZALAMA = değer

    Metin akışına göre hizalama olası değerler sol, sağ ve ortadır;

    ARKA PLAN = URL

    Tüm tablonun arka plan resmi

    BGCOLOR= renk

    Arka plan rengi

    KENAR RENGİ = renk

    Sınır rengi

    SINIR RENK KOYU = renk

    Ana çerçevenin sağ ve alt kenarlarını ve her hücrenin sol ve üst kenarlarını belirtilen renkle renklendirir

    KENAR RENK IŞIĞI = renk

    Ana çerçevenin sol ve üst kenarlarını ve buna bağlı olarak her hücrenin sağ ve alt kenarlarını belirtilen renkte renklendirir

    HÜCRE DOLGUSU = değer

    Hücre sınırlarından içeriğine piksel cinsinden uzaklık

    HÜCRE BOŞLUĞU = değer

    Piksel cinsinden hücreler arasındaki mesafe

    HSPACE = Anlam

    Tablonun solunda ve sağında piksel cinsinden boş alan

    VSPACE = Anlam

    Tablonun üstünde ve altında piksel cinsinden boş alan

    GENİŞLİK= Anlam

    Tablo genişliği (piksel cinsinden veya geçerli tarayıcı penceresi genişliğinin yüzdesi olarak ayarlanır)

    Etiket nitelikleri belirli bir serinin parametrelerini belirtir (çelişkiler ortaya çıkarsa etikette belirtilen nitelikler iptal edilir). Hücre içeriklerinin hizalanması; olası değerler sol, sağ ve ortadır;

    ARKA PLAN = URL

    Belirli bir tablo satırının hücreleri için arka plan resmi

    BGCOLOR= renk

    Bu satırdaki hücrelerin arka plan rengi

    SINIR = Anlam

    Bu satırın hücrelerini çevreleyen kenarlığın kalınlığı; BORDER=0, görünmez bir kenarlığı belirtir;

    GEÇERLİ = Anlam

    Hücre içeriğinin dikey hizalanması; olası değerler üst, orta ve alttır;

    Etiket nitelikleri belirli bir hücrenin parametrelerini belirler (çelişkiler ortaya çıkarsa, içinde belirtilen nitelikler ve etiketler iptal edilir).

    Özellik sözdizimi

    Amaç

    HİZALAMA = Anlam

    Hücre içeriğini hizalayın; olası değerler sol, sağ ve ortadır

    ARKA PLAN = senin ben

    Tablo hücresi için arka plan resmi

    BGCOLOR= renk

    Hücre için arka plan rengi

    SINIR = Anlam

    Hücreyi çevreleyen çerçevenin kalınlığı

    GEÇERLİ = Anlam

    Hücre içeriğinin dikey hizalanması; olası değerler üst, orta ve alttır;

    GENİŞLİK= Anlam

    Piksel cinsinden hücre genişliği veya tablo genişliğinin yüzdesi

    SATIR ALAN= Anlam

    Bir hücrenin kapladığı satır sayısını belirtir

    COLSPAN = Anlam

    Bir hücrenin kapsadığı sütun sayısını belirtir

    Tablolarla çalışırken, WIDTH özelliği için belirtilen değerin çoğu durumda yalnızca tarayıcı tarafından "not edildiğini" unutmayın. Verilen oranlar nadiren tam olarak korunur; tarayıcı tabloyu mümkün olan en iyi şekilde (anladığı kadarıyla) görüntülemeye çalışır.

    Kayan yazı

    Bir web sayfasında bir onay işareti kullanmak, onu daha dinamik hale getirir ve hareket eden bir nesnenin efektini yaratmanıza olanak tanır. Etiket kullanarak bir onay işareti oluşturma< MARQUEE >... MARQUEE >.

    Arasında< MARQUEE >ve MARQUEE > metin parçaları ve resimler bulunabilir. Metin uygun etiketler kullanılarak biçimlendirilebilir ve grafikler kullanılarak eklenir.

    Özellik sözdizimi

    Amaç

    BGCOLOR= renk

    Arka plan rengi. Arka plan belirtilirse, tarayıcı ekrana metnin veya görüntünün hareket ettiği renkli bir şerit çizer.

    YÜKSEKLİK = Anlam

    Arka plan çubuğunun yüksekliği. Değer piksel cinsinden veya tarayıcı penceresi yüksekliğinin yüzdesi olarak belirtilir.

    Örneğin, HEIGHT=25% özelliğini belirtirseniz, onay çubuğu pencere yüksekliğinin dörtte birini kaplar

    GENİŞLİK= Anlam

    Piksel olarak veya tarayıcı penceresinin genişliğinin yüzdesi olarak gösterilen, kayan çubuğun genişliği

    YÖN= Anlam

    Çizgi hareketinin yönü: sol - sol (varsayılan), sağ - sağ, yukarı - yukarı, aşağı - aşağı

    DAVRANIŞ = Anlam

    Bu özellik, onay işaretinin davranışını kontrol eder:

    kaydırma (varsayılan) – pencerenin kenarına ulaşıldığında çizgi görüş alanının dışına çıkar ve ardından karşı tarafta belirir;

    slayt – pencerenin kenarından bir çizgi belirir, karşı tarafa ulaşır ve durur;

    alternatif - çizgi sağa veya sola hareket eder, pencerenin kenarlarından "yansıyarak" hareket yönünü değiştirir

    HSPACE = piksel ofseti

    Onay çubuğunu yatay olarak sağa kaydırın

    VSPACE = Sen co tpiksel cinsinden a

    Şeridin üstünde ve altında boş alan oluşturma

    DÖNGÜ = Anlam

    Ekrandaki satır geçişlerinin sayısı

    SCROOLAMOUNT = Anlam

    Çizginin her adımda geçtiği piksel sayısı. Varsayılan mod yaklaşık 10 piksel/adımdır. Bu özellik, çizgi hareketinin hızını ayarlamanıza olanak tanır

    KAYDIRMA GECİKMESİ = Anlam

    Adımlar arasındaki zaman aralığını (milisaniye cinsinden) tanımlar, bu özelliği kullanarak çizginin sarsıntılı bir şekilde hareket etmesini sağlayabilirsiniz.

    GERÇEK HIZ

    Bu bayrak (değeri olmayan bir nitelik) ayarlandığında belirtilen SCROLLDELAY değeri kullanılacaktır. Bayrak ayarlanmamışsa değer SCROLLDELAY olur