internet pencereler Android

Köprü Metni Biçimlendirme Dili html. Köprü Metni Biçimlendirme Dili

Tanıtım

§ 1. Köprü metni biçimlendirme dili (HTML) hakkında genel bilgiler

§ 2. HTML belgesinin yapısı

§ 3. Web sayfalarının tasarım öğeleri

§ 4. Hiper metin biçimlendirme dili HTLM'nin pratik uygulaması

Çözüm

Edebiyat

Tanıtım

Makale, hiper metin biçimlendirme dili HTML (Köprü Metni İşaretleme Dili) ile ilgilidir; Bu evrensel ve genel kullanıma açık biçimlendirme dilinin ilk özelliği - HTML - 1991'de onaylandı. HTML, geliştirilmiş tüm Web sayfaları için standart ve aynı zamanda "kök" haline geldi.

Çalışmanın konusunun alaka düzeyi, bugün HTML'nin en evrensel, hatta yeri doldurulamaz köprü metni işaretleme aracı olarak kalması ve dolayısıyla İnternet'te yayınlanmasıyla belirlenir. Web sayfalarını HTML olarak yazmak, kaynak kodun ikili koda yorumlanmasını gerektirmez.

Modern Web sayfaları artık yalnızca HTML değildir. Dinamik HTML araçlarıyla uyumlu bir şekilde tamamlanır: JavaScript ve / veya VBScript komut dosyası dilleri, basamaklı stil sayfaları (CSS), bazen Java uygulamaları bulunur. Aslında, modern bir Web sayfası için görüntülenebilir: Web sayfası = HTML + DHTML (JavaScript / VBScript, CSS, Java uygulamaları) + CGI Yani, herhangi bir sayfanın bir HTML düzenine sahip olması gerekir - metin tasarım öğelerinin konumu ve gerekli komut dosyaları - çeşitli nesnelerin konumu ve özelliklerinin açıklaması alanında HTML'nin bir uzantısı olarak. CGI betikleri, tüm bir sayfayı şekillendirerek, gerekli, güncellenmiş verilerle doldurarak veya sayfaya dahil edilerek ikincil bir rol oynayarak birincil bir rol oynayabilir.

Çalışmanın amacı, hiper metin biçimlendirme dili HTML'nin genel bir tanımını sağlamaktır. Belirlenen hedefe uygun olarak, çalışmanın görevleri aşağıdaki gibi formüle edilmiştir:

1.HTML'nin ana özelliklerine genel bakış

2. HTML'nin pratik uygulamasının analizi (eğitim programları örneğinde).

§ 1. Köprü metni biçimlendirme dili (HTML) hakkında genel bilgiler

Köprü metni, bu metindeki diğer yerlere, diğer belgelere, resimlere vb. atıfta bulunan gömülü biçimlendirme sözcükleri (komutları) içeren bir metindir. Bu tür bir metni okurken (onu işleyen ve ilgili bağlantıları veya eylemleri gerçekleştiren ilgili programda), metinde vurgulanmış (vurgulanmış) sözcükleri görürsünüz. İmleçle bunların üzerinden geçerseniz ve bir tuşa veya farenin düğmesine (göze) basarsanız, bu kelimenin atıfta bulunduğu şey, örneğin aynı metnin aynı bölümünün başka bir paragrafı vurgulanacaktır. WWW'de, anahtar sözcükleri kullanarak, başka bir belgeden tamamen farklı bir metne girebilir, bir program girebilir, bir eylem gerçekleştirebilirsiniz, vb. İnternette, WWW bağlamında her şeye, telnet, e-posta, ftp, Gopher, WAIS, Archie, USENET News, vb. erişebilirsiniz. WWW'de, ağdaki herhangi bir yerde diğer makinelerdeki verilere başvurabilirsiniz, daha sonra bu bağlantıyı etkinleştirdiğinizde, bu veriler otomatik olarak kaynak makineye aktarılacak ve ekranda metin, veri, bir resim göreceksiniz ve eğer varsa multimedya fikrini pratiğe dökersin, sesini duyarsın, müzik, konuşma. Bu biraz Gopher'a benziyor, ama aslında temelde farklı ve yeni. Gopher, istediğiniz gibi dolaşabileceğiniz katı bir menü yapısına sahiptir. Bu yapı ne yaptığınıza, hangi belgeyi kullandığınıza vs. bağlı değildir. WWW'de, herhangi bir köprü metni yapısına sahip olabilen bir belgede ilerlersiniz. Menü yapılarınızı hiper metinde özgürce düzenleyebilirsiniz. Bir köprü metni düzenleyicisiyle, belgeler, dosyalar, veriler, resimler, yazılımlar vb. dahil olmak üzere çalışma ortamının herhangi bir yapısını oluşturabilirsiniz ve bu yeni bir yazılım değil, yalnızca köprü metni olacaktır.

MS FrontPage veya Windows için Web Pen gibi Web sunucuları geliştirmeye yönelik modern programlar, yeni başlayanların bile ders kitaplarını incelemeden kolayca hazır sayfalar oluşturmasını sağlar. Aynı zamanda, Web yöneticisi adı verilen Web siteleri oluşturma uzmanı, hazır dosyaları (metinler, tablolar, grafikler, veritabanları, ses, animasyon, videolar, programlar) alır ve sayfaları tasarlamak için düğmeler ve menü komutlarını kullanır. Sitenin. Enstrümantal ve operasyonel menülerin komutlarını yürüten bu tür programlar, WWW sunucusunun hiper metnini oluşturur.

Orijinal metin, tablo ve grafik ve diğer nesneler, etiketler (etiket = etiket, etiket) aracılığıyla Web sitesine dahil edilir. Etiket, aşağıdakileri belirten bir karakter dizisidir.

). nesnenin site sayfasındaki konumu,

). nesnenin görünümü veya

Bir etikete ayrıca bir kontrol işaretçisi, bir bayrak da denir. Web Pen programları etiketleri kendileri yerleştirir, bu nedenle bu tür programların kullanıcısı köprü metni biçimlendirme dilini bilmeyebilir (HTML = Köprü Metni İşaretleme Dili).

HTML bilgisi beş nedenden dolayı gereklidir.
İlk olarak, Web yöneticisi rakip firmaların sitelerini ve sadece WWW sunucularının başarılı kopyalarını analiz eder. Sitenizi geliştirmek için gerekli olan bu tür bir analiz, köprü metni biçimlendirme dili hakkında bilgi sahibi olmadan mümkün değildir.

İkinci olarak, Web sunucunuzu tamamen yeniden tasarlamadan (ki bu zaman alıcı ve pahalıdır) iyileştirme, nesneleri ve etiketleri manuel olarak ekleyip çıkararak kolaylıkla yapılabilir.

Üçüncüsü, HTML sürekli gelişiyor, bu nedenle MS FrontPage gibi programlar sürekli olarak dilin en son özelliklerinin gerisinde kalıyor.

Dördüncüsü, bu tür programların oldukça yüksek maliyetini unutmamak gerekir.

Son olarak, beşinci olarak, programı satın almak için para harcadıktan sonra, yine de ustalaşmak için zaman harcamanız gerekir.

Web yöneticisi, HTML kullanarak köprü metni belgesinin yapısını ve her sayfanın görünümünü tanımlar. HTML, görüntüleyicinin belge içeriğini görüntülemek için kullandığı etiketlerin sözdizimini belirtir: metin, resimler, tablolar ve diğer veri türleri. Etiketlerin kendisi izleyici tarafından görüntülenmez.

HTML, bu belgeyi diğer belgelere bağlayan özel köprü metni bağlantılarının mekanizması için destek uygular. İkincisi bulunabilir:

) bu sitede, yani tüm htm dosyalarını, grafikleri, sesleri, animasyonları, videoları, programları içeren bir klasörde;

) site dışında bu bilgisayardaki diğer klasörlerde;

) World Wide Web'de, yani diğer Web sunucularında;

) İnternette diğer sunucu türlerinde (FTP, Gopher).

Köprü metni bağlantıları mekanizmasının kullanımı, bir ticaret şirketinin çalışanlarının ihtiyaç duydukları bilgileri aldıkları küresel bir birleşik bilgi alanı yaratır. HTML standardı, Web ile ilgili diğer tüm standartlar gibi, World Wide Web Konsorsiyumu (W3C) himayesinde geliştirilmiştir. Standartlar spesifikasyonları ve taslak yeni teklifler, görev çubuğunda # "578258.files / image001.gif"> adresinde bulunabilir.

İşletim menüsünün (Pencere, Yeni Pencere) komutunu kullanarak veya “Standart” araç menüsünün düğmesine tıklayarak MS Word kelime işlemcisinin yeni bir penceresini oluşturun.

Ekrana aynı anda iki pencere yerleştirmek için çalıştırma menüsünün (Pencere, Tümünü düzenle) komutunu kullanın: bir kılavuz ve bir yenisi ile. İmleç yeni bir pencerede olmalıdır. "Resim Ekle" iletişim panelini açmak için MS Word işletim menüsü komutunu (Ekle, Resim ...) kullanın.

İletişim kutusunun sol tarafındaki wmf dosyaları listesinden 1stplace.wmf dosyasını tıklayın. İletişim kutusunun sağ tarafında görünen resmi düşünün.

Paragraf 6'da belirtilen adımları tekrarlayarak birkaç şekle bakın. İletişim kutusunun sol alt kısmındaki OK düğmesine tıklayarak en sevdiğiniz çok renkli resmi seçin. Bu şekil yeni bir MS Word penceresinde görünecektir.

Fare işaretçisini resmin üzerine getirin ve farenin sol tuşuna tıklayın. İşletim menüsünün komutunu kullanarak (Düzenle, Kopyala) veya araç menüsünün “Standart” düğmesine tıklayarak resmi panoya kopyalayın.

Klavye komutunu kullanarak resim içeren pencereyi kapatın. Bu pencerenin boyutunu büyütmek için düğmeye tıklayarak kılavuzla pencerenin boyutunu büyütün.

Düğmeye tıklayarak Paint düzenleyici penceresine gidin görev çubuğunda.

LView Pro editörü ile aşağıdaki adımları anlayıp uyguladıktan sonra Paint ile oluşturulan bmp dosyasını okuyun ve gif dosyası olarak kaydedin.

Görev çubuğundaki Başlat düğmesini kullanarak Dosya Gezgini'ni başlatın:

BAŞLAT => PROGRAMLAR => GEZİCİ

D sürücüsünde: LWPRO klasörünü açın ve Lviewpro.exe dosya adına çift tıklayarak LView Pro düzenleyicisini başlatın.

LView Pro menü komutunu (Dosya, Aç) kullanarak Paint ile oluşturulmuş bir bmp dosyasını okuyun.

HTML belgelerindeki renkler iki şekilde belirtilebilir - bir renk kodu belirterek veya İngilizce olarak bir renk adı belirterek. İlk yöntemde, renk kodu altı basamak içeren onaltılık bir sayı olarak yazılır: ilk iki basamak kırmızı rengin yoğunluğunu, ikinci - yeşil, üçüncü - mavi. İkinci yöntem şu renk adlarını kullanır: siyah (siyah), kestane rengi (koyu kırmızı), yeşil (yeşil), zeytin (zeytin), lacivert (mavi), mor (mor), deniz mavisi (yeşilimsi mavi), gri (gri) , gümüş, kırmızı, limon, sarı, mavi, fuşya, su ve beyaz.

Hücreleri farklı renklerde olan bir tablo içeren bir belge oluşturalım. Belgenin arka planını siyah olarak ayarlayın. Belgeyi Not Defteri ile yazacağız (veya düzenleyeceğiz) ve colortab1.htm dosyasındaki çalışma klasörüne yazacağız.

MS Internet Explorer ile sonuca bakın. Bu sonuç, yeni nitelikler ve etiketler uygulanarak elde edilir. BGCOLOR özelliği, etiketlerde arka plan rengini ayarlar ve . Ayrıca etiketlerde kullanılabilir ve çizginin arka plan rengini bir bütün olarak tanımlamak için. Etiket

paragraf anlamına gelir. Bu durumda, paragrafın tamamı pencerenin ortasına hizalanır (CENTER değeriyle ALIGN niteliği). ALIGN niteliği ayrıca LEFT ve RIGHT olabilir. Paragraf bir etiketle biter

ve paragrafın bitiminden sonra niteliklerinin etkisi sona erer.

sözde tablo başlığı etiketidir. Aslında, tablo başlığının yazılması gereken satırı bildirir. Bu durumda, bir sonraki satırdan kaç hücrenin bu üstbilgiyle çakışacağını belirleyen bir COLSPAN özniteliğine sahiptir. Etiket yazı tipinin özellikleri için ayarları tanımlar. Bu durumda başlık çubuğundaki metnin rengi ayarlanır. Genel olarak, etiketlerde birden fazla nitelik kullanılabilir, ancak etiket bir istisnadır - metin özelliklerinin her değişikliği için ayrı bir etiket kullanılır , Örneğin:

Çalışma dizininizde bir font1.htm belgesi oluşturun, yukarıdaki örneğin metnini gövdesine ekleyin ve sonucu görün. Bu örneği Notepad tarafından oluşturulan metne kopyalayarak görevi hızlandırabilirsiniz. Bunu yapmak için, örneğin üç satırının solundaki seçim çubuğu boyunca fare işaretçisini (sol tuşunu basılı tutarken) sürükleyerek kılavuzdan bir örnek seçin. Örnek olarak colortab1.htm belgesini kullanarak, "Hücre Koordinatları" başlıklı ve bu hücrelerin koordinatlarının bulunduğu 16 hücreli (4 satır x 4 hücreli) bir tablo içeren çalışma klasöründe bir table3.htm belgesi oluşturun. C1K1 ilkesine göre yazılmıştır (burada C - satırı, K - karşılık gelen sayılarla sütun). Belgenin arka planı mavi-yeşil, başlık satırının arka planı beyaz, başlık satırının metni sarı olmalıdır. Tablo hücrelerindeki metin gri bir arka plan üzerinde siyah olmalıdır. Tablo hücrelerinin sınırları olmalıdır.

§ 4. Hiper metin biçimlendirme dili HTLM'nin pratik uygulaması

Pratik deneyimin gösterdiği gibi, tüm öğrenme kavramları için etkileşimli bir öğrenme ortamı oluşturmanın temel ilkesi, bilgiyi yapılandırma ve sunma hipermetin ilkesidir. Literatürde geliştirilen hipermetin teorisi ve ayrıca hipermetin yapıları yaratma konusundaki mevcut deneyim, onun temel, yapısal olarak önemli kavramsal özelliklerinin bir dizi ana hatlarını çizmemize izin verir. Bu fenomenin oluşum tarihini hatırlayalım. Başlangıçta, hiper metin teknolojileri, metinsel bilgileri ve diğer modalitelerde sunulan bilgileri - multimedya (ses, video, animasyon vb.) Daha sonra, bilgisayar eğitim programlarının yazarları - bilişsel süreçleri modellemenin bir aracı olarak ve dolayısıyla bu süreçleri yönetmenin yeni bir yolu olarak hiper metni keşfettiler. Hipermetin fikrinin (bu belirli terimin tanıtımı olmadan da olsa) ilk kez, bu kavramın tarihi hakkındaki tüm Batı ders kitaplarında belirtildiği ve şimdi İnternet bilgi topluluğunda kabul edildiği gibi, semptomatiktir. , Vannevar Bush'un “Düşündüğümüz gibi” başlıklı bir makalesinde yer almaktadır: Bu çalışmadan, hipermetin çağının geri sayımı, bilgi teorisi, dilbilim ve bilişsel psikolojide ve ayrıca yeni bir sanatsal kelime türü (köprü metin kurgusu) alanında belirli bir özel fenomen olarak başlar.

Şu anda, "köprü metni" terimi çeşitli nesnelere uygulanmaktadır: 1) bu, aralarında mantıksal bağlantıları korurken verilere doğrudan erişim sağlayan özel bir bilgi sistemleri oluşturma yönteminin adıdır; 2) metin ve multimedya bilgilerini birbirine bağlı metin ve diğer dosyalardan oluşan bir ağ şeklinde sunmak için özel bir sistemdir; 3) ayırt edici özellikleri etkileşimi ve kullanıcıya karşı olağanüstü dostu olan özel bir evrensel arayüzdür. Eğitim amaçlı hipermetin sistemlerinin geliştirilmesi 80'li yıllarda yurtdışında başladı, Rusya'daki benzer çalışmalar yakın zamana kadar pilot aşamadaydı. 2004 yılında, bu alandaki küresel eğilimlerle uyumlu olarak, uzaktan eğitim için sunulan hipermetin sistemlerinin sayısında üstel bir büyüme gördük.

Multimedya hiper metin teknolojileri temelinde hazırlanan eğitim materyallerinin hem öğrenme sürecini sağlayan, yöneten ve kontrol eden öğretmen hem de öğrenci için bir takım belirgin avantajları vardır: her şeyden önce bunlar, ilgili eğitim materyallerinin sunumu için temelde yeni fırsatlardır. görsel ve işitsel netlik kullanımı ile. Ayrıca, eğitim materyalinin hipermetin yapısının kendi didaktik anlamı olduğu da belirtilmelidir, çünkü çok daha esnek bir bilgi sunumu şeklidir, bu da öğrencinin bireysel ihtiyaçlarını maksimum ölçüde dikkate almayı mümkün kılar. . Aslında, temeli hiper metin biçiminde yapılmış bir veritabanı olan otomatik bir eğitim kursuna yapılan her çağrı, belirli bir acil göreve en uygun şekilde karşılık gelen kendi eğitim metninizi oluşturma sürecidir ve bunun sonucunda öğrenme süreç yaratıcı bir boyut kazanır. Bilgi bloklarının mantıksal bağlantılarını kurmak, bilgi oluşturmak, kendi anlama mantığını takip etmek, aslında öğrenci bir ortak yazar olur ve belki de bu, bu tür dersleri öğrenme sürecinde kullanmanın en çekici yönü haline gelir. Bununla birlikte, böyle bir sistemdeki temel sorunun, bu bilgi alanını incelemek için yazar-geliştirici stratejisi tarafından ücretsiz veya dayatılan ve ayrıca didaktik sorunları çözmesi gereken "gezinme" düzenleme sorunu olduğu vurgulanmalıdır. Köprü metni teorisi üzerine yapılan çalışmalarda, köprü metni bilgilerinin "okunmasını" düzenleme konuları, köprü metni alanının yapısının resmi bir analizi, teknik "gezinme" kontrol araçlarının yetenekleri ve ayrıca Bir kişinin bilişsel stratejik tercihlerinin özellikleri (ikincisinin hala en az çalışılan alan olduğunu tekrar vurguluyoruz). Otomatik arama sistemlerinin ve otomatik sorgu işleme sistemlerinin altında yatan modeller genellikle oldukça iyi geliştirilmiş resmileştirilmiş stratejik modeller olarak hizmet eder.

a) ilk, en üst düzeyde, tüm temel terminolojik kavramlar için mümkün olan en kısa açıklamaların türü kullanılır,

b) bir sonraki seviyede, belirli kavramların anlamlı bir yorumu verilir,

Hazırlanan eğitim bilgisayar materyallerinde, bir metin paragrafı başına (1 - 2 bağlantıdan fazla olmayan) en uygun izin verilen bağlantı sayısı ve ayrıca önerilen metin bilgisi miktarı deneysel olarak elde edildi: bir bilgisayar ekranında görüntülendiğinde, 1,5 veya 2 x ekrandan fazlasını almayın. İzin verilen ve önerilen hiyerarşik bağlantı derinliği, bilgi algısı teorisi ve bilişsel dilbilimin verilerine göre oluşturulmuştur. Bilgiyi özümsemenin bireysel bilişsel stillerine bağlı olarak, 2 ila 5 adım arasında değişebileceği varsayılmıştır. Hipermetin teorisine ayrılmış bir dizi psikolojik ve psiko-dilbilimsel çalışmada, farklı insan grupları için tercih edilen temel stratejileri belirlemeye yönelik girişimlerde bulunulmuştur; Elde edilen veriler, köprü metni alanındaki üç ana davranış türünü özetlememize izin verir, İngilizce konuşma geleneğinde bunlara derinlik öncelikli gezinme, genişlik öncelikli gezinme ve bir ara stratejinin iki varyantı (rastgele gezinme) denir. ilk iki yaklaşımı belirli oranlarda birleştirmek). Ancak, istisnasız tüm araştırmacıların, elde edilen verilerin güvenilirlik derecesini belirlemek için bu yönde ek deneylere ihtiyaç olduğunu vurguladıkları belirtilmelidir. Kuşkusuz, bu konunun daha fazla, daha derin bir çalışmaya ihtiyacı var, bu nedenle, bu çalışmada, esas olarak, köprü metninin altında yatan malzemenin özellikleri tarafından dikte edilen optimal bağlantı yapısı hakkında sezgisel fikirler tarafından yönlendirildik.

İspat testi ve sözlü sorgulama, yüksek öğretimde bilgiyi test etmenin en yaygın olarak kullanılan ve iyi geliştirilmiş araçlarından bazılarıdır. Klasik test, oldukça basit sorular dizisidir. Her sorunun resmi olarak kontrol edilip doğru, yanlış veya kısmen doğru (örneğin eksik) olarak değerlendirilebilecek basit bir cevabı vardır. Sorular genellikle beklenen yanıtın türüne göre türlere ayrılır. Klasik soru türleri [evet/hayır] soruları, [çok/tek yanıt] (MV/OO) soruları, [çok/çok yanıt] (MV/ML) soruları ve açık uçlu metin veya sayısal sorular olarak ayrılır. . Daha gelişmiş soru türleri arasında eşleştirme soruları, soruları sıralama, işaretleme soruları (cevap resimde bir veya daha fazla alan vardır) ve grafik soruları (cevap basit bir grafiktir) bulunur. Ek olarak, her konu alanında bazı spesifik soru türleri olabilir.

Oluşturma desteği seçenekleri genellikle sistemde tek bir sorunu depolamak için kullanılan teknolojiye bağlıdır. Şu anda, bir soruyu saklamanın iki farklı yolunu biliyoruz: sunum formatında ve dahili formatta. Web tabanlı öğrenme bağlamında, bir soruyu bir sunum biçiminde depolamak, onu HTML kodunun bir parçası olarak (genellikle bir HTML formu olarak) depolamak anlamına gelir. Bu sorulara statik sorular da denilebilir. WBE sistemi için kara kutulardır. Sistem statik soruları yalnızca "olduğu gibi" (oluşturuldukları biçimde) sunabilir. Bu tür soruların oluşturulması, herhangi bir HTML düzenleyicide yapılabileceğinden, genellikle WBE sistemi tarafından desteklenmez.

Öğrenci yanıtlarını oluşturmak için kullanılan etkileşimli teknolojinin türü, WBE sistemlerinin en önemli özelliklerinden biridir. Soru oluşturma aşamasında tüm işlevselliği tanımlar ve ayrıca soru oluşturma ve değerlendirme aşamalarını etkiler. Şu anda beş teknoloji ayırt edilmektedir: HTML bağlantıları, HTML / CGI formları, komut dosyası dilleri, eklenti ve Java Bağlantılar, HTLM bağlantılarının bir listesi olarak bir dizi olası yanıtı uygulayan en basit etkileşim teknolojisidir. Her bağlantı belirli bir geri bildirim sayfasına bağlanır. Bu yaklaşımı kullanırken iki sorun ortaya çıkar: soru oluşturmanın karmaşıklığı (sorunun mantığı katı bir şekilde kursun hiper metnine yerleştirilmelidir) ve yalnızca iki tür soru için destek: [evet / hayır] ve [MV / OO ]. Bu teknoloji, öncelikle CGI, JavaScript veya Java gibi daha gelişmiş birlikte çalışabilirlik teknolojilerinin henüz geliştirilmediği Web tabanlı öğrenmenin ilk günlerinde kullanıldı.

Şu anda çok sayıda ticari ve üniversite sistemi tarafından kullanılan en popüler web test teknolojisi, HTML formlarının ve CGI komut dosyalarının bir kombinasyonudur. HTML formları, temel soru türlerini sunmak için son derece kullanışlıdır. [evet / hayır] ve [MV / OO] gibi sorular simge setleri, seçim listeleri, açılır menüler ile temsil edilir. [MV / MO] soruları çoktan seçmeli listeler veya radyo düğmesi setleri ile temsil edilir. Açık uçlu sorular, düzenleme alanları olarak uygulanır. Eşleştirme veya doğru sıralama soruları gibi daha gelişmiş sorular da formlar kullanılarak uygulanabilir. Ayrıca, CGI betiğinin ihtiyaç duyabileceği testle ilgili ek bilgileri depolamak için gizli alanlar kullanılabilir. "Sunucu tarafı" teknolojisi ("form / CGI" teknolojisini içerir) ve benzer teknoloji "sunucu tarafı haritaları"nı kullanmanın önemli avantajları, grafiksel işaretleme sorularını uygularken ortaya çıkar.

Çözüm

İş görevlerini çözmenin sonuçlarına dayanarak, aşağıdaki sonuçlar elde edildi:

HTML, sayfalarda genellikle gördüğümüz şeylerin bir tarayıcıdan görüntülenemeyen kodla serpiştirildiği sıradan, metin benzeri bir dosyadır. Bu görünmez kod, HTML biçimlendirme dilidir.

HTML bir programlama dili değildir - yalnızca sayfayı işaretlemeye, tablo, metin veya resimler olsun, şu veya bu öğeye belirli bir görünüm kazandırmaya yarar.

Bu, her öğeye tarayıcı tarafından tanınan kendi parametrelerini atayarak yapılır. Bu parametreler hem bir eleman hem de bir grup veya eleman tipi için ayarlanabilir. Öğe türleri aşağıdaki gibi olabilir: tablolar, hücreler, bağlantılar, metin vb. Yani, tek terim olarak adlandırılabilecek bir şey. Seçilen elemanlara da bireysel özellikler atanabilir. Web sunucularının son yıllarda yaygınlaşmasının temel nedeni, kurulumlarının nispeten kolay olması ve giderek daha büyük bir iş aracı haline gelmeleridir. İkinci neden, yeni Web sayfalarının oluşturulmasını sağlamak için giderek daha fazla geliştirilmiş HTML düzenleyicilerinin ve metin dönüştürücülerinin ortaya çıkmasıdır.

Uygulama kapsamı ile ilgili olarak şunlar söylenebilir. Web'in geleceği, Web'in İnternet ile ayrılmaz bir şekilde bağlantılı olması nedeniyle, İnternet'teki artan veri aktarım hızıyla da ilgilidir.

Netscape Communications, HTML'yi biraz genişlettiğinden, tüm tarayıcıların yeni HTML biçiminde yazılmış belgeleri görüntülemesini engellediğinden, tarayıcılar ve Web sunucuları arasında bir uyumsuzluk sorunu olmaya devam edecektir.

Edebiyat

1. Broido V.L. Bilgi işlem sistemleri, ağlar ve telekomünikasyon SPb, Peter 2002 - 464 s.

2. Bilişim / S.V. Simonovich tarafından düzenlendi. SPb, Peter 2001 - 400 s.

Kirmayer M. Bilgi teknolojisi. SPb.: Peter, 2003 - 443 s.

Matthews J. Web Sunucusu. SPb.: Sembol, 1998 - 356 s.

Olifer V.G., Olifer N.A. Bilgisayar ağları. SPb.: Peter, 2005 - 864 s.

Olifer V.G., Olifer N.A. Ağ işletim sistemleri. SPb.: Peter, 2003 - 539 s.

WWW teknolojisi

World Wide Web (WWW) hizmeti, İnternet'teki en popüler hizmettir. WWW, Web sunucularında depolanan yüz milyonlarca birbirine bağlı elektronik belgeden oluşan birleşik bir bilgi alanıdır. Web alanını oluşturan bireysel belgelere Web sayfaları denir. Tematik olarak bağlantılı Web sayfaları gruplarına Web siteleri (Web sitesi) denir.Tek bir fiziksel Web sunucusu, her birine sunucunun sabit diskinde ayrı bir dizin atanmış birçok Web sitesi içerebilir.

Web sayfaları, belirli bir ortama atıfta bulunulmadan tasarlandıkları için sıradan metin belgelerinden farklıdır. Örneğin, kağıda basılan bir Word belgesinin tasarımı, belirli bir yükseklik, genişlik ve kenar boşluğu boyutuna sahip basılı sayfanın parametrelerine bağlıdır. Elektronik Web-belgeleri bir PC ekranında görüntülenmek üzere tasarlanmıştır ve hangisinde önceden bilinmemektedir. Bu nedenle, Web belgeleri katı bir şekilde biçimlendirilemez. Tasarım, müşterinin PC'sinde oynatılmaları sırasında gerçekleştirilir ve görüntülemeyi gerçekleştiren programın (tarayıcı) ayarlarına uygun olarak gerçekleştirilir. Tarayıcı, belgeyi Web belgesinin metninde yazılan komutlara göre görüntüler. Komutlar, doğrudan belgenin yazarı tarafından yazılabilir veya Web belgelerinin otomatik olarak hazırlanması yoluyla uygulanabilir.

Bu tür komutlara etiketler denir. Etiketler parantez içine alınmıştır<>... Çoğu etiket çift olarak kullanılır: bir açılış etiketi ve bir bitiş etiketi.

Metin

Anahtar kelimeye ek olarak, karmaşık etiketlerin ek özellikleri ve parametreleri vardır. Etiket yazma kuralları, özel bir köprü metni biçimlendirme dilinin - HTML'nin (Köprü Metni Biçimlendirme Dili) belirtiminde bulunur. Yani bir Web belgesi, HTML etiketleriyle etiketlenmiş bir düz metin belgesidir.

Web belgelerinin en önemli özelliği hiper metin bağlantılarıdır. Herhangi bir metin parçasına bir köprü kurulabilir. Köprü oluşturmak için eşleştirilmiş bir etiket kullanılır ... Bu etiket, bağlantının işaret ettiği belgenin URL'sini belirten gerekli HREF özniteliğini içerir.

Adres mutlak ve göreli biçimde belirtilebilir. Mutlak adres, bir protokol ve bir Web sitesi adresiyle başlar. Bu girdi, bir ziyaretçiyi başka bir Web sitesine yönlendirmek istediğinizde kullanılır ve harici bir bağlantı olarak kabul edilir. Bağlantıda göreli bir adres kullanırken, belge için yalnızca göreli arama yolu belirtilir. Bu, aynı protokolün ve aynı Web sitesinin kullanıldığını varsayar ve bağlantıyı dahili olarak ele alır. Web sitesinin adresi bir bütün olarak değişirse (örneğin, başka bir sunucuya) dahili bağlantı çalışır durumda kalır. Tam köprü biçimi, sayfa içinde belirli bir konuma bağlantı oluşturma özelliğini içerir. Ancak bu sadece kendi geliştirdiği sayfalar için yapılabilir. Bunu yapmak için, bağlantının yerleştirildiği yer özel bir ankraj elemanı ile işaretlenir. Bağlantı, eşleştirilmiş bir etiket kullanılarak ayarlanır gerekli NAME özniteliği ile. Bu özelliğin değeri, rastgele bir Latin harfleri ve sayıları dizisidir - çapa adı. Bir bağlantıya bağlanmak için, adı URL'nin sonunda # sembolünden sonra görünür.



Sözlük

Tarayıcı, geçerli klasörde bu sunucuda bir belge arayacaktır.

Midi müzik

Tarayıcı http://www.midi.ru sitesine gidecek.

WWW sunucularında depolanan çok sayıda hiper metin belgesinin toplamı, aralarında hareket etmenin mümkün olduğu hiper belgeler için bir tür alan oluşturur. Belgeler arasındaki keyfi harekete Web'de gezinme denir ve amaçlı (gerekli bilgileri bulmak için gerçekleştirilir) - Web'de gezinme.

Fiziksel İnternet sunucularında depolanan çok sayıda belge arasındaki köprü metni iletişimi, mantıksal WWW alanının varlığının temelidir.

Web'i toplu olarak oluşturan donanım ve yazılımı düşünün.

· İstemciler ve Sunucular. Web sunucusu, web sunucusu olarak da adlandırılan özel bir programı çalıştıran İnternete bağlı bir bilgisayardır. Bu programın görevleri arasında belirli dosyaları Web'de depolamak, aramak ve dağıtmak yer alır. Web istemcisi, web'den dosya isteyen bir tarayıcıdır. Bir istemci bilgisayar dosyalardan birine erişmek istediğinde, istek web sunucusuna yönlendirilir. Sunucu belirtilen dosyayı arar ve isteği gönderen istemci bilgisayara gönderir. Web'i oluşturan binlerce bilgisayar, çok çeşitli donanım ve yazılım kombinasyonlarıdır. Bir istemci bilgisayar bir dosya istediğinde, gerekli dosyanın saklandığı sunucunun özellikleri veya sunucudan istemciye giderken dosyayı birbirine aktaracak diğer bilgisayarlar hakkında neredeyse hiçbir şey bilmez. Böyle bir sistemin çalışması için donanım veya işletim sistemlerinden bağımsız bir dizi dil ve protokol kullanması gerekir.

· URL ve veri aktarım protokolleri. Bir belgenin parçaları tüm dünyaya dağılmışsa ve bunu kullanıcıya tek, tutarlı bir belge stili olarak sunmak istiyorsanız, çok iyi bir adres sistemine ihtiyacınız olacaktır. İnternetteki her dosyanın URL (Uniform Resource Locator) adı verilen bir adresi vardır. Örneğin, Avrupa Federasyonu web sitesinin URL'si futbol - http://ru.uefa.com.

URL'nin ilk kısmı, bilgisayarın dosyaya erişme yöntemini, yani iletişim protokolünü tanımlar. Çoğu web sayfasına HTTP (Köprü Metni Aktarım Protokolü) kullanılarak erişilir. Bu nedenle web adresi genellikle "http" harfleri kullanılarak belirtilir ve tarayıcılar bu harfleri kullanıcının girdiği web adresinden önce otomatik olarak ekler. Genellikle bölüm http:// adresleri URL'nin başında atlanır.

Adresin sonraki kısmı, web sunucusunun ana bilgisayar adıdır. Alan adı sistemi, isteğinizi nerede olursa olsun web sunucusuna yönlendirecektir.

Bazı URL'ler, web sunucusunun ana bilgisayar adının ardından bilgi içerir. Bu veriler, tam olarak görüntülemek istediğiniz dosyayı ve saklandığı dizini tanımlar. Herhangi bir dizin ve dosya adı belirtilmemişse, o web sunucusu için varsayılan web sayfası görüntülenir.

· HTML(Köprü Metni Biçimlendirme Dili - hiper metin biçimlendirme dili) Web'in evrensel dilidir. Web'de yayınlanan bilgilerin yeniden üretilebileceği sayfaları düzenlemek için kullanılır: metinsel, grafik, ayrıca ses ve video bilgileri.

· Java ve JavaScript. Java dili, küçük uygulamaları (appletler veya Java uygulamaları olarak adlandırılır) Web üzerinden göndermek için tasarlanmıştır. JavaScript, küçük programları (veya komut dosyalarını) web sayfalarına gömmek için HTML'nin yeteneklerini genişletir. Uygulamaların ve komut dosyalarının temel amacı, web sayfalarının etkileşimini artırmaktır - uzak bir web sunucusuyla etkileşim kurmak yerine, bilgisayarınızda çalışan bir uygulama ve komut dosyasıyla çalışırsınız.

Ayrıca, kullanıcının bilgisayarında yürütülmek üzere ağ üzerinden bir web sunucusu tarafından gönderilen, animasyon oluşturmak için Java uygulamaları ve JavaScript vardır; animasyon karelerinin internet üzerinden iletilmesini önlerler. Açıklanan işlemler genellikle kullanıcı tarafından fark edilmeden gerçekleşir.

· VBScript ve ActiveX Denetimleri. VBScript ve ActiveX denetimleri, Internet Explorer tarafından desteklenen standart araçlardır.

VBScript, Microsoft tarafından geliştirilen Visual Basic dilinin basitleştirilmiş bir sürümüdür. Web sayfalarını dinamik yapan komut dosyaları oluşturmak için kullanılabilir. Bu nedenle, VBScript yetenekleri bakımından JavaScript'e benzer.

Java uygulamaları gibi ActiveX denetimleri, yürütülebilir programları web sayfalarına gömmek için kullanılır. Internet Explorer, ActiveX denetimlerini kullanan bir web sayfasıyla karşılaştığında, belirli denetimin bilgisayarınızda kurulu olup olmadığını kontrol eder ve değilse, onu yükler.

· XML ve Web'in diğer gelişmiş dilleri. XML (Genişletilebilir İşaretleme Dili), Web için uygulama geliştirme dili olarak HTML'nin yerini alması gereken çok güçlü bir dildir. HTML'den farklı olarak XML, XML belgesinde açıklanan verilerin nasıl görüntülenmesi gerektiğine dair herhangi bir talimat içermez. Görüntülenme biçimleri, HTML için basamaklı stil sayfaları ile XML için aşağı yukarı aynı rolü oynayan stil tanımlama dili tarafından belirlenir. W3C, iki stil sayfası özelliğiyle çalışır: XSL (Genişletilebilir Stil Dili) ve CSS (Basamaklı Stil Sayfaları). XML ve HTML arasındaki bir diğer temel fark, XML sözlüğünün yaratıcılarının kullanmak istediği tüm etiketleri içerebilmesidir.

HTML'nin daha gelişmiş bir sürümü, HTML, JavaScript ve CSS olmak üzere üç bileşen içeren DHTML'dir (Dinamik HTML - Dinamik HTML).

· Grafik nesneler. Web'de sunulan resimler, çizimler, haritalar, diyagramlar ve diğer grafikler birçok biçimde olabilir. Grafik bilgilerini görüntülemek için en yaygın biçimler JPEG ve GIF'dir.

· Ses ve video dosyaları. Web, tarayıcının entegre eklentileri aracılığıyla oynatılan birçok ses ve video dosyası sağlar. Bu tür verileri aktarmanın iki yolu vardır: tarayıcı bunu bir dosya olarak indirebilir (daha sonra, ses dosyaları büyük olduğundan ve video dosyaları olduğundan çok zaman alacak olan tüm bilgilerin oynatılması gerekecektir. çok büyük) veya dosyanın yalnızca o anda oynatmak istediğiniz bölümünü alın. İkinci yönteme ses akışı veya video akışı denir.

Köprü Metni İşaretleme Dili(HTML) - Köprü Metni Biçimlendirme Dili - World Wide Web'de yayınlanan hiper metin belgeleri yazmak için tasarlanmıştır.

Köprü Metni Belgesi Daha sonra tarayıcı tarafından tanınan ve dosyanın içeriğini bilgisayar ekranında görüntülemek için kullanılan etiket adı verilen özel etiketlere sahip bir metin dosyasıdır. Bu etiketlerle belge başlıklarını vurgulayabilir, harflerin rengini, boyutunu ve stilini değiştirebilir, grafik ve tablo ekleyebilirsiniz. Ancak hiper metnin normal metne göre ana avantajı, belgenin içeriğine ekleme yeteneğidir. köprüler- bir fare tıklamasıyla başka bir belgeyi görüntülemeye geçmenizi sağlayan HTML dilinin özel yapıları.

Köprü metni belgeleri oluşturmanın iki yolu vardır. Oluşturulan belgenin iç yapısı hakkında özel bilgi gerektirmeyen WYSIWYG HTML düzenleyicilerinden birini (örneğin, Microsoft FrontPage veya diğerleri) kullanabilirsiniz. Bu yöntem, HTML dilini bilmeden WWW için belgeler oluşturmanıza olanak tanır. HTML editörleri, hiper metin belgelerinin oluşturulmasını otomatikleştirir, rutin işleri ortadan kaldırır. Ancak yetenekleri sınırlıdır, ortaya çıkan dosyanın boyutunu büyük ölçüde artırırlar ve onların yardımıyla elde edilen sonuç her zaman geliştiricinin beklentilerini karşılamaz. Ancak, elbette, bu yöntem, hiper metin belgelerinin hazırlanmasında yeni başlayanlar için vazgeçilmezdir.

Bir alternatif, normal bir metin düzenleyici (NotePad) kullanarak bir belge oluşturmak ve işaretlemektir. Bu yöntem, HTML komutlarını metne manuel olarak ekler. Belgeleri bu şekilde oluşturarak, tam olarak ne yaptığınızı bilirsiniz.

Belirtildiği gibi, bir HTML belgesi sembolik bilgiler içerir. Bir kısmı metnin kendisidir, yani belgenin içeriğini oluşturan verilerdir. Bir diğeri - etiketler(işaretleme etiketleri), aynı zamanda işaretleme bayrakları, - bir belgeyi işaretlemek ve görüntüsünü kontrol etmek için kullanılan HTML dilinin özel yapıları. Metnin hangi biçimde sunulacağını, hangi bileşenlerinin köprü metni bağlantılarının rolünü oynayacağını, hangi grafik veya multimedya nesnelerinin belgeye dahil edilmesi gerektiğini belirleyen HTML dilinin etiketleridir. HTML belgesinde yer alan grafik ve ses bilgileri ayrı dosyalarda saklanır. HTML belge görüntüleyicileri (tarayıcıları) işaretleme bayraklarını yorumlar ve ekrandaki metin ve grafikleri buna göre düzenler. HTML belgeleri içeren dosyalar için .htm veya .html uzantıları kabul edilir.

Etiketler yazılırken büyük ve küçük harfler ayırt edilmez.Çoğu durumda, etiketler çiftler halinde kullanılır. Bir çift, bir başlangıç ​​etiketi ve bir bitiş etiketinden oluşur. Açılış etiketi sözdizimi:

<имя_тега [атрибуты]>

Sözdizimi açıklamalarında kullanılan parantezler, öğenin eksik olabileceğini gösterir. Kapanış etiketinin adı, açılış etiketinin adından yalnızca önünde bir eğik çizgi olması bakımından farklıdır:

Etiket özellikleri aşağıdaki biçimde yazılır:

isim [= "değer"]

Bir argüman değeri belirtilirken tırnak işaretleri isteğe bağlıdır ve atlanabilir. Bazı nitelikler için bir değer belirtilmeyebilir. Bitiş etiketinin hiçbir özelliği yoktur.

Herhangi bir eşleştirilmiş etiketin eylemi, başlangıç ​​etiketiyle karşılaşıldığında başlar ve karşılık gelen bitiş etiketiyle karşılaşıldığında sona erer. Genellikle, bir çift başlangıç ​​ve bitiş etiketi denir. konteyner, ve metnin açılış ve kapanış etiketleriyle sınırlanan kısmı, eleman.

Metni oluşturan karakter dizisi boşluklar, sekmeler, satır beslemeleri, satır başları, harfler, noktalama işaretleri, sayılar ve özel karakterlerden (örneğin, +, #, $, @) oluşabilir. nın istisnası ile HTML'de özel anlamları olan aşağıdaki dört karakter:< (меньше), >(büyüktür), & (ve işareti) ve "(çift tırnak işareti). Bu karakterlerden herhangi birini metne eklemeniz gerekiyorsa, onu özel bir karakter dizisi ile kodlamanız gerekir.

İnternet Mühendisliği Görev Gücü) HTML standart teklifinin bir taslağını yayınladı

HTML belge yapısı

Bir HTML 4 belgesinin üç bölümü vardır:

  • HTML sürümü hakkında bilgi içeren bir dize,
  • bir başlık / başlık bölümü bildirerek (HEAD öğesiyle sınırlandırılmış),
  • asıl belgenin kendisini içeren bir gövde.

Gövde, BODY veya FRAMESET öğelerinde bulunabilir. boşluk karakterleri(boşluklar, yeni satır karakterleri, sekmeler ve yorumlar) bu bölümden önce veya sonra görünebilir.

Basit sayfa

Selam Dünya!

Belge öğesi ile başlar tip belge veya doktip. Hangi tür HTML'nin kullanılacağını açıklar - böylece kullanıcının istemci uygulaması belgeyi nasıl yorumlayacağını belirleyebilir ve ifadesinde takip etmeyi amaçladığı kurallara uyup uymadığına karar verebilir.

Bundan sonra, html öğesinin açılış etiketini görebilirsiniz. Tüm belgenin etrafındaki bir sarıcıdır. Kapanış html etiketi, herhangi bir HTML belgesindeki son nesnedir.

Html öğesinin içinde bir head öğesi vardır. Belge (meta veri) hakkında bilgi içerir. Başlığın içinde, menü çubuğundaki "Basit sayfa" başlığını tanımlayan bir başlık öğesi bulunur.

head öğesinin ardından, sayfanın gerçek içeriğini içeren bir sarmalayıcı olan bir body öğesi gelir - bu durumda yalnızca "Merhaba dünya!" metnini içeren birinci düzey bir başlık öğesi (h1). ...

Öğeler genellikle diğer öğeleri içerir. Belgenin gövdesi her zaman birçok iç içe öğe içerecektir.

Bir sayfadaki bölümler, bir belgenin genel yapısını oluşturur ve alt bölümler içerebilir. Ayrıca başlıklar, paragraflar, listeler vb. içerebilirler. Paragraflar, diğer öğelere, alıntılara, vurgulara vb. bağlantılar oluşturan öğeler içerebilir.

HTML öğesi sözdizimi

HTML'deki temel bir öğe, bir metin bloğunun etrafındaki iki etiketten oluşur. Metni kaydırmayan öğeler vardır ve hemen hemen her durumda öğeler alt öğeler içerebilir (çünkü html, yukarıdaki örnekte baş ve gövdeyi içerir).

Öğeler de olabilir Öznitellikler bu, öğenin davranışını değiştirebilir ve ek değer sağlayabilir.

Temeller HTML

Bu örnekte, div öğesinin (sayfa bölümü, belgeleri mantıksal bloklara bölmenin bir yolu) ek bir id özniteliği şu şekilde ayarlanmıştır: masthead... Div öğesi, sırayla bir miktar metin içeren bir h1 öğesi (birinci veya en önemli düzeyin başlığı) içerir. Bu metnin bir kısmı bir öğeye paketlenmiştir kısalt(kısaltma uzantısını tanımlamak için kullanılır), başlık özniteliği olarak ayarlanmış Köprü Metni Biçimlendirme Dili.

HTML'deki birçok özellik tüm öğeler için ortaktır, ancak bazıları belirli bir öğeye veya öğelere özgüdür. Hepsinin formu var:

anahtar kelime = "değer"

Değer tek veya çift tırnak içine alınmalıdır (bazı durumlarda alıntılar eksik olabilir, ancak bu öngörülebilirlik, anlama açısından çok iyi değildir).

Nitelikler ve bunların olası değerleri esas olarak HTML spesifikasyonları (http://www.w3.org/TR/html401/index/attributes.html) tarafından belirlenir, bu nedenle kendi niteliklerinizi oluşturamazsınız. Tek gerçek istisna, değerleri tamamen belgelere kendi anlamınızı ve anlambiliminizi eklemeyi amaçlayan id ve sınıf nitelikleridir.

Başka bir öğenin içindeki bir öğeye denir "azalan" bu ürün. Yukarıdaki örnekte kısalt h1'in çocuğudur ve bu da bir div'in çocuğudur. Tersine, div, h1 öğesinin "atasıdır".

Blok seviyesi ve satır içi öğeler

HTML'de, içerik türlerine ve bu öğelerin temsil ettiği yapıya karşılık gelen iki ana öğe kategorisi vardır: blok seviyesi ve satır içi öğeler.

Blok seviyesi genellikle belgenin yapısı hakkında bilgi veren daha yüksek bir öğe düzeyini belirtir. Blok düzeyindeki öğeler, yeni bir satırda başlayan, daha önce gelenlerden kopan öğeler olarak düşünülebilir. Yaygın blok elemanları NS paragraflar, liste öğeleri, başlıklar ve tablolar.

dize öğeleri blok düzeyindeki yapısal öğeler içinde yer alır ve tüm alanları değil, belge metninin yalnızca bölümlerini kapsar. Satır içi öğe, belgede yeni bir satırın görünmesine neden olmaz, çünkü bunlar metnin bir paragrafında görünen öğelerdir. Yaygın dize öğeleri NS köprü metni bağlantıları, vurgulanan kelimeler veya ifadeler ve kısa alıntılar.

Başlık

HTML belgesinin başı, isteğe bağlı bir işaretleme öğesidir. Başlangıçta, başlığın varlığı ihtiyaç tarafından belirlendi. tarayıcı penceresi adlandırma... Bu sayesinde elde edildi işaretleme öğesi BAŞLIK:

bu başlık ... ...

HTML belge başlığının başka bir işlevi, HTTP alışverişini şu şekilde kontrol etmektir: işaretleme öğesi META. Sağlayıcıların sunucularında şirket Web sitelerini barındırmanın mevcut uygulamasıyla, bu sitelerin yöneticileri sunucu programını yönetemeyebilir. Bu durumda, değişimi kontrol etmek için yalnızca bir seçenek kalır - HTML belgesinin başlığı aracılığıyla.

HTML belgesinin başlığı aynı zamanda belgenin arama motoru robotları tarafından indekslenmesi için gerekli olan belgenin arama görüntüsünü tanımlamayı amaçlamaktadır. META öğesi, arama motoru dizinini oluşturmak için kullanılacak anahtar sözcük listelerini ve belge açıklamalarını saklamanıza ve bir anahtar sözcük araması sırasında belgeye bir bağlantı döndürülürse belgenin açıklaması olarak görünmenize olanak tanır.

Temel başlık etiketleri, en yaygın olarak bir HTML belgesinin başlığında bulunan HTML biçimlendirme öğeleridir, yani. içeri işaretleme öğesi KAFA:

  • TITLE (belgenin başlığı);
  • TEMEL (temel URL);
  • ISINDEX (arama düzeni);
  • META (meta bilgi);
  • BAĞLANTI (genel bağlantılar);
  • STİL (stil tanımlayıcıları);
  • SCRIPT (komut dosyaları).

En sık kullanılan öğeler TITLE, SCRIPT, STYLE'dır. META öğesinin kullanılması, yazarın arama motorlarında belgeleri indeksleme kurallarının ve HTTP veri alışverişini kontrol etme yeteneğinin farkında olduğunu gösterir. BASE ve ISINDEX son zamanlarda pratik olarak kullanılmamaktadır. LINK yalnızca bu belgeye harici stil sayfası tanımlayıcıları kullanıldığında belirtilir.

İşaretleme öğesi HEAD, HTML belgesinin başını içerir. NS işaretleme öğesiİsteğe bağlı. Bir başlangıç ​​etiketi varsa işaretleme öğesi bitiş etiketinin de kullanılması arzu edilir işaretleme öğesi... Varsayılan olarak, BODY kapsayıcı başlangıç ​​etiketi veya FRAMESET kapsayıcı başlangıç ​​etiketi ile karşılaşıldığında HEAD öğesi kapatılır.

Başlık kabı, bir bütün olarak belgenin tamamıyla ilgili bilgileri içermek için kullanılır.

İşaretleme öğesi TITLE, World Wide Web'deki bir belgeyi adlandırmak için kullanılır. TITLE kapsayıcısının içeriği için metin seçerken, görüntülendiğini unutmayın. sistem yazı tipiçünkü tarayıcı penceresinin başlığıdır.

TITLE kapsayıcısının genel sözdizimi aşağıdaki gibidir:

belgenin adı

Başlık, belge için kapsayıcı olarak gerekli değildir. İhmal edilebilir. Birçok arama motoru robotu, bir belgenin arama görüntüsünü oluşturmak için TITLE öğesinin içeriğini kullanır. TITLE'dan gelen kelimeler arama motoru dizinine gider. Bu nedenlerle, TITLE öğesinin Site sayfalarında kullanılması her zaman önerilir.

İşaretleme öğesi TABAN, eksik (kısmi) biçimde belirtilen belgenin köprü metni bağlantılarının temel URL'sini belirlemek için kullanılır. Ayrıca BASE, geçerli belgenin köprü metni bağlantısını seçtiğinizde varsayılan belge yükleme hedefi penceresini tanımlamanıza olanak tanır. Çoğu zaman BASE, "ayna" içeren site sayfalarında bulunur. Çeşitli nedenlerle ana sunucudaki bazı belgeler "yansıtma" sunucusuna aktarılmaz. Bu durumda, zorunlu temel URL'ye sahip belge her zaman ana sunucuya bağlanır.

Kapsayıcı başlangıç ​​etiketi, gerekli bir HREF özniteliği içerir ve isteğe bağlı bir TARGET özniteliği içerebilir. Bir BASE kapsayıcısının sözdizimi genellikle aşağıdaki gibidir:

İşaretleme öğesi ISINDEX, bir arama modeli belirtmek için kullanılır ve HTML'nin önceki sürümlerinden devralınır. Bu kapsayıcı HTML 4.0'da tanımlı değil.

META işaretleme öğesi

META, tarayıcının belge gövdesinin içeriğini doğru bir şekilde görüntülemek ve işlemek için kullandığı kontrol bilgilerini içerir; örneğin, İçerik türü özniteliğini kullanarak, belgenin istemci tarafı kod dönüştürmesini belirtebilirsiniz.

Diğer operatörler de META kullanılarak belirtilebilir. Örneğin, belgenin önbelleğe alınmasını devre dışı bırakın. Önbelleğe almayı devre dışı bırakmak için META başlığına şöyle bir etiket eklemeniz yeterlidir:

HTTP protokolünün (HTTP 1.1) yeni sürümünde, önbelleğe alma, Cache-Control operatörü aracılığıyla kontrol edilir. İle aynı sonucu elde etmek için pragma, HTML belgesinin başlığında şunu belirtmek yeterlidir:

Belgenin gönderildikten sonra saklanmasını önleyebilirsiniz.

HyperTextMarkupLanguage (HTML) - Köprü Metni Biçimlendirme Dili - WorldWideWeb'de yayınlanan köprü metni belgeleri yazmak için tasarlanmıştır.

Köprü metni belgesi, daha sonra tarayıcı tarafından tanınan ve dosyanın içeriğini bir bilgisayar ekranında görüntülemek için tarayıcı tarafından kullanılan etiket adı verilen özel etiketlere sahip bir metin dosyasıdır.

Bu etiketlerle belge başlıklarını vurgulayabilir, harflerin rengini, boyutunu ve stilini değiştirebilir, grafik ve tablo ekleyebilirsiniz. Ancak, hiper metnin normal metne göre ana avantajı, belgenin içeriğine köprüler ekleme yeteneğidir - HTML dilinin fare tıklamasıyla başka bir belgenin görüntülenmesine gitmenizi sağlayan özel yapıları.

HTML belge yapısı

HTML etiketlerinden en önemlisi aynı isimli etikettir. ... Her zaman belgeyi açar, tıpkı etiket gibi kesinlikle son satırında olmalıdır. Bu etiketler, aralarındaki satırların tek bir köprü metni belgesini temsil ettiğini gösterir. Bu etiketler olmadan tarayıcı veya diğer görüntüleyici belge biçimini tanımlayamaz ve doğru şekilde yorumlayamaz.

Bir HTML belgesi, aşağıdaki sırayla bir başlık ve bir gövde olmak üzere iki bölümden oluşur:

Belge başlığı

Belge gövdesi

Çoğu zaman, belgenin başlığında eşleştirilmiş bir etiket bulunur. ... belgenin başlığını belirtir. Birçok izleyici bunu belgeyi görüntüledikleri pencerenin başlığı olarak kullanır. İnternette belgeleri indeksleyen programlar, sayfayı tanımlamak için adı kullanır. İyi bir başlık, doğru sayfayı gösterecek kadar uzun olmalı ve aynı zamanda pencerenin başlık çubuğuna sığmalıdır. Belge adı, açılış ve kapanış etiketleri arasına sığar.

Belgenin gövdesi, belgenin tüm materyalini içerdiğinden gerekli bir unsurdur. Belgenin gövdesi etiketler arasına yerleştirilir ve... Bu etiketler arasına yerleştirilen her şey tarayıcı tarafından HTML dilinin kurallarına uygun olarak yorumlanır ve bu da sayfanın monitör ekranında doğru bir şekilde görüntülenmesini sağlar.

HTML'deki metin, bir etiket kullanılarak paragraflara bölünür<р>... Her paragrafın başına yerleştirilir ve izleyici onunla karşılaşır ve paragrafları boş bir satırla birbirinden ayırır. Bitiş etiketi kullanmagerekli değil.

Metni "kesmeniz", kalanını yeni bir satıra aktarmanız ve yeni bir paragrafı vurgulamadan satır sonu etiketini kullanın.
... İzleyicinin onu takip eden karakterleri yeni bir satırda göstermesine neden olur. Paragraf etiketinden farklı olarak,
boş satır eklemez. Bu etiketin eşleşen bir bitiş etiketi yok.

HTML, belge içeriğinin mantıksal ve fiziksel biçimlendirmesini destekler. Mantıksal biçimlendirme, belirli bir metin parçasının amacını belirtirken, fiziksel biçimlendirme onun görünümünü tanımlar.

Mantıksal metin biçimlendirmesini kullanırken tarayıcı, belgenin yapısına göre metnin farklı bölümlerini vurgular. Başlığı görüntülemek için başlık etiketlerinden biri kullanılır. Tipik bir belgedeki başlıklar seviyelere göre sınıflandırılır. HTML, altı başlık düzeyi tanımlamanıza olanak tanır: h1 (birinci düzey başlık), h2, h3, h4, h5 ve h6. Birinci seviye başlık, genellikle ikinci seviye başlıktan daha büyük ve ağırdır. Başlık etiketlerinin kullanımına bir örnek:

ben. Bölüm başlığı

ll. Bölüm başlığı

Fiziksel biçimlendirme etiketleri, tarayıcı ekranındaki metnin görünümünü doğrudan tanımlar; örneğin, bir çift metni kalın yapar, metnin alt çizgisini ayarlar, metnin yazı tipini kontrol eder.

Etiket belgeye tek bir büyük karaktermiş gibi bir görüntü ekler. Etiket kullanımına bir örnek:

Köprü metni bağlantısı oluşturmak için birkaç etiket kullanılır<а>... ... Bu etiketler arasında yer alan bir metin parçası, görüntü veya başka herhangi bir nesne, tarayıcı penceresinde bir köprü metni bağlantısı olarak görüntülenir. Böyle bir nesnenin etkinleştirilmesi, tarayıcı penceresine yeni bir belgenin yüklenmesine veya mevcut Web sayfasının başka bir bölümünün görüntülenmesine neden olur. Şu ifade kullanılarak bir köprü metni bağlantısı oluşturulur:

Buradaki Href, değeri istenen kaynağın URL'si olan gerekli bir niteliktir. Tırnak işaretleri, href özniteliğinin değeri belirtilirken isteğe bağlıdır. Bir bağlantı başka bir sunucudaki bir belgeye ayarlanmışsa, köprünün türü aşağıdaki gibidir:

<а href = "http://www.school.donetsk.ua/11.jpg">Fotoğraf 11-A

Çeşitli etiketleri kullanarak bir belgeye tablolar çizebilir, metni biçimlendirebilir, resimler, video-ses dosyaları ve daha fazlasını ekleyebilirsiniz.

Köprü metni işaretlemesi, metnin ekranın hangi bölümünde ve nasıl görüntülenmesi gerektiğini ve hiper metin veritabanını oluşturan metinlerin birbirleriyle nasıl ilişkili olduğunu belirtmek için kullanılır. Bu amaçlar için metne özel kontrol karakterleri eklenir. Kaçan metin, ASCII kodlarında düz metin dosyasında saklanır ve hemen hemen her metin düzenleyici tarafından işlenebilir.

Köprü metni biçimlendirme dili HTML, 1989'da Tim Berners-Lee tarafından önerildi. HTML'nin oluşturulduğu sırada, basılı belgeler için biçimlendirme dili için bir standart vardı - HTML'nin temeli olarak alınan SGML (Standart Genelleştirilmiş İşaretleme Dili). Böyle bir çözümün, yeni dili yorumlamak için mevcut yazılımı kullanmaya yardımcı olacağı varsayılmıştır.

HTML için köprü metni veritabanının bir öğesi olarak, işletim ortamının dosya sistemi aracılığıyla saklanan bir düz metin dosyası seçildi.

Bu nedenle, WWW konseptindeki bir hiper metin veritabanı, aşağıdakileri tanımlayan HTML dilinde yazılmış bir dizi metin dosyasıdır:

Bilgi sunum şekli (işaretleme);

Dosyalar arasındaki bağlantıların yapısı (köprü metin bağlantıları). Bu yaklaşım, bir bileşenin daha varlığını varsayar.

teknoloji - dil tercümanı. WWW'de yorumlayıcı işlevleri, köprü metni veritabanı sunucusu ve kullanıcı arabirimi arasında bölünmüştür. Sunucu, belgelere erişme ve köprü metni bağlantılarını işlemeye ek olarak, belgelerin ön işleme sürecini de gerçekleştirirken, kullanıcı arabirimi, bilgilerin sunumuyla ilişkili dil yapılarını yorumlar.

1990 yılında. HTML 0'ın sıfır versiyonu vardı.

İlk sürüm (HTML 1.0), dili olduğu gibi temsil etmeyi amaçladı, burada yeteneklerinin açıklaması daha çok tavsiye niteliğindeydi.

Tahminler, herhangi bir ticaret sisteminin belkemiğidir, bu nedenle iyi hazırlanmış tahminler sizi zengin edebilir.

İkinci sürüm (HTML 2.0), dil yapılarını kullanma pratiğini düzeltti ve WWW'yi oluşturmak için standart haline geldi.

HTML ++'ın ++ sürümü, bilimsel bilgi ve tabloları sunmak ve metin ve resimlerin yerleşim stilini geliştirmek için yeni olanaklar getirdi.

Üçüncü sürüm (HTML 3.0), tüm yenilikleri kolaylaştırdı ve hiper metin dağıtılmış sistemin kullanıcı arayüzünü resmileştirdi.

1996 yılında. dilin yeni bir sürümü yayınlandı: tablolar, Java dili yapıları, görüntü haritaları (istemci makinesinde bulunur) ve yeni metin biçimlendirme türleri oluşturmak için araçlar içeren HTML 3.2.

HTML, etiket adı verilen biçimlendirme talimatlarının bir belgenin metnine gömüldüğü metin tabanlı bir dildir.

Bir HTML belgesi oluşturma süreci, bilgi yükü taşıyan biçimlendirilmemiş metin içindeki etiketlerin dahil edilmesinden oluşur.

HTML etiketleri, küçüktür işaretiyle başlayan karakter dizileridir (<) и заканчивающиеся знаком “больше” (>).

HTML'deki biçimlendirme işlevlerinin çoğu, fiziksel stillerden çok mantıksal stiller belirtir. Örneğin, genellikle daha büyük harf boyutlarını belirten başlık etiketleri, hangi boyutun kullanılacağını belirtmez. Tarayıcı (bir istemci programı olarak işlev görür) başlıklar için daha büyük bir metin boyutu seçer. Bu yaklaşım, platformdan kurtulmanızı sağlar - Macintosh'ta oluşturulan bir belge UNIX veya Windows tarafından kullanılabilir. Dezavantajı, belgenin farklı platformlarda farklı görünmesidir.

WWW tarayıcıları, HTML cümlelerini ayrıştırırken aşağıdaki kurallara göre çalışır:

Boşluklar ve diğer "görünmez" karakterler yok sayılır;

Tüm etiketler gruplara ayrılabilir: temel etiketler, biçimlendirme etiketleri, yapı etiketleri, işaretçiler vb.;

Biçimlendirme etiketleri küçük ve/veya büyük harflerle yazılabilir;

Çoğu biçimlendirme etiketi çiftler halinde yazılır. Bir açılış etiketi bu efekti etkinleştirir ve bir kapanış etiketi onu kapatır. Bir çift etikete bazen kapsayıcı denir, çünkü onların açıp kapattıkları efekt içlerindeki metinde görünür. Örneğin, bir dizenin kalın karakterlerle yazdırılması gerektiğini belirtmek için şöyle yazılabilir:< B >Bu satır kalın metinle yazdırılacak

Bitiş etiketi içindeki metin her zaman bir ters eğik çizgi karakterinden önce gelir. Temel HTML etiketleri arasında bu kuralın istisnaları şunlardır:< BASE >(temel bilgiler),< BR >(yolun sonu),< HR >(yatay cetvel) ve< IMG >(resim). Bu etiketler tek bir kopyada bulunur.

Her HTML belgesinin kenarlık etiketleri vardır:< HTML >ve... Bu etiket çifti, Web sayfasının diğer tüm etiketlerini ve belgenin tüm bilgi içeriğini içerir. Aslında, kapsayıcının tüm içeriğinin HTML kodu olduğunu beyan ederler. Etiket< HTML >dosyanın ilk satırında olmalı ve etiketi- sonrakinde, bir diğerinde, sonra gelende.

Her HTML belgesi, belgenin başlığını ve gövdesini içerir.

Belge başlığı belgeyi tanımlar. Etiketten hemen sonra gelmeli< HTML >ve başla< HEAD >... Başlık bir etiketle biter.

Belgenin başlığı, belgenin başlığını ve temel URL'sini içermelidir.

Belgenin adı etiketlerin arasında bulunur.< TITLE >ve... Tarayıcı ve web sunucusu tarafından kullanılır. Ad 40 karakteri geçmemelidir. Belgenin başlığı bilgilendirici olmalı, belgenin içeriğini yansıtmalıdır ki tanınabilsin. Ad, Internet Explorer'ın başlık çubuğunda, Geçmiş listelerinde ve Sık Kullanılanlar'da görünür.

Temel URL tam olarak nitelenmiş (mutlak) olmalı ve protokolü, İnternet adresini ve dosya adını içermelidir. Etikette belirtilmiştir< BASE HREF = “базовый_URL”>... Belgedeki diğer tüm URL'ler, temel URL'ye göre olabilir. Örneğin, temel URL: http://www.microsoft.com/products/office/word/datasheets.html ve özelliklerin URL'sini belirtmeniz gerekir. html aynı sunucu üzerinde bulunan / ürünler / ofis / excel dizininde şunları belirtebilirsiniz: ../ excel / özellikler. tam URL'yi yazmak yerine html.

Semboller. ./ temel adresten bir üst dizine gitmek istediğinizi belirtir.

Temel adrese sahip olmak, bir belgeyi başka bir sunucuya aktarmayı kolaylaştırır, çünkü belgedeki diğer tüm URL'ler göreceliyse, aktarım sırasında yalnızca temel URL'deki sunucu adının değiştirilmesi gerekir.

Belge gövdesi bilgileri taşıyan tüm metni ve metni biçimlendirmek için kullanılan tüm HTML etiketlerini içerir. Belgenin gövdesi, başlıktan hemen sonra başlar ve etiketlerle sınırlandırılır.< BODY >ve.

Örnek HTML belgesi:

< TITLE >Belgenin adı

< BASE HREF = “базовый_URL” >

Belgenin gövdesinde kullanılan etiketler, aşağıdaki metin işaretleme öğelerini belirlemenize olanak tanır:

Paragraf başı ve satır sonu

Başlık stilleri

Fiziksel Stiller - Mantık Stilleri

Özel semboller.

Köprü metni bağlantıları iki bölümden oluşur: bir işaretçi ve bir URL. İşaretçi, kullanıcının bir yere gitmek için tıklaması gereken metindir. URL, kullanıcı işaretçiyi tıkladığında tarayıcının belgeyi indireceği adresi belirtir.

Grafik tarayıcılardaki metin işaretçilerinin altı çizilir ve renkli olarak vurgulanır. Saf metin tarayıcılarında, kalın harflerle yazılmıştır.

Boyutu ve biçimlendirme özelliklerinden bağımsız olarak herhangi bir metin dizin olarak kullanılabilir. Bir dizin birden çok harf, kelime ve hatta metin satırlarından oluşabilir.

İşaretçi biçimi:

< A HREF = “ URL ”>dizin metni ,

etiketteki A harfi nerede< A HREF >çapa anlamına gelir ve HREF, Köprü Metni Referansı anlamına gelir. Etiketler arasındaki her şey< A HREF = “ URL ”>vealtı çizili veya kalın yazı tipinde görüntülenen dizin metnidir.

Diğer biçimlendirme kodları, köprü metni işaretçileriyle birlikte kullanılabilir. Örneğin:

< A HREF = “ URL ”> < I > veya

< I > < A HREF = “ URL ”>Daha ayrıntılı bir sunuma gidin