Artık Web sayfamıza farklı hizalamalara sahip bazı metinler koyabiliriz:

Kişisel sayfalarım burada olacak!

Onlarda şunları bulabilirsiniz: - benim ve hobilerim hakkında bir hikaye; - Benim fotoğraflar.

Sayfalarımdan birinden mümkün olacak
bana bir eposta gönder.

3. Web sayfaları oluşturmaya yönelik araçlar

3.1 HTML editörleri

Herkes Web sayfaları oluşturmak için kendi aracını seçer. Bu, MS FrontPage veya Macromedia DreamWeaver, Allaire HomeSite veya 1st Page olabilir. Bazı kişiler Not Defteri gibi basit bir metin düzenleyici kullanır.

Metin editörleri yalnızca küçük sayfalar oluşturmak için kullanılabilir, çünkü pek çok dezavantajları vardır: projeler desteklenmez, metnin "vurgulanması" yoktur, genel olarak çalışması son derece sakıncalıdır.

MS FrontPage'in ana dezavantajı, çok büyük HTML kodu (çok fazla gereksiz şey) oluşturmasıdır, bu nedenle sayfalar büyük görünür ve bu da yükleme hızını etkiler. Üstelik bu düzenleyicide Web sayfaları oluştururken bir şey görüyorsunuz, ancak tarayıcı penceresinde tamamen farklı bir şey görüyorsunuz. Sayfalar biraz çarpık çıkıyor, bu nedenle yüksek kaliteli Web sayfaları oluşturmak için aşağıda tartışılacak olan paketlerin kullanılması önerilir.

Popüler Macromedia DreamWeaver ile başlayacağız. Macromedia, web siteleri oluşturmaya yönelik yazılım üretiminde lider ve aynı zamanda bu alanda trend belirleyici olarak kabul edilmektedir.

HTML Belge Yapısı

Bir HTML 4 belgesi üç bölümden oluşur:

• HTML sürüm bilgilerini içeren bir dize,
• başlık bölümünün bildirilmesi (HEAD öğesi tarafından sınırlanmıştır),
• belgenin kendisini içeren gövde.

Gövde, BODY veya FRAMESET öğelerinin içinde bulunabilir. Boşluk karakterleri(boşluklar, yeni satırlar, sekme karakterleri ve yorumlar) bu bölümden önce veya sonra görünebilir.

Selam Dünya!

Belge bir öğeyle başlıyor tip belge veya doktip. Kullanıcının istemci uygulamasının belgeyi nasıl yorumlayacağını belirleyebilmesi ve takip ettiğini iddia ettiği kurallara uyup uymadığına karar verebilmesi için ne tür HTML'nin kullanılacağını açıklar.

Bundan sonra html öğesinin açılış etiketini görebilirsiniz. Bu, belgenin tamamını saran bir sarmalayıcıdır. Kapanış html etiketi herhangi bir HTML belgesindeki son nesnedir.

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

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

Elementler genellikle başka elementleri de içerir. Belgenin gövdesi her zaman çok sayıda iç içe geçmiş öğe içerecektir.

Sayfa bölümleri 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öz dizimi

HTML'deki temel bir öğe, bir metin bloğunu çevreleyen iki etiketten oluşur. Metni sarmayan öğeler vardır ve neredeyse her durumda öğeler alt öğeler içerebilir (tıpkı yukarıdaki örnekte html'nin head ve body öğelerini içermesi gibi).

Öğeler de olabilir Öznitellikler Bu, öğenin davranışını değiştirebilir ve ek değer katabilir.

Bu örnekte, div öğesine (sayfanın bölümü, belgelerin mantıksal bloklara ayrılma şekli), şu şekilde ayarlanmış bir id özelliği eklenmiştir: künye. Div öğesi, bir miktar metin içeren bir h1 öğesi (ilk veya en önemli düzey başlığı) içerir. Bu metnin bir kısmı bir öğeye sarılmış kısaltma(kısaltma uzantısını tanımlamak için kullanılır) değeri şu şekilde ayarlanmış bir başlık özelliğine sahiptir: Köprü Metni İşaretleme Dili.

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

anahtar kelime = "değer"

Değer tek veya çift tırnak içine yerleştirilmelidir (bazı durumlarda tırnak işaretleri eksik olabilir ancak bu öngörülebilirlik, anlayış açısından pek iyi değildir).

Nitelikler ve bunların olası değerleri öncelikle HTML spesifikasyonları (http://www.w3.org/TR/html401/index/attributes.html) tarafından tanımlanır, dolayısıyla kendi niteliklerinizi oluşturamazsınız. Tek gerçek istisna, tüm değerleri belgelere kendi anlamınızı ve semantiğinizi eklemeyi amaçlayan id ve class nitelikleridir.

Başka bir elementin içindeki elemente denir "azalan" bu eleman. Yukarıdaki örnekte kısaltma h1'in çocuğudur, o da div'in çocuğudur. Tersine, div, h1 öğesinin "atasıdır".

Blok düzeyindeki öğeler 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 düzeyindeki öğeler ve satır içi öğeler.

Blok seviyesi genellikle belgenin yapısı hakkında bilgi veren daha üst düzey bir öğe anlamına gelir. Blok düzeyindeki öğeler, kendisinden önce gelenlerden koparak yeni bir satırda başlayan öğeler olarak düşünülebilir. Yaygın blok elemanlarıöyle paragraflar, madde işaretleri, 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 elemanlarıöyle hipermetin bağlantıları, vurgulanan kelimeler veya ifadeler ve kısa alıntılar.

Başlık

Bir HTML belgesinin başlığı 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, aracılığıyla başarıldı işaretleme öğesi BAŞLIK:

... ...

HTML belge başlığının başka bir işlevi de HTTP trafiğini kontrol etmektir. işaretleme öğesi META. Şirket Web sitelerinin sağlayıcı sunucularda barındırılmasına ilişkin mevcut uygulama nedeniyle, bu sitelerin yöneticileri sunucu programını yönetemeyebilir. Bu durumda, değişimi kontrol etmek için tek bir seçenek kalır - HTML belgesinin başlığı aracılığıyla.

Bir HTML belgesinin başlığı aynı zamanda belgenin arama motoru robotları tarafından dizine eklenmesi için gerekli olan belgenin arama görselini de tanımlamayı amaçlamaktadır. META öğesi, bir arama motoru dizinini derlemek için kullanılacak anahtar kelime listelerini ve belge açıklamalarını saklamanıza ve bir anahtar kelime aramasında belgeye bir bağlantı döndürüldüğünde belgenin açıklaması olarak görünmenize olanak tanır.

Temel başlık etiketleri, çoğunlukla bir HTML belgesinin başlığında bulunan HTML işaretleme öğeleridir; içeri işaretleme öğesi KAFA:

• BAŞLIK (belge başlığı);
• TABAN (URL tabanı);
• ISINDEX (arama modeli);
• META (meta bilgi);
• BAĞLANTI (genel bağlantılar);
• STYLE (stil tanımlayıcıları);
• SENARYO (komut dosyaları).

En sık kullanılan öğeler TITLE, SCRIPT, STYLE'dır. META öğesinin kullanılması, yazarın arama motorlarında belgeleri dizine ekleme kurallarına ilişkin farkındalığını ve HTTP veri alışverişini yönetme becerisini gösterir. BASE ve ISINDEX son zamanlarda neredeyse hiç kullanılmamaktadır. LINK yalnızca belgenin dışındaki stil sayfası tanımlayıcıları kullanıldığında belirtilir.

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

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

İşaretleme öğesi TITLE, World Wide Web'de 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ğine dikkat edin sistem yazı tipi, çünkü bu, tarayıcı penceresinin başlığıdır.

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

Başlık gerekli bir belge kapsayıcısı değil. İndirilebilir. Birçok arama motorunun robotları, belgenin arama görselini oluşturmak için TITLE öğesinin içeriğini kullanır. TITLE içindeki kelimeler arama motoru dizinine dahil edildi. Bu nedenlerden dolayı Web sitesi sayfalarında her zaman TITLE öğesinin kullanılması tavsiye edilir.

İşaretleme öğesi BASE, eksik (kısmi) biçimde belirtilen belge köprü metni bağlantılarının temel URL'sini belirlemek için kullanılır. Ayrıca BASE, geçerli belge için bir köprü metni bağlantısı seçtiğinizde varsayılan belge yükleme hedef penceresini tanımlamanıza olanak tanır. BASE çoğunlukla "aynaları" olan sitelerin sayfalarında bulunur. Ana sunucudaki bazı belgeler çeşitli nedenlerden dolayı “ayna” sunucuya aktarılmamaktadır. Bu durumda, zorunlu temel URL'ye sahip bir belge her zaman ana sunucuya bağlanacaktır.

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

İşaretleme öğesi ISINDEX bir arama modelini belirtmek için kullanılır ve HTML'nin önceki sürümlerinden miras alınmıştır. HTML 4.0'da bu kapsayıcı tanımlanmamıştır.

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ü özelliğini kullanarak, belgenin istemci tarafında yeniden kodlanmasını belirleyebilirsiniz.

META'yı kullanarak diğer operatörleri de belirtebilirsiniz. Örneğin, belge önbelleğe almayı devre dışı bırakın. Önbelleğe almayı devre dışı bırakmak için META başlığına şunun gibi bir etiket eklemeniz yeterlidir:

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

Bir belgenin iletildikten sonra saklanmasını yasaklayabilirsiniz.

Köprü metni işaretlemesi, metnin ekranın neresinde, nasıl görüntülenmesi gerektiğini ve hiper metin veritabanını oluşturan metinlerin birbiriyle nasıl ilişkili olduğunu belirtmek için kullanılır. Bu amaçlar için metne özel kontrol karakterleri girilir. Kontrol karakterlerini içeren metin, ASCII kodlarında normal bir metin dosyasında saklanır ve hemen hemen her metin düzenleyici tarafından işlenebilir.

Köprü metni biçimlendirme dili HTML, 1989 yılında Tim Berners-Lee tarafından önerildi. HTML oluşturulduğunda, basılı belgeler için bir işaretleme dili standardı 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ın kullanılmasına yardımcı olacağı varsayılmıştır.

HTML için hiper metin veritabanının bir öğesi olarak, işletim bilgisayarı ortamının dosya sistemi kullanılarak saklanan normal bir metin dosyası seçildi.

Dolayısıyla, WWW konseptindeki bir hiper metin veritabanı, HTML'de yazılmış bir dizi metin dosyasıdır ve şunları tanımlar:

Bilgi sunma formu (işaretleme);

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

teknoloji - dil tercümanı. WWW'de yorumlayıcının işlevleri, hiper metin veritabanı sunucusu ve kullanıcı arayüzü arasında bölünmüştür. Sunucu, belgelere erişme ve hiper metin bağlantılarını işlemenin yanı sıra, belgelerin ön işleme işlemlerini de gerçekleştirirken kullanıcı arayüzü, bilgilerin sunumuyla ilişkili dil yapılarını yorumlar.

1990 yılında HTML 0'ın sıfır sürümü ortaya çıktı.

İlk versiyon (HTML 1.0), dili bu şekilde sunmayı amaçlıyordu; burada dilin yeteneklerinin tanımı doğası gereği tavsiye niteliğindeydi.

Tahminler herhangi bir ticaret sisteminin temelidir, bu nedenle harika bir tahmin sizi çılgınca zengin edebilir.

İkinci sürüm (HTML 2.0), dil yapılarını kullanma uygulamasını kaydetti ve WWW'yi oluşturmanın standardı haline geldi.

Sürüm ++ HTML ++, bilimsel bilgi ve tabloların sunulmasına yönelik yeni özellikler sunarak metin ve görsellerin düzen stilini geliştirdi.

Üçü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ımlandı: HTML 3.2; tablo oluşturmaya yönelik araçları, Java dili yapılarını, görüntü haritalarını (istemci makinede bulunur) ve yeni metin biçimlendirme türlerini içerir.

HTML, etiket adı verilen biçimlendirme talimatlarının belge metnine yerleştirildiği metin tabanlı bir dildir.

Bir HTML belgesi oluşturma işlemi, bilgi yükü taşıyan biçimlendirilmemiş metnin içine etiketlerin dahil edilmesinden oluşur.

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

HTML'deki çoğu biçimlendirme özelliği, fiziksel stillerden ziyade mantıksal stilleri belirtir. Örneğin, genellikle daha büyük harf boyutlarını belirten başlık etiketleri hangi boyutun kullanılacağını belirtmez. Tarayıcı (istemci programı gibi davranır), başlıklar için normalden daha büyük bir metin boyutu seçer. Bu yaklaşım platformdan kurtulmanıza olanak tanır; Macintosh'ta oluşturulan bir belge UNIX veya Windows tarafından kullanılabilir. Dezavantajı ise 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 göz ardı edilir;

Tüm etiketler gruplara ayrılabilir: temel etiketler, biçimlendirme etiketleri, yapısal etiketler, 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. Açılış etiketi bu efekti etkinleştirir ve kapanış etiketi onu kapatır. Bir çift etikete bazen kap adı verilir çünkü bunların açılıp kapanma efekti içlerindeki metinde görünür. Örneğin, bir satırın kalın karakterlerle yazdırılması gerektiğini belirtmek için şunu yazarsınız:< B >Bu satır kalın yazı tipiyle yazdırılacaktır

Kapanış etiketi içindeki metnin önünde her zaman ters eğik çizgi karakteri bulunur. 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 kopya halinde bulunur.

Her HTML belgesinde sınır etiketleri bulunur:< HTML >Ve. Bu etiket çifti, Web sayfasındaki diğer tüm etiketleri ve belgenin tüm bilgi içeriğini içerir. Aslında konteynerin tüm içeriğinin HTML kodu olduğunu beyan ederler. Etiket< HTML >dosyanın ilk satırında yer almalı ve etiket- sonuncusunda.

Her HTML belgesi bir belge başlığı ve bir belge gövdesi içerir.

Belge başlığı belgeyi tanımlar. Etiketten hemen sonra gelmelidir< HTML >ve şununla başla:< HEAD >. Başlık etiketiyle bitiyor.

Doküman başlığı, doküman başlığını ve temel URL'sini içermelidir.

Belgenin başlığı etiketlerin arasında bulunur< TITLE >Ve. Tarayıcı ve Web sunucusu tarafından kullanılır. İsmin uzunluğu 40 karakteri geçmemelidir. Dokümanın başlığı bilgilendirici olmalı ve tespit edilebilmesi için dokümanın içeriğini yansıtmalıdır. Ad, Internet Explorer'ın başlık çubuğunda, geçmiş listelerinde (Geçmiş) ve "Sık Kullanılanlar"da görünür.

Temel URL tam (mutlak) olmalı ve protokolü, İnternet bilgisayar 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 belirtilebilir. Örneğin, temel URL şu şekildeyse: http://www.microsoft.com/products/office/word/datasheets.html ve özellikler dosyasının URL'sini belirtmeniz gerekir. Aynı sunucudaki /products/office/excel dizininde bulunan html'yi belirtebilirsiniz: ../excel/features. Tam adresi yazmak yerine html.

Semboller. ./ temel adresten bir dizin düzeyi yukarıya çıkmanız gerektiğini belirtir.

Bir temel URL'ye sahip olmak, bir belgenin başka bir sunucuya aktarılmasını 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 Bilgi 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” >

Belge gövdesinde kullanılan etiketler aşağıdaki metin işaretleme öğelerini belirtmenize olanak tanır:

Paragraf başı ve satır sonu

Başlık stilleri

Fiziksel stiller - mantıksal stiller

Ö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ıklattığında tarayıcının belgeyi indireceği adresi belirtir.

Grafik tarayıcılardaki metin kılavuzları genellikle altı çizili ve renk kodludur. Saf metin tarayıcılarında kalın harflerle görünürler.

Boyutuna ve biçimlendirme özelliklerine bakılmaksızın herhangi bir metin dizin olarak kullanılabilir. Dizin birkaç harften, kelimeden ve hatta metin satırlarından oluşabilir.

Dizin formatı:

< A HREF = “ URL ”>dizin metni ,

etiketteki A harfi nerede< A HREF >çapa anlamına gelir ve HREF, köprü metni REFerence anlamına gelir. Etiketler arasındaki her şey< A HREF = “ URL ”>VeEkranda altı çizili veya kalın yazı tipiyle görünen indeks metnidir.

Köprü metni dizinleriyle birlikte başka biçimlendirme kodları da kullanılabilir. Örneğin:

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

< I > < A HREF = “ URL ”>Daha fazla ayrıntıya git

3. Köprü metni dili HTML

Hipermetinler bir kelimeyle başlamalı ve bir kelimeyle bitmelidir. Açılı parantez içindeki kelimelere HTML'de etiketler, programlamada tanımlayıcılar denir. Hemen hemen tüm HTML etiketleri eşleştirilmiştir - ve, ve vb.

Eşleştirilmiş etiketler belirli bir hiper metin parçasını vurgular - "başlık", "gövde" vb. İlk etiket parçayı başlatır ve ikincisi onu tamamlar. Kapanış tanımlayıcıları adın önüne kesir işareti / ile gelir.

HTML'de yazılan hiper metinlerin genel yapısı:

köprü metni::= başlık gövdesi

başlık::= başlık

başlık::= başlık

gövde::= metin

HTML kurallarına göre hiper metinlerin bir “başlığı” ve bir “gövdesi” olmalıdır. Yayınlar olarak hiper metinler yazarlar ve telif hakkı sahipleri (siteler) hakkında bilgi içerebilir ve içermelidir.

Köprü metninin başlığı, tarayıcılar tarafından bilgisayar ekranının en üst satırında görüntülenen bir “başlık” içermelidir. Başlık yayının (sayfanın) ana fikrini ifade etmelidir. Başlığı olmayan hiper metin, başlığı olmayan bir makale gibidir.

Hiper metnin “gövdesi” metinler, tablolar, fotoğraflar ve resimler içermelidir. Elektronik hiper metinler ile sıradan kağıt metinler arasındaki fark, yeni hiper metinlerin indirilmesine neden olan köprülerin eklenmesidir.

Bir hiper metin örneği ve bunun bir tarayıcı tarafından bilgisayar ekranında görüntülenmesinin sonucu:

Köprü Metni: Sonuç:

Tarayıcının sonucu, web sitesinde saklanan hiper metnin tarayıcı penceresinde belirtilen adreste yüklenmesi ve görüntülenmesidir. Köprü metni çok büyükse, tarayıcı, ekranın sağında veya altında köprü metni sürükleme düğmelerini görüntüler.

Bilgisayar ekranlarının boyutları aşağıdaki aralıklara sahiptir. Minimum ekran boyutu 640 x 480 pikseldir. Diğer standart ekran boyutları 800 x 600, 1024 x 768 ve 1280 x 1024 pikseldir. Bu nedenle hiper metinler farklı ekranlarda farklı görünebilir.

Hiper metinlerin genel yapısı ve bilgisayar ekranında görüntülenmesi:

Köprü Metni: Sonuç:

Metin kısmı, başlıklı ve başlıksız satır ve paragraflardan, listelerden, tablolardan ve menülerden oluşabilir.

gövde metni

metin::= başlık (metin) |

liste(metin) |

tablo(metin) |

Hiper metinlerdeki başlıklar aşağıdaki gibi biçimlendirilir:

başlık::=

İsim

başlık::=

İsim

başlık::=

İsim

burada H2, ..., h6 etiketleri ana metne göre başlıkların boyutunu belirler.

Hiper metinlerdeki paragraflar bir tanımlayıcıyla başlar

köprü metni |

Yeni bir satıra ve paragraflara geçiş bir tanımlayıcıyla gösterilir . Paragrafın sonu p> isteğe bağlıdır ancak paragraf tanımlayıcıdaki parametreler kullanılırken gereklidir.

Paragrafların ana parametresi bilgisayar ekranındaki metinlerin hizalanmasıdır. Metin hizalama, bilgisayar ekranı boyutuna göre tarayıcılar tarafından otomatik olarak gerçekleştirilir:

align=center - ekranı ortalayın:

hizala=sola- sol kenara;

hizalama=sağ - sağ kenara;

align=justify - tam ekran.

Paragrafları hizalamak için tek bir ortak stil seçilmeli ve sitedeki tüm hiper metinlere uygulanmalıdır.

Köprü metinlerinin tasarımı için HTML işaretleme dili zengin bir yazı tipi, stil ve kaynak yelpazesine sahiptir. Tasarımın en basit yolu, web sitesi okuyucularının dikkatini metinlerin ayrı bölümlerine çekmek için kelimeleri vurgulamaktır.

Aşağıdaki etiketleri kullanarak hiper metindeki kelimeleri vurgulamak için kalın veya altı çizili çizgiyi kullanabilirsiniz:

Büyük semboller

kalın yazı tipi

italik i>

altını çizmek

üzerini çizmek

küçük karakterler

Köprü metinlerinde yazı tipi vurgulaması etiketiyle belirtilir :fontlar::=metin yazı tipi>

Yazı tipi parametreleri - boyutları ve türleri. Yazı tipi boyutları size = size parametresiyle belirtilir.

Boyut, +1, +2 artış veya -1, -2 azalma şeklinde 1'den 6'ya kadar açıkça gösterilir.

Yazı tipi türü parametre tarafından belirtilir

yüz = yazı tipi

Burada yazı tipi standart yazı tiplerinden biridir: "Times", "Courier" vb.

Yazı tipi rengi co1og = color parametresi tarafından belirtilir; burada renk, seçilen köprü metni parçasının rengidir. Örneğin, metni kırmızıyla vurgulamak:

metin yazı tipi >

HTML dilinde standart renk adları:

kırmızı - kırmızı, yeşil - yeşil, mavi - mavi, siyah-siyah,

beyaz - beyaz, altın - altın, sarı - sarı vb.

Hipermetin tasarlamak için, profesyonel bir yayınevi tarafından yayınlanan iyi bir kitap veya dergiyi veya birisinin profesyonelce tasarlanmış e-kitapını, gazetesini veya internet sitesini model olarak almak en iyisidir.

Birleşik tasarım stili, kitap, dergi ve web sitelerindeki herhangi bir yayının önemli bir özelliğidir. Gelecekte, sitenin tüm oluşturma ve bakım süresi boyunca kabul edilen standart ve tasarım stiline bağlı kalmak en iyisidir.

Hipermetin parçaları aynı sitede, birden fazla sitede, hatta birden fazla sunucuda bulunabilir. Harici köprüler sitedeki, sunucudaki veya İnternet'teki ilgili dosyaların adlarını gösterir:

Dış köprülerin genel biçimi şöyledir:

burada “adres”, site içindeki veya başka bir İnternet sunucusundaki hiper metnin adresidir.

Harici köprülere örnekler:

a) İnternetteki web sitesi adresi:

http://bak2.nagod.gu

b) İnternet sitesindeki sayfa adresi:

http: // bak2.nagod.gu / inrogl.html.

c) site klasöründeki sayfanın adresi;

http://bak2.nagod.gu/tests/test2.html.

testler 2 a>

Köprüler cihazı kullanılarak tüm çizimlerin, fotoğrafların ve diğer grafik çizimlerin sitelere yerleştirilmesi düzenlenir. Bunu yapmak için, grafik resimler içeren tüm dosyalar siteye önceden kaydedilmiştir.

Grafik dosyaları genellikle web sitelerinde ve resim adı verilen ayrı bir klasöre yerleştirilir. Kullanıcı bilgisayarlarının ekranlarına illüstrasyonların yüklenmesi, operatörler yardımıyla tarayıcılar tarafından gerçekleştirilir. :

Grafik çizimlerini yüklemek için genel operatör biçimi:

Bilgisayar ekranındaki resimlerin konumu hizalama parametreleriyle belirlenir: hizalama=sola - sol kenar boyunca, hizalama=sağ - ekranın sağ kenarı boyunca. Metin daha sonra resimlerin etrafında sağa doğru akar veya kör olur.

Çizimler, şu parametrelerle belirlenen ekranın üst veya alt kenarına basılabilir: hizala =üst - üst kenara, hizala=alt - ekranın alt kenarına veya ekranın ortasına hizala - hizalama = orta.

Resimlerin bilgisayar ekranında konumlandırılması için genişlikleri ve yükseklikleri yükleme ifadesinde belirtilebilir:

yükseklik:= yükseklik= "yükseklik"

genişlik:= genişlik= "uzunluk"

Resimlerin boyutları, ekran piksel sayısı (piksel cinsinden) veya bilgisayar ekranının yüksekliği veya genişliğinin yüzdesi olarak belirtilir. İkinci durumda, resimler farklı ekranlarda farklı boyutlarda olacaktır. Resimlerin minimum ekran boyutlarına göre yerleşimini hesaplayarak, bunların diğer boyutlardaki ekranlara da yerleştirildiğinden emin olabilirsiniz.

Resimlerin boyutları genellikle minimum boyuttaki bilgisayar ekranlarında bile bütünüyle görülebilecek şekilde seçilir. Bilgisayar vinci daha büyükse, resimler onun yalnızca bir kısmını kaplayacaktır.

Köprü metni listeleri, liste öğelerinin numaralandırıldığı veya vurgulandığı listelerdir. Tüm öğeler etiketlerle başlar

HyperTextMarkupLanguage (HTML), WorldWideWeb'de yayınlanan hiper metin belgelerini yazmak için tasarlanmış bir hiper metin biçimlendirme dilidir.

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 işaretlere sahip bir metin dosyasıdır.

Bu işaretleri kullanarak belge başlıklarını vurgulayabilir, harflerin rengini, boyutunu ve stilini değiştirebilir, grafik ve tablolar ekleyebilirsiniz. Ancak hiper metnin normal metne göre ana avantajı, bir belgenin içeriğine köprüler ekleyebilme yeteneğidir - başka bir belgeyi görüntülemek için fareye tıklamanıza olanak tanıyan özel HTML dili yapıları.

HTML Belge Yapısı

En önemli HTML etiketi aynı isimli etikettir. . Tıpkı bir etiket gibi belgeyi her zaman açar mutlaka son satırında yer almalıdır. Bu etiketler, aralarındaki satırların tek bir köprü metni belgesini temsil ettiğini gösterir. Bu etiketler olmadan, bir tarayıcı veya başka bir görüntüleyici belge formatını tanımlayamaz ve onu doğru şekilde yorumlayamaz.

Bir HTML belgesi iki bölümden oluşur: aşağıdaki sıraya göre düzenlenmiş bir başlık ve bir gövde:

Belge başlığı

Belge gövdesi

Çoğu zaman belge başlığına eşleştirilmiş bir etiket eklenir , belgenin başlığını tanımlar. Birçok görüntüleme programı bunu belgenin görüntülendiği pencerenin başlığı olarak kullanır. İnternetteki belgeleri indeksleyen programlar, sayfayı tanımlamak için başlığı kullanır. İyi bir başlık, ilgili sayfayı doğru bir şekilde tanımlayacak kadar uzun olmalı ve aynı zamanda pencere başlığına sığabilmelidir. Belgenin başlığı açılış ve kapanış etiketlerinin arasına sığar.

Belgenin gövdesi, tüm belge materyalini içerdiğinden zorunlu bir unsurdur. Belgenin gövdesi etiketlerin arasına yerleştirilir Ve

. Bu etiketlerin arasına yerleştirilen her şey tarayıcı tarafından HTML dilinin kurallarına uygun olarak yorumlanarak sayfanın monitör ekranında doğru şekilde görüntülenmesi sağlanır.

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

Yeni bir paragraf seçmeden metni "bölmek" ve geri kalanını yeni bir satıra taşımak istiyorsanız satır sonu etiketini kullanın.
. İzleyiciyi kendisini takip eden karakterleri yeni bir satırda göstermeye zorlar. Paragraf etiketinin aksine,
boş bir satır eklemez. Bu etiketin eşleştirilmiş bir kapanış etiketi yoktur.

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

Mantıksal metin biçimlendirmesini kullandığınızda 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 düzeylere bölünmüştür. HTML, altı başlık düzeyi ayarlamanıza olanak tanır: h1 (birinci düzey başlık), h2, h3, h4, h5 ve h6. Birinci düzey başlık genellikle ikinci düzey başlıktan boyut olarak daha büyük ve daha zengindir. Başlık etiketlerini kullanma örneği:

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

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

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

Etiket bir resmi sanki tek bir büyük karaktermiş gibi belgeye ekler. Etiket kullanma örneği:

Köprü metni bağlantısı oluşturmak için bir çift etiket kullanılır<а>... . Bu etiketler arasında yer alan bir metin parçası, bir resim veya başka 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. Aşağıdaki ifade kullanılarak bir köprü metni bağlantısı oluşturulur:

Href burada gerekli bir özelliktir ve değeri istenen kaynağın URL'sidir. href niteliğinin değerini belirten alıntılar isteğe bağlıdır. Başka bir sunucudaki bir belgeye bağlantı belirtilirse 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 ve ses dosyaları vb. ekleyebilirsiniz.