Bir HTML sayfası örneği ve temel ilkeleri arasında

Birçok dil icat, ama HTML dili en özel ve vosstrebovan biridir. o programlamada diğer önemli girişimler bir sürü içerir beri. HyperText Markup Language (HTML) - Çok zaman işaretleme dili geliştiricisi mevcut bilginin kafasında, sunulmuştur.

Aslında, HTML, hiçbir şey zor olduğunu ve programlama ve internet kişilerin tüm en uzak birkaç dakika içinde defterine HTML sayfaları kurulmasını yerine getirecektir. Dikkate değer örnekler, gerçekten de basitlik, herkesin erişimine.

genel açıklama

HTML dosyası - tek sayfalık site, bu tartışılır, ama bu açıktır başlatmak için sayfa başına bir dosya, ne olsa.

HTML dosyası belirten bir DOCTYPE başlığıyla başlayan dosya türü olduğunu - HTML. Tüm sayfa öğeleri (etiket) açılı parantez içinde belirtilmiştir. Her çift ( "<" ve ">") bir etiket HTML içerir. Genellikle HTML etiketleri her «etiketi» için, yani eşleştirilmiş «/ etiket» sahiptir. Hem açılı parantez içinde verilmektedir. Geçiş sonraki satıra - hangi en popüler «br /» tek bir etiket vardır.

dosyada en büyük etiket - HTML kendim, sadece iki etiketi içerir: HEAD ve BODY. İlk durumda, farklı şartname mevcut PHP ve JavaScript komut olabilir diğer ilgili sayfa dosyalara bağlar göstergesidir. İkinci sayfa yazılı içerikte. Ayrıca etiketleri ve komut şeklinde.

Basit HTML sayfalı

Bu tür bir sayfa oluşturmak Örnek Aşağıdaki yazıda belirtilir. dikkatlice düşünün.

BAŞ bölüm

temel amacı BAŞ etiketi - sayfa ve genel komut genel açıklama, her ne kadar ikinci - sadece göreceli bir kavramdır. Genellikle sadece iki şeyle hatırı sayılır önem orada vermektedir:

• anahtar kelimeler ve sayfanın açıklaması;
• diğer dosyalara bağlantılar (* .css ve .js *).

diğer bazı dosyalar etiketleri ve diğer komut diller için CSS kuralları vardır nerede gösterdiği için bu bölümün sayfası içeriğini görüntülemek için yalnızca dolaylı öneme sahiptir.

HTML sayfası, bir ziyaretçi sayfası açıldığında sekmesinin üzerine fareyi getirdiğinde görüntülenen bir başlık (BAŞLIK) sahiptir. okunabilir bir metin imzalı sayfa çok daha prezentabl dile daha kolay yapar çünkü bu önemlidir.

META etiketleri genel olarak web programlama önemlidir, ama bir dizüstü, istenmeyen dağınıklığı gereksiz yapıların bir örnek HTML sayfaların oluşturulması gerektiğinde.

LINK ve SCRIPT linklere özel dikkat edilmelidir. JavaScript kodu dosyasının konumu - Önce bir CSS stil dosyası, ikinci orada bir yere gelir. Böyle bağlantılar ayarlanabilir.

Eğer daha güçlü hale gelecektir komut bir HTML bilgisi olarak ele alınmalıdır kullanırsanız, geçişli stil sayfaları hemen dikkat etmelidir. CSS dosyalarını, özellikle, HTML etiketlerinin Kayıt kurallardır.

bölüm VÜCUT

Aslında, örnek bir sayfa HTML - Bu BODY bölümüdür. Bütün bilgiyi içerik sayfasının bütün içerdiğini burada. Tüm bilgiler, JavaScript kodunu veya PHP-programın parçaları ekleme gibi etiketleri ve komut dosyaları, şeklinde sunulmuştur.

Böyle not defteri gibi bir metin editörü tarayıcı ve aynı örnekte HTML web sayfalarının örneklerinden biri olan bu aynı şey olmadığını fark etmek önemlidir. İlk durumda tüm çalýþtýrýlmaz hangi hazır HTML metin bulunmaktadır. Örneğin, PHP düşeni yerine getirdiğini ve bunun yerine doğru yerlerde etiketler kod oluşturdu. henüz ayrı bir konuşma olmak üzere rağmen JavaScript ayrıca, misyonunu yerine getirmiştir.

HTML - yerine komut etiketler. Sonuçta, sadece tarayıcıda görüntülenen sayfanın içeriği, ama onun etiketi. Hiçbir PHP kodu yoktur.

sadece açılış süresi (aşırı yük) de, sayfayı hizmet etmek, ancak anlarda sayfa ziyaretçinin tarayıcısına olduğunda ve çalışmalar şunu - JavaScript özel bir konumda, onun bakımında olduğunu.

Basit bir örnek kod HTML sayfasının (sadece VÜCUT bölümü) aşağıda gösterilmiştir.

Aşağıda gösterildiği gibi bir ziyaretçinin tarayıcı görünüyor.

kodunda belirtilmedi tarayıcı getirdi elemanları gibi görünmelidir. Tüm tasarım CSS kuralları görülebilir. Bu durumda, MCSS (. Bir sayfa HTML ilk örneğe bakın) başvuruldu / scPhpWordRW.css dosyası.

HTML, CSS tema basittir aksine, çok erişilebilir kurallar vardır ve HTML sayfaları yaratılış örneğidir not defteri dışında başka bir şey gerektirmez zaman onların sayı küçüktür. Her şey hemen gelişimi için çok erişilebilir:

Bu etiket scLogo_vDoc açıklanmıştır ne kadar kolay gösterir ve bu açıklama etiketinde normal halde bir resim vDoc-logo.png görüntüler ve fare üzerine geldiğinde - vDoc-logo-h.png sergiledi.

HTML açıklamaları yapısı

Dil burada çok görecelidir kavramın yapısı ve söz dizimi herhangi yürüten içermez. Hiçbir değişken vardır, ancak birçok fırsat vardır. Hipermetnin temeli bir isim var emin bir eleman (etiket) olmasıdır.

etiketteki başında ve söz ediyoruz if ( «<» + tagName + «>») özel isimler (tagName) ve açı parantez oluşan davanın adı, etiket çifti, «» kaydedildi eğer onun sonu.

Aşağıdaki metinde yer alan özelliklerini açıklayan HTML sayfaları örneği.

nitelikleri olabilir etiketi, sonra da ">" kapanış köşebendin önce etiket adından sonra bir boşluk ile konur. Onlar etiket yalnızca başında kaydedilir varsa, Attributes. etiketinin içeriği başlangıç etiketi ve bunun sonu arasında uzandığı olmasıdır.

Toplam HTML içeriği açıklamaları

HTML blok ve satır içi elemanlarını tanımlamak için izin verir. Öncelikle, kesinlikle bu ekran HTML sayfaları alanında doğru yerde olduğunu tarayıcı penceresinde belli bölge konumlandırılabilir işgal ve belirli bir boyutu var.

Sayfa dosyasında belirtilen ve ekranda olduğu gibi satır içi elemanları genelde, yani bir iplik görünür. Sayfa yükleme gerçekleştiğinde toplam akışın ekran etkilenebilir. yerleştirme, görünürlüğü ve blok elemanlarının diğer özellikleri hakkında JavaScript kodu aracılığıyla her an etkilenebilir.

Basit elementlerin yanı sıra, HTML tabloları ve formları tanımlamak sunuyor. Bu elementler içinde çok talep olan "günlük sitesi binanın."

tablo tanımı: etiketler TABLO, TR, TD

TABLO etiketi bir tablo oluşturmak için kullanılabilir olduğunda, TD hücreleri bir dizi üst üste satır ve TR bir sayı belirtin. Bu bildiri ile sınırlı doğa HTML işaretleme sekmeli örgüte bağlı kuruluşun olağan tabloya, aksine geliştirici aynı tüm satırlarda sütun sayısı, o zaman kendin uymalı olduğu bir dikdörtgen tablo yapmak isterse çünkü.

anlaşılamamıştır ne olursa olsun yapmak, ama hiçbir şey: ilkeli HTML konumu. Bazı durumlarda bu tablonun her satırında sütun sayısı kadar önemli değildir, ancak yatay veya dikey bir birleştirme hücreleri gerçekleştirmek istiyorsanız, çok dikkatli bir şekilde tüm saymak gerekir.

Basit bir tablonun bir açıklama örnek HTML sayfası grafiksel makalesinde gösterilen.

Sütun başlığının - Burada TH yerine TD etiketi kullanılan ilk satır etiketiyle üç sütun ile üç sıra boyutunu gösteren bir tablodur. Özellikle bu iki etiketleri yok ayrılsa da kullanmak tablonun ilk satırında birbirinden ayırt etmek ilk mümkündür ve TH için CSS'deki, diğer TD ayıran kendi stilinizi, ekleyebilir.

Açıklama formu: FORM etiketi, GİRİŞ

Formu - Bu HTML etiketleri en çok talep parçasıdır. Kullanılması formlar bilgiyi iletebilir. Aslında sayfa - bu ekran bilgileri, ancak formu - girişi.

Basit bir formda bir açıklama örnek HTML sayfası:

formların çok daha fazlası kullanır, ancak aşağıdaki gibi temel özellikleridir. Sen giriş alanını belirtebilirsiniz, bunları kullanıcı girişi analizi için tasarım ve olay işleyicileri atamak gerekir. Sen gizli bir alan belirtmek ve sayfa arka bilgileri iletebilir. Söz konusu veri aktarım işlemini başlatır basılması, bilgi iletim düğmesine atayabilirsiniz.

HTML kullanarak

köprü dilini bilmek - İnternet programlama alanında herhangi bir çalışma uzmanlaşma için vazgeçilmez koşulu, ancak PHP veya JavaScript bir program yazmak isterseniz, ardından HTML + CSS mükemmel gerektiğini biliyorum.

PHP dili önceki örnekte saptanmıştır. Bu form ile bir sayfa doldurulacağı tarayıcıya sunucudan uçtu çünkü PHP, sunucu üzerinde çalışır. Özellikle, etiket INPUT (onBlur olay işleyicisi) belirtilen TestOnBlur fonksiyonları, metin alanları şeklinde tüm parametreleri aldı.

tarayıcınız JavaScript çalışır ve düzgün veri sunucuya geri gönderme düğmesi çalıştı etmek, yani tasarım :. Onclick = jQuery ( 'için #') val ( 'arabası'), bu sadece neyi jQuery hakkında bilmek gerekir, ama ne için *, val, araba. Daha doğrusu, temel HTML etiketlerini ve bunlara CSS stillerini uygulayarak genel kuralları bilmek gereklidir.

Bu hızla internet programlama alanında herhangi uzmanlık niteliğini yükseltmek için yeterlidir.