Html web sayfasıdır. Web sayfalarının oluşturulması. HTML dilini öğrenmek. Web Sayfası Öğeleri: Başlık
HTML ve CSS web sitesi oluşturma dersleri yolculuğumuza başlamadan önce, iki dil arasındaki farkları, her dilin sözdizimini ve bazı temel terminolojiyi anlamak önemlidir.
Html-ve-css-nedir?
HTML (HyperText Markup Language), başlıklar, paragraflar veya resimler gibi içeriği tanımlayarak içeriğin yapısını ve anlamını tanımlar. CSS (Basamaklı Stil Sayfaları), örneğin yazı tipleri veya renkler kullanarak içeriğin görünümünü şekillendirmek için oluşturulmuş bir sunum dilidir.
Bu iki dil (HTML ve CSS) birbirinden bağımsızdır ve öyle kalmalıdır. CSS, bir HTML belgesinin içine yazılmamalıdır ve bunun tersi de geçerlidir. Genel bir kural olarak, HTML her zaman içeriği temsil eder ve CSS de her zaman stili tanımlar.
HTML ve CSS arasındaki farkın bu şekilde anlaşılmasıyla, HTML'ye daha ayrıntılı bir şekilde dalalım.
Temel HTML Terimleri
HTML ile çalışmaya başlamadan önce muhtemelen bazı yeni ve çoğunlukla garip terimlerle karşılaşacaksınız. Zamanla hepsine daha aşina olacaksınız, ancak şimdilik üç temel HTML terimiyle başlamalısınız: öğeler, etiketler ve nitelikler.
Elementler
Öğeler, bir sayfadaki nesnelerin yapısının ve içeriğinin nasıl tanımlanacağını belirtir. Yaygın olarak kullanılan öğelerin bazıları birden çok düzeyde başlık içerir (
önce ) ve paragraflar (şu şekilde tanımlanır)
); Listeye öğeler ekleyebilirsiniz
, Elemanlar açılı ayraçlar kullanılarak tanımlanır<>, öğe adını çevreleyen. Böylece eleman şöyle görünecek: Açılı ayraçlar ekleme< и >öğenin çevresinde etiket olarak bilinen şeyi oluşturur. Etiketler çoğunlukla açılış ve kapanış etiketi çiftleri halinde oluşur. Açılış etiketi öğenin başlangıcını işaretler. Bir sembolden oluşur<, затем идёт имя элемента и завершается символом >; Örneğin, Kapanış etiketi öğenin sonunu işaretler. Bir sembolden oluşur< с последующей косой чертой и именем элемента и завершается символом >; Örneğin, Açılış ve kapanış etiketleri arasında görünen içerik o öğenin içeriğidir. Örneğin bağlantının bir açılış etiketi olacaktır ve kapanış etiketi. Bu iki etiket arasında ne varsa bağlantının içeriği olacaktır. Yani bağlantı etiketleri şuna benzer: Nitelikler sağlamak için kullanılan özelliklerdir. Ek Bilgiler eleman hakkında. En yaygın nitelikler, öğeyi tanımlayan id niteliğini içerir; öğeyi sınıflandıran class niteliği; gömülü içeriğin kaynağını belirten src niteliği; ve ilişkili kaynağa bağlantıyı belirten bir href özelliği. Nitelikler, öğe adından sonraki açılış etiketinde tanımlanır. Genel olarak nitelikler bir ad ve bir değer içerir. Bu özniteliklerin formatı, öznitelik adının ardından eşittir işareti ve ardından tırnak içindeki öznitelik değerinden oluşur. Örneğin, öğe href özelliği ile şu şekilde görünecektir: Shay Howe Bu kod bir web sayfasında "Shay Howe" metnini görüntüleyecek ve bu yazıya tıklandığında kullanıcıyı http://shayhowe.com adresine götürecektir. Bağlantı öğesi bir açılış etiketi kullanılarak bildirilir ve kapanış etiketi metni ve açılış etiketinde href="http://shayhowe.com" yoluyla bildirilen bağlantı adresinin niteliğini ve değerini kapsar. Pirinç. 1.01. Anahat biçimindeki HTML sözdizimi öğeyi, özelliği ve etiketi içerir Artık HTML öğelerinin, etiketlerinin ve niteliklerinin ne olduğunu bildiğinize göre, ilk web sayfamıza bir göz atalım. Burada yeni görünen bir şey varsa endişelenmeyin; ilerledikçe bunları açıklayacağız. HTML belgeleri, .txt yerine .html uzantısıyla kaydedilen basit metin belgeleridir. HTML yazmaya başlamak için öncelikle ihtiyacınız olan şey Metin düzeltici kullanmanız sizin için uygundur. Maalesef buna dahil değil Microsoft Word veya Sayfalar, çünkü bunlar karmaşık düzenleyicilerdir. HTML ve CSS yazmak için en popüler iki metin düzenleyici Dreamweaver ve Sublime Text'dir. Ücretsiz Alternatifler ayrıca Windows için Notepad++ ve Mac için TextWrangler. Tüm HTML belgeleri, aşağıdaki bildirimleri ve öğeleri içeren gerekli bir yapıyı içerir:
,
, Belge türü beyanı veyaBir HTML belgesinin en başında bulunur ve tarayıcılara hangi HTML sürümünün kullanıldığını bildirir. Kullanacağımız için En son sürüm HTML, belge türümüz basitçe olacaktır. Bundan sonra eleman gelir bir belgenin başlangıcını belirtir. İçeri eleman Web sayfasının tüm görünür içeriği öğenin içinde yer alacaktır
Bu bir web sayfasıdır. Bu kod, belge türü bildiriminden başlayarak belgeyi gösterir., sonra hemen öğe gelir . İçeri unsurlar geliyor Çalışmamızı kontrol etme ve HTML ile CSS'nin birlikte nasıl çalıştığını görme zamanı. İndex.html dosyasını tarayıcıda açmak (veya zaten açıksa sayfayı yenilemek), öncekinden biraz farklı bir sonuç göstermelidir. Pirinç. 1.04. CSS sıfırlamalı Stiller Konferansı sitemiz Aşağıda Styles Conference web sitesini mevcut haliyle görüntüleyebilir ve ayrıca indirebilirsiniz. kaynakşu anda sitede. Yani her şey yolunda! Bu eğitimde bazı büyük adımlar attık. Bir düşünün, artık HTML ve CSS'nin temellerini biliyorsunuz. Devam ettikçe ve siz HTML ve CSS yazmaya daha fazla zaman ayırdıkça, bu iki dille çalışırken çok daha rahat olacaksınız. Özetlemek gerekirse aşağıdaki konuları ele aldık: Şimdi HTML'ye daha yakından bakalım ve anlambilime biraz aşina olalım. İnternette sunulan içeriğin büyük kısmı web sayfalarıdır. Bu, tarihsel olarak sanal ağ alanına yerleştirilmesi amaçlanan ilk belge türüdür, ancak yine de geçerliliğini korur ve neredeyse hiçbir rakip formatı yoktur. Web sayfalarının yapısı nedir? Oluşturmak için hangi web geliştirme araçlarını kullanıyorlar? Sınav görevlisi bize bir bilgisayar bilimi dersinde "Bir Web sayfasının ana öğelerini listeleyin" diyor. Yanıt olarak ona ne söyleyebiliriz? Öncelikle prensip olarak web sayfasının ne olduğundan bahsedeceğiz. BT uzmanları arasında genel kabul gören tanıma göre, bu, özel bir programda (bir tarayıcı) açılması amaçlanan ve çeşitli yararlı içerikli metinlerin uygun yazılım türünü kullanarak bilgisayar ekranında görüntülenecek verileri içeren bir belgedir. , bağlantılar, grafikler, videolar, müzik vb. Bir web sayfası bir metin belgesidir. Tarayıcıya karşılık gelen veriler harfler, sayılar ve Özel semboller, biçimlendirme dili öğeleri olarak kullanılır - HTML. Bunun yardımıyla web sayfasının yaratıcısı tarayıcıya şu veya bu içeriğin ekranda nasıl görüntüleneceğini "açıklar". Bir Web sayfasının bir web sitesinin ana bileşeni olduğunu söyleyebilir miyiz? Bu kısmen doğrudur. Ancak yukarıda da belirttiğimiz gibi web sayfası yalnızca bir metin belgesidir. Site, kural olarak resimler, videolar ve diğer multimedya öğelerini de içerir. Bir web sayfası bunları içeremez ancak yapısında bunlara bağlantılar içerebilir. Dolayısıyla web sayfası, sanal içeriğin kullanıcılara gösterilmesindeki baskın rolü açısından sitenin ana bileşeni olarak adlandırılabilir. Nadir durumlarda, elbette, söz konusu belge sitenin tek bileşeni olacaktır - eğer herhangi bir nedenle grafik, video ve diğer multimedya öğelerinin görüntülenmesini sağlamıyorsa. Özellikle ilk web siteleri (Web sayfası işaretleme dilleri ilk ortaya çıktığında) ilgili içeriği içermiyordu. Kullanıcının gözleri önünde yalnızca metin ve bağlantılar vardı. Yani, bir Web sayfası derlenmiş bir belgedir. HTML dili Köprü metnini işaretlemek için kullanılır. Peki bu fenomen nedir? Hipermetin nedir? Teoriye çok derinlemesine dalmadan, bunun şu ya da bu şekilde anlamanıza izin veren bir metin olduğunu not ediyoruz. hızlı erişim diğerine - bağlantılar aracılığıyla. Normal bir kitapta bu imkansızdır - "basit metin" vardır. İstenilen sayfaya erişmek için okuyucunun önce içindekiler veya dipnotları okuyarak birkaç kez dönmesi gerekir. Köprü metni modunda işin çoğu bilgisayar tarafından, sayfanın HTML öğelerinde yansıtılan bilgiler kullanılarak yapılır. Bir bilgisayar bilimi öğretmeni bize şunu söylerse: "Bir Web sayfasının ana öğelerini listeleyin", o zaman HTML işaretleme dili kullanılarak oluşturulan ilgili belgenin bileşenleri hakkında oldukça doğru bir şekilde konuşmaya başlayabiliriz. Bu nedenle öncelikle HTML ile ilgili bazı teorik noktalara bakalım. Bir tarayıcı bir web sayfasıyla ilgili gerekli verileri bir HTML belgesinden nasıl okur? Çok basit. Temel unsurlar bu dilin- bunlar etiketler. Çoğu durumda eşleşirler - bir açılış var ve bir kapanış var. İlki yalnızca köşeli ayraçlar kullanılarak gösterilir. İkincisi benzerdir, ancak ikinci parantezden önce bir eğik çizgi vardır - / sembolü. Tarayıcı bunları tanıyabilir ve bu nedenle web sayfalarının içeriğini, belge geliştiricisinin oluşturduğu algoritmalara uygun olarak sorunsuz bir şekilde görüntüler. Açılış etiketi genellikle büyük harflerle, kapanış etiketi ise küçük harflerle yazılır. Bu, BT uzmanları arasında yerleşik hale gelen bir standarttır. Tarayıcı elbette herhangi bir harfteki HTML komutunu tanıyacaktır, ancak web geliştiricilerine yine de işaretli etiket yazma şemasına uymaları tavsiye edilir. Bu, örneğin diğer uzmanların web sayfasını geliştirmesini kolaylaştıracaktır. HTML dilinin diğer önemli unsurları niteliklerdir. Bir web sayfasının yaratıcısı, bunların yardımıyla içeriğin özelliklerini (örneğin yazı tipi yüksekliğini, rengini, sayfaya göre konumunu) ayarlayabilir. Aynı şey resimler, videolar ve diğer multimedya bileşenleri için de geçerlidir. Nitelikler açılış etiketinin içine yazılır. Açılış ve kapanış etiketleri arasında bir web sayfasının bir sonraki önemli bileşeni olan içerik yer alır. Aslında bu, ekranda kullanıcının önünde görüntülenmesi gereken içeriğin ta kendisidir. Bu bir metin, bir bağlantı, bir resim, bir video veya başka bir multimedya öğesi olabilir. "Son olarak bir Web sayfasının ana öğelerini listeleyin!" - öğretmen tekrarlıyor. Ona "Memnuniyetle" diye cevap veriyoruz. Söz konusu belge türünün yapısına neler dahildir? Bu hususu web sayfasının HTML öğeleri bağlamında ele alacağımızı kabul edelim. Yani, tarayıcıdaki görünümleri (kullanıcının ekranda gördükleri) bizi daha az ilgilendirecektir. Gerçek şu ki, programın içeriği aynı şekilde görüntülediği ilgili HTML algoritmaları farklı olabilir. Bu da HTML dilinin bir özelliğidir: Bir Web sayfasında istenilen görüntü görüntülenebilir Farklı yollar. Aynı zamanda, web sayfası oluşturucusunun işçilik maliyetleri açısından eşdeğer olabilirler veya uygulanması farklı miktarda çaba ve zaman gerektirebilir. Bir Web sayfasının standart öğeleri, kulağa şaşırtıcı gelse de, çok küçük miktarlarda sunulmaktadır. Aslında bunlardan yalnızca ikisi var: belgenin başlığı ve ana metni. Aynı zamanda her biri oldukça karmaşık bir yapıya sahip olabilir. Başlığın özellikleri nelerdir? Web sayfasının en üstünde bulunur. Başlığı oluşturan HTML kodunun genellikle yalnızca metni "şifrelemesi" amaçlanır, ancak gerekirse ilgili öğeye küçük grafik eklentileri de yerleştirilebilir. Ve aslında başlık hakkında söylenebilecek tek şey bu. İlgili belgenin yapısındaki rolünün önemsiz olduğu görülmektedir. Ama bu doğru değil. Web sayfası başlıkları, arama motorlarında (Yandex, Google) sitenin indekslenmesi açısından çok önemlidir. Bu öğe, web sayfasının içeriğinin yanı sıra sitenin tematik özellikleriyle de tamamen alakalı olmalıdır. Bir web sayfasının başlığı HTML kullanılarak nasıl yakalanır? Çok basit. İlk olarak, açılı ayraçlarla her zaman HEAD'e benzeyen açılış etiketi, ardından başlık içeriği ve ardından kapanış etiketi yazılır. Elbette web belgesinin en üstüne yazılırlar. Bir web belgesinin başlığı bir dizi ek öğe içerebilir. Bazen bir Web sayfasının formatı, metnin belirli bir kodlamada görüntülenmesini gerektirebilir. Web belgenizin bu kriteri karşıladığından nasıl emin olabilirsiniz? Çok basit. Tarayıcıya belirli bir dil kodlaması (örneğin Kiril) kullanması talimatını veren HTML algoritmaları belge başlık yapısına yerleştirilmelidir. İlgili komutlar, diğerleri gibi açılıp kapanabilen META etiketinin içine yerleştirilir. Web belgesinin ana kısmı BODY etiketiyle açılır ve eğik çizgi dahil ilgili öğeyle kapanır. Ayrıca, açılış ve kapanış etiketleri arasında çok sayıda ek hiper metin işaretleme dili komutu bulunabilir. Bunun nedeni, web sayfasının ana bölümünün yararlı içeriği (metinler, bağlantılar, grafikler, videolar, doldurulacak çeşitli formlar) içermesidir. İlgili içerik türlerinin her birinin kendi etiketleri vardır. Bir web belgesinin ana bölümünün yapısı, metni biçimlendirmek için de kullanılan HTML komutlarını içerebilir - örneğin, yazı tipine belirli bir renk, boyut ve diğer özellikler vermek. Yaygın olarak kullanılan bazı HTML etiketlerinin özelliklerine bakalım. Aslında bir web sayfasının ana unsurlarını oluştururlar. Bu nedenle, bir Web sayfasının öğelerinin ne olduğunu ayrıntılı olarak incelemek için temel HTML etiketlerinin özünü daha ayrıntılı olarak inceleyelim. Bunlardan bazılarını yukarıda zaten verdik - özellikle de tarayıcının yardımıyla web sayfalarının başlıklarını okuduğu ve belgenin ana bölümünün nerede bulunduğunu belirlediğini. P etiketi oldukça yaygındır ve hiper metin işaretleme dilinin diğer benzer unsurları gibi açılıp kapanabilir. Bu etiket, bir belgenin tek bir paragrafını biçimlendirmenize olanak tanır. Örneğin bunun için belirli bir yazı tipi veya renk ayarlayabilirsiniz. Ancak bu, ek bir etiket olan FONT kullanılarak yapılır. Bu durumda, paragrafın sınırlarını işaretleyen yazı tipinin içine yerleştirilecektir - bu, tercih edilen yazı tipinin türünü yansıtan HTML komutunun web sayfasının diğer öğelerine dağıtılmasını önleyecektir. Tablolar TABLE etiketi kullanılarak oluşturulur. İlgili nitelikleri kullanarak, gerekli sayıda sütun ve satırı belirleyebilir, bunların genişliğini, belirli kenarlıklarını, boyutunu ve tablodaki metnin yazı tipi rengini ayarlayabilirsiniz. Görüntülerin tarayıcı tarafından işlenmesinden sorumludur. Ayrıca görüntünün boyutunu ve sayfadaki konumunu düzenleyen çeşitli nitelikler de yerleştirebilirsiniz. Diğer web belgelerine veya dosyalara bağlantılar A etiketi kullanılarak belirtilir.Kural olarak, içinde web sayfasının yapısında bir köprü olduğunu gösteren nitelikler bulunur. Bu durumda yönlendirdiği belge, dosya veya site belirtilir. Yaygın bir etiket FRAMESET'tir. Onun yardımıyla, bir web sayfasının alanını çeşitli alanlara (çerçeveler) bölebilirsiniz. Her birinde ayrı web belgeleri kullanabilirsiniz. Yani çerçeveler, iki veya daha fazla sayfayı aynı anda bir ekranda doğru şekilde konumlandırmanıza olanak tanır. Web sayfalarının temel öğeleri hakkında bir hikaye ve onları HTML dilini kullanarak biçimlendirme araçları hakkında bir sonraki hikaye - yaklaşık olarak bu, denetçinin bize sorduğu soruya vereceğimiz yanıtın algoritması olacaktır. Eğer bize “bir Web sayfasının ana unsurlarını listeleyin” diyerek gelirse, biz de uygun metodolojiyi kullanarak konuyu ortaya çıkarma şansına sahip olacağız. Yani, "öğeler" terimiyle, bir web belgesinin yapısının temel bileşenlerini veya web yöneticisinin HTML dili gibi bir araç kullanarak oluşturduğu içerik türlerini (metin, resimler, tablolar, çerçeveler, bağlantılar) anlayabiliriz. . Söylenenlere ek olarak HTML standartlarının sağladığı çok sayıda etiket ve niteliğin bulunduğunu da açıklayabiliriz. HTML'ye ek olarak, web geliştiricileri köprü metni belgeleri için ek biçimlendirme araçlarını kullanabilir. Örneğin, ile JavaScript'i kullanma dinamik Web sayfaları oluşturabilirsiniz - yani içeriğin sürekli güncellendiği sayfalar (hem kullanıcının kendi eylemleri nedeniyle hem de komut dosyalarında önceden yazılmış algoritmalara uygun olarak). Bir web geliştiricisinin çalışmalarında, örneğin Perl, PHP, Java, Python gibi tam teşekküllü programlama dillerini, hiper metin belgeleriyle çalışma olanaklarının yardımıyla kullanabileceğini eklemek faydalı olacaktır. daha da geniş. Buna duyulan ihtiyaç, günümüzde web teknolojilerinin uygulama alanlarının çok farklı olmasından kaynaklanıyor olabilir. Modern geliştiricilerin karşılaştığı zorluklar oldukça karmaşık olabilir. Örneğin bazen Rusça yazılmış Web sayfalarını İngilizceye çevirmek gerekebilir. Bu durumda geliştiricinin araçları çok çeşitli olacaktır. Çalışmanın amacı:öğrencilere HTML dilinin temel kavramlarını, bir HTML belgesinin yapısını, zorunlu etiketleri, yorumları, metin biçimlendirme yöntemlerini, fiziksel ve mantıksal stilleri tanıtma, basit statik Web belgeleri oluşturma becerilerini kazanma. Laboratuvar derslerinde HTML dosyalarını hazırlamak için Notepad metin düzenleyicisini, yapılanları izlemek için ise Internet Explorer tarayıcısını kullanacağız. Teorik bilgiler Temel konseptler Köprü metni- bilgisayar ekranındaki metin öğeleri arasında, bir öğeden diğerine kolayca geçiş yapmanızı sağlayacak şekilde anlamsal bağlantılar kurmanıza olanak tanıyan bir bilgi yapısı. Uygulamada, hiper metinde bazı kelimelerin altı çizilerek veya farklı bir renkte renklendirilerek (köprüler) vurgulanır. Bir kelimenin vurgulanması, bu kelime ile vurgulanan kelimeyle ilişkili konunun daha ayrıntılı olarak tartışıldığı bazı belgeler arasındaki bağlantıyı gösterir. HTML formatında yazılmış ayrı bir belgeye denir: HTML belgesi; Web belgesi; Web sayfası. Bu tür sayfalar genellikle NTM veya HTML formatındadır. Bir yazara veya bir IEDV gövdesine ait olan ve ortak köprülerle birbirine bağlanan bir grup Web sayfası, Web düğümü veya Web sitesi adı verilen bir yapı oluşturur. Her HTML sayfasının kendine özgü bir URL'si vardır - ADPeCİnternette. Çerçeve (Çerçeve)
- iki anlamı olan bir terim. İlk değer, kendi kaydırma çubuklarına sahip belge alanıdır. İkincisi, animasyonlu bir grafik dosyasındaki (çerçeve) 0DNN0H görüntüsüdür. Uygulama (Uygulama)
- istemci bilgisayara ayrı bir dosya olarak aktarılan ve bir Web sayfasını görüntülerken başlatılan bir program. Senaryo (Senaryo)
, veya komut dosyası, yeteneklerini genişletmek için bir Web sayfasına dahil edilen bir programdır. Belirli durumlarda Internet Explorer tarayıcısı şu mesajı görüntüler: "Sayfada komut dosyası yürütülmesine izin verilsin mi?" Bu durumda komut dosyalarını kastediyoruz. CGI
(Yaygın
Geçit
Arayüz)
- bir sunucu üzerinde çalışan, Web sayfalarının yeteneklerini genişletmenize olanak tanıyan programların genel adı. Bu tür programlar olmadan etkileşimli Web sayfaları oluşturmak imkansızdır. Tarayıcı (Tarayıcı)
- Web sayfalarını görüntülemek için bir program. Öğe- HTML dil tasarımı. Verileri barındıran ve bunları belirli bir şekilde biçimlendirmenize olanak sağlayan bir kap gibi düşünebilirsiniz. Herhangi bir Web sayfası bir öğeler kümesidir. Hipermetnin ana fikirlerinden biri öğelerin iç içe geçme olasılığıdır. Örneğin: <Начало
элемента>Öğenin içeriği, öğenin biçimlendirdiği veriler Etiket(İngilizce etikette - etiket, tanımlayıcı, etiket) - bir öğenin başlangıç veya bitiş işaretçisi. Etiketler elemanların hareketinin sınırlarını tanımlar ve elemanları birbirinden ayırır. Bir Web sayfasının metninde, etiketler açılı parantez içine alınır<
>ve bitiş etiketinin ardından her zaman bir eğik çizgi gelir. Bu parantezlerin arasında olmayan metin (< >), bir tarayıcıda görüntülendiğinde tamamen görünür. Örneğin: <Начальный
тег>Öğenin içeriği, veriler bir öğeyi biçimlendirir <Р>Bu metin ayrı bir paragrafta yer alacaktır Herhangi bir Web sayfası bir öğeler kümesidir. HTML'nin temel ilkelerinden biri, bir öğeyi diğerinin içine yerleştirme yeteneğidir. Bağlanmak- bir öğenin parametresi veya özelliği. Nitelikler başlangıç etiketinin içinde bulunur ve birbirlerinden boşluklarla ayrılır. Çimento metin içeriyorsa, nitelikler yazı tipi rengini ve boyutunu, hizalamayı ayarlayabilir metin paragrafı ve benzeri. Öğe bir resim içeriyorsa, nitelikler resmin boyutunu, resmin etrafındaki çerçevenin varlığını ve boyutunu vb. belirtebilir. <Р
align="center">Bu metin ekranın ortasına hizalanacak Bu örnekte yine paragrafın başlangıcını ve sonunu tanımlayan bir etiket kullanılmaktadır. Ancak başlangıç etiketi, metin hizalamasını ekranın ortasına ayarlayan bir hizalama niteliği içerir. Not: Formatını belirten başlangıç ve bitiş etiketleri arasında herhangi bir yararlı bilgi görünmelidir; Tüm nitelikler başlangıç etiketinde bulunur; Kullanım kolaylığı açısından başlangıç etiketini büyük (büyük) harf (P), bitiş etiketini ise küçük (küçük) harf (/p) ile yazabilirsiniz, ancak buna gerek yoktur; Tüm öğeler bir bitiş (kapanış) etiketi gerektirmez; Her yeni öğeyi yeni bir satıra yazmaya başlayın. İç içe geçmiş öğelere (sekme) girinti ekleyin. Bu yine gerekli değildir ancak işinizi çok daha kolaylaştıracaktır. Bir web sayfası, metin, grafikler, köprüler, ses, animasyon ve video içerebilen özel olarak biçimlendirilmiş bir belgedir. Ortak bir temayı, tasarımı ve bağlantıları paylaşan ve genellikle aynı web sunucusunda bulunan çeşitli web sayfaları bir web sitesi oluşturur. Web sitesi (İngilizce'den. İnternet sitesi: ağ- “web, ağ” ve alan- “yer”, kelimenin tam anlamıyla “yer, bölüm, ağın parçası”) - bir koleksiyon elektronik belgeler Bir kişinin veya kuruluşun (dosyaları) bilgisayar ağı, tek bir adres altında birleştirilir (alan adı veya IP adresi). Tüm siteler bir aradaDünya çapında Ağiletişimin (web), dünya topluluğundan gelen bilgi bölümlerini tek bir bütün halinde birleştirdiği - bir veritabanı ve gezegen ölçeğinde iletişim. İstemcilerin sunuculardaki sitelere doğrudan erişimi için özel olarak bir protokol geliştirildi HTTP .
Bir web sitesi, belirli bir konu veya konu hakkında bilgi içeren bir dergi gibi yapılandırılmıştır. Bir derginin basılı sayfalardan oluşması gibi, bir Web sitesi de bilgisayar Web sayfalarından oluşur. Bir web sayfasını görüntüleyen programa web tarayıcısı denir. Web siteleri, hiper metin belgesi biçimlendirme dili HTML kullanılarak oluşturulur. HTML teknolojisi, normal bir metin belgesine kontrol karakterlerinin (etiketlerin) eklenmesinden oluşur ve bunun sonucunda bir Web sayfası elde ederiz. Tarayıcı, bir Web sayfasını yüklerken, onu ekranda etiketlerle belirtilen biçimde sunar. HTML şunları yapmanızı sağlar: · metni biçimlendir; · belgeye resim ve multimedya eklemek; · Bu dili kullanarak diğer Web sayfalarına hiper metin bağlantıları oluşturulur. HTML, dosya bilgi içeriği oluşturmak ve Web sayfalarının yapısını ve formatını tanımlamak için kullanılır. HTML dosyaları düz metin dosyaları olduğundan, böyle bir dosya hemen hemen her bilgisayara gönderilebilir. Web sayfaları oluşturmak için, oluşturulan belgede metin biçimlendirme kontrol karakterlerini içermeyen basit metin düzenleyicileri kullanılır. Windows'ta böyle bir editör olarak kullanabilirsiniz standart uygulama"Not defteri". Genellikle bir Web sayfası dosyası .html veya .htm uzantısına sahiptir. Ayrıca web sitesi oluşturmanın temel adımlarının zaten otomatikleştirildiği birçok teknoloji var; geriye sadece konunuza uygun değişiklikler yapmak kalıyor. Bir HTML sayfasını görüntülemek için, URL'sini Web tarayıcınızın adres çubuğuna girmeniz ve ardından köprüleri izlemeniz yeterlidir. Ancak asıl sorun tam olarak budur - sayfanın adresi nasıl bulunur? Çoğu zaman ne bulmanız gerektiğini biliyorsunuz ancak tam olarak nereye bakacağınızı bilmiyorsunuz. Bu sorunu çözmek için özel arama motorları var. Kullanıcının bakış açısından, arama sistemi- bu normal bir sitedir ana sayfa kategorilere ayrılmış diğer sitelere bağlantılar içeren (“Spor”, “İş”, “Bilgisayarlar” vb.). Ayrıca arama motoru, kullanıcının birkaç anahtar kelime girmesine olanak tanır ve bu anahtar kelimeleri içeren sayfalara bağlantılar döndürür. İnternet sitesi Bir web sitesi (İngilizce Web Sitesi, web - web ve site - “yer”), bir bilgisayar ağındaki tek bir adres altında birleştirilmiş özel bir kişi veya kuruluşun belgelerinin koleksiyonudur. Varsayılan olarak sitenin internette yer aldığı varsayılır. Tüm İnternet web siteleri toplu olarak World Wide Web'i oluşturur. HTTP protokolü, istemcilerin sunuculardaki web sitelerine doğrudan erişmesi için özel olarak geliştirilmiştir. Web siteleri başka bir şekilde bir kişinin veya kuruluşun İnternet temsili olarak adlandırılır. “İnternetteki kendi sayfanız” dendiğinde bu, bir web sitesinin tamamı veya başka birinin sitesinin parçası olan kişisel bir sayfa anlamına gelir. İnternet'teki web sitelerinin yanı sıra cep telefonları için WAP siteleri de mevcuttur. Başlangıçta web siteleri statik belge koleksiyonlarından oluşuyordu. Şu anda bunların çoğu dinamizm ve etkileşim ile karakterize ediliyor. Bu gibi durumlar için uzmanlar web uygulaması - hazır uygulama terimini kullanıyor yazılım paketi Web sitesi sorunlarını çözmek için. Bir web uygulaması bir web sitesinin parçasıdır, ancak veri içermeyen bir web uygulaması yalnızca teknik olarak bir sitedir. İnternetteki çoğu durumda, bir web sitesi bir alan adına karşılık gelir. Tam olarak göre alan isimleri siteler şu şekilde tanımlanır: küresel ağ. Diğer seçenekler de mümkündür: birden fazla alan adındaki bir site veya bir alan adı altındaki birden fazla site. Tipik olarak, büyük siteler (web portalları) tarafından sağlanan farklı hizmet türlerini (mail.yandex.ru, news.yandex.ru, auto.yandex.ru) mantıksal olarak ayırmak için birkaç alan adı kullanılır. Ayrı alan adlarının tahsis edildiği durumlar da vardır. Farklı ülkeler veya diller. Örneğin, google.ru ve google.fr mantıksal olarak farklı dillerdeki Google siteleridir, ancak teknik olarak farklı sitelerdir. Birkaç siteyi tek bir alan adı altında birleştirmek, aşağıdakiler için tipiktir: ücretsiz konaklama. Siteleri tanımlamak için, adreste bir yaklaşık işareti ve ana makineden sonra site adı bulunur: example.com/~sitemin-adı/.Etiketler
Öznitellikler
Temel HTML terimlerinin gösterimi
HTML Belge Yapısını Özelleştirme
Selam Dünya!
HTML belge yapısının gösterilmesi
Demo ve kaynak kodu
Özet
Kaynaklar ve bağlantılar
Web sayfası nedir?
Web sayfalarının sitelerin yapısındaki yeri ve rolü
Hiper metin kullanma ilkesi
HTML dil yapısı: etiketler
Öznitellikler
İçerik
Web Sayfası Öğeleri
Web Sayfası Öğeleri: Başlık
Web sayfasının ana kısmı
Temel HTML Etiketleri
Web geliştirme araçlarının özellikleri
