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ı.

Bugün bir HTML belgesinin yapısını öğrenmemiz gerekiyor, ancak bununla zaten makalede tanışmış olduk "". İçinde yazan etiketleri hatırlayalım:
, , ,

.
Tüm bu etiketler eşleştirilmiş olup, HTML belgesinin yapısını oluşturan kapları kapatırlar. Html kodunun temelini oluştururlar. Onlara da " denir Gerekli etiketler", ancak bunları girmezseniz kodda bir hata alacağınız için değil. HAYIR. Hiçbir şey olmayacak. Belge kodu çalışacaktır. Ancak html sayfasının yapısını görmek, neyin nerede olduğunu ve neyin nereye ekleneceğini anlamak için zorunlu etiketlere ihtiyaç vardır.
Anlaşılır olması açısından aşağıdaki şekil olan Ekran 1'i inceleyin. Sağda

Ekran 1.

yanda etiket isimlerinin yazılı olduğu bir adamın resmi var. Bu ekran daha fazlası için önerildi basit anlayış HTML kod yapısı diyagramları. Aynı proje sol tarafta da gösterilmektedir, ancak daha şematik olarak.
Etikete dikkat edelim - resmin kenarları boyunca bulunur ve kırmızıyla vurgulanır. HTML etiketi, bir HTML belgesinin başlangıcı ve bitişidir. O açar ( Üst kısmı) ve kapanır (alt kısım). Bu etiket bir belgede gerekli değildir ancak iyi bir stil onun vazgeçilmez kullanımını gerektirir. Etiket belgede her zaman ilk ve sonda görünmelidir. Resme bakın, küçük adam tamamen bu etikete dahil. Html sayfasının tüm kodları etiketin içine yazılmıştır. :
Html sayfasının tüm kodları
Etiket - isteğe bağlı kapatma, bu, ikinci kısmının (kapanma) atlanabileceği anlamına gelir, bu bir hata olmayacaktır. Ancak bu doğru kod olmayacaktır. İngilizceden çevrilmiştir. Nasıl "KAFA" ve web programcısı argosunda buna denir "KAFA". Etiketin üst kısmına yerleştirilir. . Bir etiket kabının içinde Tarayıcı ve arama motoru bilgilerinin yanı sıra yönetim işlevlerini depolamak için tasarlanmış meta etiketler yerleştirilir. Bu yüzden "kafa".
“Başlığın” içinde, her zaman etiketlerin arasında meta etiketi bulunur Belgenin başlığını tanımlayan ve tarayıcının başlığında ve sekmesinde görüntülenen. Hadi Ekran 2'yi izleyelim,

Ekran 2.

bir tarayıcı örneğinde gösterildiği yerde Mozilla Firefox. Gerekli kapanış etiketi, hiçbir özelliği yok. Etiket konumu söz dizimi Ekran 3'te görünür. Bağlantıya tıklayarak nasıl düzgün şekilde optimizasyon yapacağınızı öğrenebilirsiniz.

Ekran 3.

Etiket

- isteğe bağlı açma ve kapama etiketi. Belgenin gövdesi. Tarayıcı penceresinde görüntülenmesi gereken her şey buraya eklenmiştir. HTML belgesinin tüm içeriği: metin, resimler, etiketler, JavaScript komut dosyaları vb. kapsayıcının içinde bulunur .

Dikkat! Bir kez daha tekrarlıyoruz! Ancak bir web sayfasında gerekli olan etiketler kendi başlarına zorunlu değildir. iyi stil Bir HTML belgesinin başlangıcını ve sonunu tanımlamak için kullanıldıkları kabul edilir, böylece "başlığın" nerede ve "gövdenin" nerede olduğu açıktır.
Konuyla ilgili ek makaleler: SİTE SAYFASI BAŞLIĞI

HTML belge yapısı. Hadi çalışmaya başlayalım.

HTML nerede başlar?

Bir metin dosyasının HTML dosyasına dönüşmesi için uzantısını ".txt"den ".html"ye değiştirmek yeterli değildir. “İlk hat kuralına” uymalıyız:

HTML spesifikasyonunun herhangi bir sürümünü karşılayan her HTML belgesi, bir HTML sürüm bildirim satırıyla başlamalıdır. !DOKTİP, genellikle şöyle görünür:

Bu satır, tarayıcının bu belgenin nasıl doğru şekilde yorumlanacağını belirlemesine yardımcı olacaktır. İÇİNDE bu durumda tarayıcıya HTML'nin uluslararası spesifikasyon sürüm 3.2'ye uygun olduğunu söyleriz; bu yeni olmasa da sonraki sürümlerin aksine tam teşekküllü, herhangi bir belirsizlik olmaksızın yaygın olarak kabul edilen bir standarttır. Örnekte görebileceğiniz gibi en kısa HTML belgesi tam anlamıyla tek satırdan oluşur.

İş nerede başlıyor?

Aslında tek bir satırla bu iş yapılamaz. Belgenin sürümünü ve türünü bildirdikten sonra başlangıcını ve sonunu belirtmeniz gerekir. Bu, bir konteyner etiketi kullanılarak yapılır . Herhangi bir HTML belgesinin etiketiyle açıldığı unutulmamalıdır. onu da kapatıyorlar.

Daha sonra etiketlerin arasına Ve Belgenin başlığı ve gövdesi yerleştirilmelidir. Bu kadar! Bir başlangıç ​​yapıldı; mükemmel bir hazırlık yaptınız. Başlamadan önce temel HTML dosyanızın nasıl görünmesi gerektiği:

Çiğnemek?

Yukarıdaki örnek şematik olarak açıklanırsa şu şekilde görünecektir:

Diyagram, belgenin iki ana bloktan oluştuğunu göstermektedir - "başlık" ve "belge gövdesi". Başlık, eleman kullanılarak tanımlanır KAFA ve vücut bir elementtir VÜCUT .

Başlık, belge hakkında "teknik" bilgiler içerir, ancak çoğu zaman yalnızca başlığını belirtmek için kullanılır (bkz. BAŞLIK ).

Belgenin gövdesi kutsalların kutsalıdır. Sayfada görüntülenen her şeyi içerir: metin, resimler, tablolar. Buna göre şu sonuca varıyoruz: HTML denemelerinizin çoğu, etiketler arasındaki boşlukta gerçekleştirilecektir. Ve

(HTML 1.0) – Yorum ()

Belgenin herhangi bir bölümünde yorum oluşturmak için kullanılır. İçerideki her şeyister bir öğe ister metin olsun, tarayıcı tarafından göz ardı edilecektir (işlenmez ve ekranda görüntülenmez).

Notlar:

HTML belge başlığı

Öğe kullanılarak oluşturuldu KAFA , belgeye ilişkin teknik bilgileri içeren öğelerin yerleştirildiği etiketler arasında. Başlık genellikle belgenin gövdesinden önce gelir (bkz. HTML belge yapısı).

Belge başlığıyla ilgili öğeler:

(HTML 1.0) – Kafa

Belge başlığının başlangıcını ve bitişini tanımlar. Belgeyle ilgili teknik bilgileri içeren öğeler için bir kaptır. ( BAŞLIK ,TEMEL ,STİL ,BAĞLANTI ,META ).

(HTML 2.0) – Başlık

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

(HTML 3.2) – Temel URL

Geçerli belgenin, belge içindeki göreli URL'lerin hesaplanmasında başlangıç ​​noktası olacak temel adresini (URL) belirtir. Öğenin bitiş etiketi yoktur. Niteliklerden en az birinin mevcut olması gerekir.

Öznitellikler:

HREF– geçerli belgenin temel adresini (URL) tanımlar.

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

(HTML 3.2) – Stil

Bir belgeye stil sayfası (CSS – Basamaklı Stil Sayfası) eklemek için kullanılır.

Öznitellikler:

TİP– gerekli özellik. Eklenen stil bloğunun MIME türünü belirtir. Genellikle bu özelliğin değeri "text/css"dir.

BAŞLIK– oluşturulacak stil sayfasının adını belirtir. Birden fazla öğe kullanacaksanız gereklidir STİL tek bir belgede. Bu durumda tarayıcının kullanıcıya önerilen stillerden hangisinin belgeye uygulanacağını sorması gerekir.

(HTML 2.0) – Bağlantı

Öğe BAĞLANTI bir belgenin sitedeki diğer belgelerle ilişkisini açıklayarak sitenin hiyerarşik yapısındaki yerini belirtir. Öğenin bitiş etiketi yoktur. Başlık birden fazla öğe içerebilir BAĞLANTI.

Öznitellikler:

HREF– nesnenin URL'sini tanımlar.

REL– geçerli belge ile HREF özelliği tarafından tanımlanan nesne arasındaki ilişkinin türünü belirler. Olası değerler:

stil sayfası– geçerli belgenin stil sayfasını (CSS) içeren bir dosyayı işaret eder. Tarayıcı, css dosyasını HREF özelliğinde belirtilen adresten yükleyecek ve bunu geçerli belgeye uygulayacaktır (ayrıca bkz. STİL ) Ev– sitenizin ana sayfasını işaret eder toc, içindekiler– bu belgenin içindekiler tablosunu içeren dosyayı işaret edin. dizin– geçerli belgenin indeks araması için bilgi içeren bir dosyayı işaret eder. sözlük– geçerli belgeyle ilgili terimlerin listesini içeren bir dosyayı işaret eder. telif hakkı– sitede yaratıcıları, telif hakları vb. hakkında konuşan bir sayfayı işaret eder. yukarı, ebeveyn– “ana” sayfayı işaret eder (belge, sıralamada bir adım daha yüksektir) hiyerarşik yapı senin siten). çocuk– bir “alt” sayfayı (sitenizin hiyerarşik yapısında bir adım daha aşağıda olan bir belge) işaret eder. Sonraki– belge dizisindeki bir sonraki sayfayı işaret eder (örneğin, bir elektronik katalog, belge veya sözlüğün sonraki sayfası). öncesi– belge sırasındaki bir önceki sayfayı işaret eder. son, son– gösterir son Sayfa belgelerin sırasına göre. Birinci– belge dizisindeki ilk sayfayı gösterir. yardım– yardım içeren bir sayfayı işaret eder (örneğin, sitenizde gezinmek için).

TİP– HREF özelliğinde belirtilen nesnenin MIME türünü tanımlar.

Notlar:

(HTML 2.0) – Meta

Öğe META Ad-değer çifti biçimindeki meta veriler olan bir belgenin teknik açıklaması 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 motoru robotları tarafından doğru şekilde dizine eklenmesi için yeri doldurulamayan ek yararlı bilgiler eklenir. Öğenin bitiş etiketi yoktur.

Öznitellikler:

İSİM– meta girişinin adını tanımlar. Önceden tanımlanmış birçok ad vardır ve bunlardan bazılarını aşağıdaki örnekte görebilirsiniz.

HTTP-EQUIV– meta girişinin adını tanımlar. NAME özniteliğine neredeyse benzer, ancak yalnızca HTTP üstbilgisinde ek bilgi iletilmesi gerektiğinde kullanılır.

İÇERİK– değeri NAME (veya HTTP-EQUIV) özelliğinde tanımlanan meta girişine atar.

Çerçeveler, tarayıcı penceresini her biri ayrı bir HTML belgesini (çerçeveyi) temsil eden çeşitli alanlara bölmek için kullanılır. Kural olarak, çerçeveler sitede gezinmeyi kolaylaştırmak ve bir gezinme menüsü oluşturmak için kullanılır. Ancak çoğu geliştirici çerçeve kullanmaktan kaçınır ve bunun iyi bir nedeni vardır. Çerçeveleri yalnızca gerçekten gerekli olduğunda kullanmaya çalışın.

Çerçeveler oluşturmaya ve onlarla çalışmaya yönelik öğeler:

Notlar:

ÇERÇEVE SETİ

(HTML 4.0) – Çerçeve Seti

Belgenin çerçeve (pencere) yapısını tanımlar: çerçevelerin sayfadaki boyutu ve konumu. Oluşturuldu yerine belge gövdesi (yani öğe VÜCUT belgede kullanılmamıştır). Bir öğe tarafından tanımlanan çerçevelerin listesini açar ve kapatır ÇERÇEVE . Öğeler dışındaki başlangıç ​​ve bitiş etiketleri arasında ÇERÇEVE Ve ÇERÇEVELER başka unsurlar da olabilir ÇERÇEVE SETİ. Yani element ÇERÇEVE SETİ iç içe geçmiş çerçeve yapılarını destekler.

Öznitellikler:

SATIRLAR– tarayıcı penceresindeki yatay çerçevelerin (çizgi çerçeveleri) sayısını ve boyutunu belirler. Değer, çerçeve boyutlarının virgülle ayrılmış bir listesidir. Boyutları ayarlama yöntemleri:

Yükseklik yüzdesi çalışma alanı tarayıcı penceresi. Örneğin: "%30,%30,%40"; Çerçevenin, tarayıcı penceresinin açık bir şekilde diğer çerçeveler tarafından işgal edilmeyen tüm boş alanını kapladığını belirten "*" (yıldız) işareti biçiminde belirtilen boyutlar. Örneğin, "%25,%25,*" girişindeki yıldız işareti %50'ye eşdeğerdir; piksel cinsinden. Örneğin: "75,*";

Her üç yöntem de birleştirilebilir. Örneğin, "25%,40,*" ekranı üç yatay çerçeveye böler; bunlardan ilki tarayıcı penceresinin dörtte biri yüksekliğinde, ikincisi 40 piksel yüksekliğinde olur ve üçüncüsü kalan alanın tamamını kaplar .

COLS– tarayıcı penceresindeki dikey çerçevelerin (sütun çerçeveleri) sayısını ve boyutunu belirler. Değer, çerçeve boyutlarının virgülle ayrılmış bir listesidir. Boyutlar önceki ROWS özelliğindekiyle aynı şekilde ayarlanır.

SINIR– çerçeve kenarlıklarının genişliğini piksel cinsinden tanımlar. Bu özellik yalnızca Netscape tarayıcılarında çalışır;

ÇERÇEVE SINIRI– İçeride yer alan içerikler için çerçevelerin varlığını belirler ÇERÇEVE SETİçerçeveler. Olası değerler:

Evet– ekran çerçeveleri; HAYIR veya 0 – çerçeveleri görüntülemeyin;

Netscape tarayıcıları bu özelliği tam olarak desteklemez ve kenarlık genişliğini genel olarak belirlemek için BORDER özelliğini kullanır.

ÇERÇEVE BOŞLUĞU– çerçeveler arasındaki mesafeyi (“gri alan” olarak adlandırılan) piksel cinsinden tanımlar. Bu özellik kenarlıksız çerçeveler oluşturmak için gereklidir.

Not:

(HTML 4.0) – Çerçeve Bir çerçeveyi ve içindeki özelliklerini tanımlar. ÇERÇEVE SETİ-yapılar. (bkz. madde ÇERÇEVE SETİ ) Öznitellikler:

SRC– gerekli özellik. Bu çerçevede görüntülenen HTML dosyasının adresini (URL) belirtir.

İSİM– daha sonra HEDEF özelliğini kullanarak diğer belgelerden ona atıfta bulunmak için kullanılacak olan bu çerçevenin adını tanımlar (bkz. A ). Değer, Latin karakterleri ve sayıların kullanıldığı, boşluk içermeyen herhangi bir ad olmalıdır. Ad sayılarla veya özel karakterlerle başlamamalıdır.

KENAR GENİŞLİĞİ– çerçevenin sol ve sağ kenar boşluklarının genişliğini (piksel olarak) tanımlar. Öznitelik belirtilmezse tarayıcı en uygun girinti boyutunu otomatik olarak belirleyecektir.

MARJYÜKSEKLİK– çerçevenin üst ve alt kenar boşluklarının genişliğini (piksel olarak) tanımlar. Öznitelik belirtilmezse tarayıcı en uygun girinti boyutunu otomatik olarak belirleyecektir.

KAYDIRMA– çerçevenin içeriğine ilişkin kaydırma çubuklarının varlığını belirler. Olası değerler:

Evet– kaydırma çubuklarını görüntüleyin. HAYIR– kaydırma çubuklarını görüntülemeyin. Oto– gerekirse kaydırma çubuklarını görüntüleyin (SRC özelliğinde belirtilen belge çerçeveye sığmıyorsa).

YENİDEN BOYUTLANDIRMA– çerçeveyi yeniden boyutlandırmanıza izin vermez. Bu özellik bir bayraktır ve bir değer gerektirmez.

ÇERÇEVE SINIRI– çerçeve üzerindeki çerçevelerin varlığını belirler. Olası değerler:

Evet– ekran çerçeveleri; HAYIR veya 0 – çerçeveleri görüntülemeyin;

Netscape tarayıcıları bu özelliği tam olarak desteklemez ve kenarlık genişliğini genel olarak belirlemek için öğenin BORDER özelliğini kullanır. ÇERÇEVE SETİ.

Bu, tarayıcı penceresini aşağıda gösterildiği gibi üç çerçeveye bölecektir. Dahası çerçeve1.html 265 piksel genişliğe sahip olacak ve çerçeve2.html– yükseklik 165.

ÇERÇEVELER

(HTML 4.0) – Çerçeve Yok

Belirli bir öğenin başlangıç ​​ve bitiş etiketleri arasındaki herhangi bir şey, çerçeveleri desteklemediği sürece tarayıcı tarafından oluşturulacaktır. Öğe ÇERÇEVELER hiçbir niteliği yoktur ve bir öğenin içinde olmalıdır ÇERÇEVE SETİ .

• Sıradan, değil mi?
• 1. HTML belgeleri yapısal belgelerdir.
• 2. Elemanların adları her durumda yazılabilir.
• 3. Özellik adları her durumda yazılabilir.

4. Nitelik değerleri büyük/küçük harfe, özellikle de adreslere bağlıdır (Unix işletim sistemlerinin bir özelliği, farklı kayıtlardaki karakterlerin farklı yorumlanmasıdır, dolayısıyla dosyalar

• 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.
• 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ış:

HTML Belge Yapısı

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

Çoğu belgede başlık, paragraf veya liste gibi standart öğeler bulunur. Kullanma HTML etiketleri, bu öğeleri, web tarayıcılarına bu öğeleri görüntülemek için minimum düzeyde bilgi sağlayarak ve genel olarak belgelerin genel yapısını ve bilgisel bütünlüğünü koruyarak etiketleyebilirsiniz. Bir HTML belgesini okumak için gereken tek şey, HTML etiketlerini yorumlayan ve belgeyi yazarın amaçladığı şekilde 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. Belgede görünen 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 aktarıldığında kaydedilen ancak tarayıcı tarafından görüntülenmeyen yorumlar eklemenize olanak tanır. Çoğu zaman bazı etiketler veya etiketlerin tamamı yorumlarda "gizlenir" sözdizimsel yapılar bunları işleyemeyen tarayıcıların eski sürümlerinden. Yorumlar bir belgenin herhangi bir yerinde ve herhangi bir miktarda görünebilir. Yorumların belgenin boyutunu ve dolayısıyla yükleme süresini artırdığı unutulmamalıdır.

Belgenin genel başlık kısmı. Belge başlığı etiketi, etiketten hemen sonra kullanılmalıdır. ve belgenin gövdesinde başka hiçbir yerde. Bu etiket temsil eder Genel açıklama belge. Etiketi başlat etiketin hemen önüne yerleştirilir , etiketlerin içine yerleştirilmiş . Belgenin kendisi pencerede görüntülendiğinde belge başlığı görünmüyor.

Belge gövde etiketleri. Belge gövdesi etiketleri, bir pencerede görüntülenen HTML belgesinin bileşenlerini tanımlar. Belgenin 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 rakamıyla, sonraki 2 rakamıyla belirtilir ve bu şekilde 6 numaraya kadar devam eder. Çoğu tarayıcı, her birini tanımlayan altı başlık seviyesinin yorumlanmasını destekler. kendi tarzı. Çoğu durumda, böyle bir başlığın metni kalın olur ve metinden sonra boş bir satır olur. Önemli olan bu etiketlerin tanımlamasıdır. mantıksal yapı belge, İnternet arama motorları tarafından indekslenmeye katılın. Altıncı düzeyin üzerindeki başlıklar standart değildir ve tarayıcı tarafından desteklenmeyebilir.

Paragraf etiketi<Р>. İÇİNDEÇoğu kelime işlemcinin aksine, HTML belgesinde satırbaşları dikkate alınmaz. Tarayıcı paragrafları yalnızca bir etiket varsa böler<Р>. Paragrafları etiketle ayırmazsanız<Р>, belge büyük bir paragraf gibi görünecektir.

Önceden biçimlendirilmiş metin etiketi

.
 Etiket 
Metnin ekranda belirli bir biçimlendirmeyle sunulmasına olanak tanır.  Önceden biçimlendirilmiş metin bitiş etiketiyle biter
.  Önceden biçimlendirilmiş metinde şunları kullanabilirsiniz: satır besleme, 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 ve açıklama listesi.
Farklı liste etiketleri kullanarak veya diğer liste etiketlerini 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, liste öğesini belirten aynı işaretçilere 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 listeden bir veya daha fazla öğeyi silerseniz kalan sayıların otomatik olarak yeniden hesaplanacağı anlamına gelir.
 
ve etiketiyle bitiyor
 
.

Madde işaretli listeler.  İçin Madde işaretli listelerde, tarayıcı genellikle liste öğesi için madde işaretlerini kullanır.  İşaretçinin türü 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 belgesinin içindeki grafikler. WEB'in en çekici özelliklerinden biri, grafiksel ve diğer veri türlerini bir HTML belgesine dahil edebilme yeteneğidir.
HTML belgelerinde grafik kullanmanın iki yolu vardır.  Birincisi uygulamadır. grafik görseller belgeye aktarılarak kullanıcının görüntüleri doğrudan diğer belge öğeleri bağlamında görmesine olanak sağlanır.  Bu, etiketi kullanılarak yapılır .  Bu etiket noktalıdır, yani.  kapanmıyor.  Etiket sözdizimi:

Gerekli parametre, standart bir URL ile aynı sözdizimine sahiptir.  Bu URL tarayıcıya,
çizim.  Çizim, tarayıcı tarafından desteklenen bir grafik formatında saklanmalıdır.  Bugün bunlar GIF, JPG, PNG formatlarıdır.  Çoğu tarayıcı tarafından desteklenirler.
ALT = "metin"
Bu isteğe bağlı öğe, grafikleri desteklemeyen bir tarayıcıda veya görüntü grafikleri devre dışı bırakıldığında görüntülenecek metni belirtir.  Genellikle bu Kısa Açıklama Kullanıcının ekranda görebileceği veya görebileceği resim.  Bu parametre eksikse çoğu tarayıcı resim yerine boş bir çerçeve görüntüler.  Etiket Kullanıcılar Lynx gibi grafik modunu desteklemeyen bir tarayıcı kullanıyorsa ve indeksleme için önerilir. arama motorları.  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ı, belgenize banyo fayansları gibi kopyalanacak ve tüm belgenin arka planı olarak görünecek bir arka plan resmi eklemenize izin verir.  Bu ikinci yoldur.  Bazı kullanıcılar arka plan grafiklerini sever, bazıları sevmez.  Göze çarpmayan yarı saydam bir desen (duvar kağıdı) genellikle ç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 kılan ö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ğunca hızlı ve rahat bir şekilde elde etmesini sağlayan belge kümesini birbirine bağlı ve yapılandırılmış hale getirir.
Bağlantılar, tarayıcının bunları yorumlamasına ve yürütmesine olanak tanıyan standart bir formata sahiptir. gerekli işlevler(çağrı yöntemleri) bağlantı türüne bağlı olarak.  Bağlantılar başka bir belgeye, belge içindeki belirli bir konuma işaret edebilir veya dosya isteme gibi diğer işlevleri gerçekleştirebilir.  Metin, resim veya her ikisini de köprü olarak kullanabilirsiniz.
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ında yer alan herhangi bir metin, web tarayıcısı tarafından özel bir şekilde vurgulanır.  Genellikle bu metin altı çizili ve vurgulanmış olarak görünür.  Resim dikdörtgen bir çerçeve ile çerçevelenmiştir.  URL'yi temsil eden metin tarayıcı tarafından görüntülenmez, yalnızca bağlantı etkinleştirildiğinde (genellikle vurgulanan veya altı çizili metne tıklanarak) amaçlanan eylemleri gerçekleştirmek için kullanılır.
Belge içindeki etiketlere bağlantılar. Aynı belgenin farklı alanlarına veya bölümlerine, o bölümlere özel gizli etiketler kullanarak bağlantı verebilirsiniz.  Bu, ekranı kaydırmadan 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 ve etiketi içeren satıra taşıyacaktır. bu bölüm, tarayıcı penceresinin ilk satırına yerleştirilecektir (tarayıcı penceresindeki belgenin "uzunluğu" yeterliyse).