1989'da, hiper metin, bir yandan nispeten çok sayıda uygulamaya sahip olan yeni bir gelecek vaat eden teknolojiyi temsil ederken, diğer yandan, doğası gereği daha açıklayıcı olan ve ilham kaynağı olan hiper metin sistemlerinin resmi modellerini oluşturmaya yönelik girişimlerde bulunuldu. Verileri tanımlamaya yönelik ilişkisel yaklaşımın başarısı.
HTML, belgeleri kodlamak için kullanılan bir köprü metni biçimlendirme dilidir. HTML dili, tarayıcının belgenin içeriğini gösterdiği, HTML komutlarının görüntülenmediği bir dizi komuttur. HTML, bir belgeyi diğerine bağlayan bir köprü metni bağlantı mekanizması uygular. Bu belgeler, bağlandıkları sayfayla aynı sunucuda yer alabilir veya farklı bir sunucuda barındırılabilir.
HTML fikri, özel bir ekran kontrol aracı yardımıyla bir köprü metni sistemi oluşturma sorununa son derece başarılı bir çözüm örneğidir.
Bağlamsal köprü metni bağlantıları, köprü metni düzenlemenin en etkili biçimi olarak kabul edildi ve ayrıca, bir bütün olarak belgenin tamamı ve ayrı bölümleriyle ilişkili bağlantılara bölünme tanındı.
Tüm HTML belgeleri, sabit bir dizi yapı etiketi tarafından tanımlanan aynı yapıyı paylaşır. Bir HTML belgesi her zaman bir etiketle başlamalıdır< HTML >ve uygun bitiş etiketiyle bitirin ( HTML>). Belge içinde iki ana bölüm vardır: bu sırayla başlıklar bölümü ve belgenin gövdesi. Başlık bölümü, belgeyi bir bütün olarak tanımlayan bilgileri içerir ve etiketlerle sınırlıdır.<НЕАD>VeНЕАD>. Özellikle başlık bölümü, çift etiketi ile sınırlandırılmış belgenin genel başlığını içermelidir.<ТITLE>.
ТITLE>). Ancak, bir HTML belgesi oluştururken yapısal etiketlerin çıkarılması önerilmez. Yapıyı tanımlayan tüm etiketleri içeren en basit uygun HTML belgesi şöyle görünebilir:
< TITLE >Belge başlığı< /TITLE >Belge metni
HTML öğeleri.
Eşleştirilmiş etiketler için kapsam, belgenin açılış ve kapanış etiketleri arasındaki bölümü tarafından belirlenir. Belgenin bu bölümü, HTML dilinin bir öğesi olarak kabul edilir. Yani, etiketi içeren "BODY öğesi" hakkında konuşabiliriz., belgenin gövdesi ve bitiş etiketi BODY >. Tüm HTML belgesi. bir "HTML öğesi" olarak düşünülebilir. Eşlenmemiş etiketler için öğe, onu tanımlayan etiketle eşleşir.
HTML dilinin çoğu öğesi. belgenin içeriğinin bölümlerini tanımlar ve etiketler arasına yerleştirilir
. Ve, yani BODY yapısal elemanının içinde. Bu tür öğeler blok ve metne ayrılır. Blok öğeleri, paragraf düzeyindeki metnin bölümlerine atıfta bulunur. Metin öğeleri, tek tek tümcelerin özelliklerini ve metnin daha küçük kısımlarını tanımlar.Şimdi öğelerin iç içe geçmesi için kuralları formüle edebiliriz.
Elemanlar örtüşmemelidir. Başka bir deyişle, açılış etiketi bir öğenin içindeyse, karşılık gelen bitiş etiketi aynı öğenin içinde olmalıdır.
Blok öğeleri, iç içe blok ve metin öğeleri içerebilir.
Metin öğeleri, iç içe metin öğeleri içerebilir.
Metin öğeleri iç içe blok öğeleri içeremez.
Fonksiyonel blok elemanları.
Çoğu belgede başlıklar ve paragraflar ana işlevsel öğelerdir. HTML dili. altı başlık düzeyini destekler. Eşleştirilmiş etiketler kullanılarak ayarlanırlar.<Н1>önce<Н6>. Görüntülendiğinde, Web belgeleri şu şekilde oluşturulur; etiketi (bilgisayar ekranındaki belge, bu öğeler farklı boyutlarda yazı tipleri kullanılarak gösterilir.
Normal paragraflar bir çift etiketi kullanılarak ayarlanır<Р>. HTML dili. paragraf girintisi ("kırmızı çizgi") oluşturmak için araçlar içermez, bu nedenle bir bilgisayar ekranında görüntülendiğinde paragraflar boş bir satırla ayrılır. kapanış etiketiР>isteğe bağlı olarak kabul edilir. Belgenin bir sonraki paragrafının başlangıcını belirleyen etiketin önünde durduğu anlaşılmaktadır. Örneğin:
başlık
<Р>İlk paragraf<Р>İkinci paragraf
İkinci seviye başlıkН2>
Bir paragrafı tanımlayan özel bir etikete sahip olmanın bir sonucu, ENTER tuşuna basılarak girilen olağan satır sonu karakterinin bir paragraf girintisi oluşturmak için yeterli olmamasıdır. HTML dili. satır sonu karakterlerini ve boşlukları özel bir şekilde ele alır. Herhangi bir sıra; yalnızca boşluklardan ve satır sonu karakterlerinden oluşan, belge görüntülendiğinde tek bir boşluk olarak kabul edilir. Bu, özellikle, satır sonu karakterinin bir satırsonu bile gerçekleştirmediği anlamına gelir (bu amaçla, eşleştirilmemiş etiket tarafından belirtilen bir metin öğesi kullanılır.
.
Paragraf sınırlayıcı olarak yatay cetvel de kullanılabilir. Bu öğe, eşleştirilmemiş bir etiketle belirtilir
. Ekranda bir belge görüntülendiğinde, bir cetvel metnin bölümlerini birbirinden ayırır. Uzunluğu ve kalınlığı, etiket öznitelikleri tarafından belirlenir.
.
Bu etiket, pencerenin genişliğinin yarısını kaplayan ve sağa yerleştirilmiş 10 piksel genişliğinde yatay bir cetvel oluşturur.
Web sitesi geliştirme, modern İnternet endüstrisinin yaygın olarak kullanılabilen olanaklarından biridir. Prensipte sitelerin fiili olarak oluşturulması, kişisel elektronik posta kutuları ve elektronik kartvizitlerin oluşturulmasından çok daha karmaşık değildir.
Bir site oluşturmak için öncelikle, gerekli köprü metinlerini yerleştirebileceğiniz İnternet'e bağlı bir sunucuya ihtiyacınız vardır. Ek olarak, seçilen sunucuya hizmet veren sağlayıcıya saiga adının kaydedilmesi gerekir.
İnternette, sunucularında ücretsiz açılış siteleri sunan sağlayıcılar bulabilirsiniz. Ücretsiz siteler narod.ru, boom.ru, hotmail.ru yerel sunucularında ve geocities.com, tripod.com gibi yabancı sunucularda açılabilir.
Belirtilen sunucularda, formun alan adlarını kaydedebilirsiniz:
<имя>. insanlar.ru
isim>.boom.ru,
Kayıtlı alan adlarına örnekler:
wdu.da.ru - elektronik üniversitenin web sitesi;
wduniv.newmail.ru - dağıtılmış bir üniversitenin sitesi.
Sitenin alan adını kaydettikten sonra, üzerine hiper metinler yerleştirilebilir. Siteye hiper metinlerin yerleştirilmesi, çeşitli hiper metinler oluşturmanıza, düzenlemenize, biriktirmenize ve kopyalamanıza izin veren özel programlar yardımıyla gerçekleştirilir. İlk (ana) köprü metni sayfasının yerleştirilmesinden hemen sonra, bilgileri İnternet'e bağlı herhangi bir bilgisayardan herhangi bir ülkede bir tarayıcı kullanılarak okunabilir. Bunu yapmak için, İnternet'teki sitenin adresi tarayıcı penceresinde belirtilir. Örneğin: http://bak.boom.ru
Barındırılan tüm dosyalar, HTML biçiminde yazılmış ve form tanımlayıcılarına sahip köprü metni olmalıdır.<имя>.html
HTML, Köprü Metni İşaretleme Dilidir.
Köprü metni, yapısı gereği, bu sunucuda veya diğer sunucularda barındırılan diğer köprü metinlerine bağlantıları olan bir metindir. Böyle bir bağlantıya tıkladığınızda, tarayıcı, hangi sunucuda ve hangi ülkede bulunduğuna bakılmaksızın bilgisayar ekranına otomatik olarak bir köprü metni sayfası yükler.
İnternetteki bu araç ve programların yardımıyla, kişisel siteler, şirket siteleri, elektronik gazeteler, dergiler, elektronik kitaplar, ansiklopediler, elektronik arşivler ve kütüphaneler gibi çok çeşitli bilgi siteleri ve sistemleri oluşturulabilir.
Siteler arasındaki fark, bilgi miktarında, yapılarında ve güncelleme prosedürlerinde yatmaktadır. Genel olarak, İnternet'teki siteler ve herhangi bir kuruluş için, yaratılma, gelişme, modernizasyon ve tasfiye yaşam döngüleri hakkında konuşabiliriz.
Bilgi miktarı site sahipleri tarafından belirlenir - siteler oluşturan ve bilgilerini bu sitelere yerleştiren kişi veya kuruluşlar. Sitelerdeki bilgi hacmi, birkaç kilobayttan birkaç gigabayta (milyonlarca kilobayt) kadar değişebilir.
Sitelerin yapısı çok çeşitli olabilir. En basit yapı, bir dizi metne bağlantı içeren ana sayfadır. Bu bağlantılar ana sayfanın metninde yer alabilir veya sayfanın başındaki içindekiler bölümünde öne çıkabilir.
Sitenin her sayfasına, site tarayıcı tarafından yüklendiğinde ekranın üst satırında görünen bir başlık sağlanabilir.
Ayrıca sitenin ana sayfasında arama motorları için bir anahtar kelime listesi belirleyebilirsiniz.
Arama motorları her hafta İnternet'teki tüm sunucuları tarar ve buldukları tüm sitelerin ve hiper metinlerin adreslerini, vurgulanan anahtar kelimelerle birlikte kaydeder. Bu nedenlerle, en geç bir hafta sonra, İnternet'te yayınlanan herhangi bir bilgi, içinde yer alan anahtar kelimeler kullanılarak bulunabilir.
Web dillerinin temelleri ve bu alandaki gelişmeler hakkında yazı dizisine devam ediyoruz. Daha önce HTML hiper metin dilinin temellerini, özelliklerini ve metin işaretleme (etiketler) yöntemlerini ele aldık.
Ayrıca HTML dilinin CSS ve Javascript stilleri gibi yazılım geliştirmeleri ile yakından etkileşime girdiğini ve bu tür dil işbirliğinin neden gerekli olduğunu öğrendik. Bugün HTML5'te belge oluşturma yapısını ayrıntılı olarak ele alacağız. Belgenin blok yapısı, yapısı bugünün makalesinin konusudur. Ancak önce HTML5'in ne olduğunu anlamanız gerekir.
HTML5 programlama dili (İngilizce HyperText Markup Language'den), dilin beşinci versiyonudur. Önceki tüm sürümler gibi, belgelerin yapısını oluşturmak ve bunları web'de sunmak için tasarlanmıştır. HTML5 sürümü şu anda geliştirme aşamasındadır. HTML'nin beşinci versiyonunun yaratılmasıyla izlenen amaç, multimedya belgeleriyle (ses ve video uygulamaları) çalışma alanındaki dili geliştirmektir.
gibi bazı sözdizimsel yenilikler eklemek
DOKTİP nedir?
Herhangi bir HTML belgesi her zaman bu kelimeyle başlar. HTML'nin önceki tüm sürümleri bu bildirimi yaklaşık olarak şu şekilde yayınlamıştır:
PUBLIC belgenin okunabilirliğini, DTD ise yayınlanan belgelerin türünü (Document Type Definition) belirtir. HTML5'teki DOCTYPE tanımı çok basitleştirilmiştir -< !DOCTYPE HTML>. Hepsi bu - işaretleme hazır.
Peki DOCTYPE beyanı ne işe yarar? Bu etiket, tarayıcılara hangi dil standardını kullanacaklarını söylemeyi amaçlamaktadır - sayfanın bir bütün olarak görselleştirilmesi, oluşturulması, HTML sürümünün tanımına bağlı olacaktır. HTML geliştirme standartları sıkı bir şekilde düzenlenir ve belirli kurallara uyar, bu nedenle diğer kişilerin kodlarıyla çalışmak, bunları okumak ve standartların kullanımı yoluyla tarayıcıda görüntülemek gözle görülür şekilde basitleştirilmiştir.
Başlangıçta, DOCTYPE bildirimi tarayıcıyı standartlar moduna geçirdi ve bu, daha yeni standartların kullanılmasına izin verdi. Eski standart kullanılarak yazılan belgeler için, tarayıcının normal çalışmasına izin veren uyumluluk modunu kullanmak mümkündür. Yeni DOCTYPE bildirimi artık hemen hemen tüm mevcut tarayıcılar tarafından desteklenirken aynı anda standartlar moduna geçiyor. Yani yeni oluşturulan her belgenin DOCTYPE özniteliğini içermesi ve geliştirilen standartlara uyması gerekir. Bu durumda, belgenin tüm kodunun standartlara uygunluğu kontrol edilir.
HTML ile yazılmış tüm sayfayı birkaç alt bölüme ayırmak şartlı olarak mümkündür. Tüm sayfanın ana kodunun kökü etikettir. . Yani, etiketler arasında Ve hemen hemen her şeyi yerleştirebilirsiniz. Şematik olarak, HTML sayfası şu şekilde sunulur:
Örneğin:
< !DOCTYPE HTML>< !-Любой текст, изображения, таблицы и т.д. -->
Bizim durumumuzda, etiket belgenin dilini tanımlayan bir nitelik içerir - Rusça. Belgeyle çalışmayı kolaylaştırmak için belgenin dilini belirtmek gerekir. Tüm sayfa içeriği etiketler arasında bulunur …. DOCTYPE beyanı hariç.
Etiket
sözde belgenin başı. Sayfayla ilgili tüm gerekli veriler (hem tarayıcı için hem de geliştirici için bilgilendirici veriler) arasında bulunur. Ve. Sayfanın başlığı, kodu - örneğin, UTF-8, anahtar kelimeler, sayfa açıklaması, yazar adı vb. gibi meta veriler. - bu tür tüm veriler tam olarak etiketler arasında bulunur Ve. Burada ayrıca harici dosyaları, komut dosyalarını ve kitaplıkları da bağlayabilirsiniz.Meta etiketler nelerdir?
Yukarıda belirtildiği gibi, sayfayla ilgili tüm bilgileri içerirler. Ana meta etiketler aşağıda açıklanmıştır:
1. Sayfa kodlama türü - Karakter seti. Çoğu durumda, UTF8 kullanılır, ancak örneğin, windows-1251, KOI-8, ISO, vb. gibi diğer kodlamalar kullanılabilir. Karakter kümesi gibi bir öznitelik, sayfayı okumak için hangi kodlamanın kullanılacağını belirler. HTML5'te bu özellik şöyle görünür:
Gördüğünüz gibi, dilin yeni sürümü sayfa yönetimini büyük ölçüde basitleştiriyor, okumayı daha kolay ve daha hızlı hale getiriyor.
Açıklama meta etiketi, yani sayfa içeriğinin bir özeti. Örneğin:
Bu etiketin kullanımı isteğe bağlıdır, ancak sayfanın içeriğinin kopyalanmasını önlemek için istenir.
Sayfanın başlığını veya sayfadaki gönderiyi belirten meta etiketi - başlık. Etiket şöyle görünür:
Başlık, açılan pencerenin başlığında veya sayfanın üst kısmında görüntülenir.
Bağlantı ve komut dosyası meta etiketleri, stil sayfalarını, harici dosyaları ve kitaplıkları yürütmeye bağlamak için kullanılır. Örneğin, jQuery kitaplığının yanı sıra CSS ve JavaScript stil sayfaları. Bu dosyaların bağlantı dizeleri şöyle görünür:
1 |
Yani, bu satırların özünü anlamak için aşağıdaki durumu hayal edebilirsiniz - CSS ve JavaScript dosyaları sunucudadır, ancak belgede bu satırlar olmadan çalışmazlar. Bu etiketleri kullanmak için küçük bir nüans, dosyaların yerel bir sunucuda veya uzak bir sunucuda olabilmesidir. İkinci durumda, meta etiketlerde dosyaların tam yolunu belirtmelisiniz. Örneğimizde, link meta etiketi bir CSS dosyasını bağlamak için kullanılır ve bir link ilişkisi kullanır. Bu imza, tarayıcının verilen dosyanın bir stil sayfası olduğunu bilmesini sağlar. rel etiketinin başka birçok anlamı da vardır.
Bir stil dosyası eklemek için ilk seçeneğe bir alternatif, aşağıdaki satır olabilir:
1 2 3 4 |
Bu yöntem, stil dosyasını eklemeden stili doğrudan sayfaya bağlar.
Bir HTML belgesindeki en önemli etiket,
. Kapanış sonu da var. Bu etikette yer alan tüm veriler sayfanın içeriğini belirler - içeriği, sayfadaki resimler, metinde yer alan tüm bağlantı kütlesi vb. Böylece etiketten önce yer alan tüm bilgiler , bir tür değişmez şablona sarılabilir. vücudun içindekiler
düzenlenebilir, değiştirilebilir, geliştirilebilir.
Beşinci versiyonun HTML belgesinin tüm bileşenlerini düşündükten sonra, tüm parçaları tek bir bütün halinde toplamaya çalışabilirsiniz; bu, eksiksiz bir HTML belgesi, yani belirli bir sitenin sayfası olacaktır. Bitmiş sayfa şu şekilde görünecektir:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | < !DOCTYPE HTML>
|
< !DOCTYPE HTML>
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. Kontrol karakterli metin, ASCII kodlarında düz metin dosyasında saklanır ve hemen hemen her metin düzenleyici tarafından işlenebilir.
HTML köprü metni biçimlendirme dili, 1989'da Tim Berners-Lee tarafından önerildi. HTML oluşturulduğunda, basılı belgeler için bir biçimlendirme 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ı kullanmaya yardımcı olacağı varsayılmıştır.
HTML için köprü metni veritabanının bir öğesi olarak, bilgisayarın 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ı, HTML ile yazılmış ve aşağıdakileri tanımlayan 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, başka bir bileşenin varlığını varsayar.
teknoloji - dil tercümanı. WWW'de yorumlayıcının 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şlemcili işlemlerini gerçekleştirirken, kullanıcı arabirimi, bilgilerin sunumuyla ilgili 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, yeteneklerinin açıklamasının daha çok bir öneri olduğu yerde sunmayı amaçlıyordu.
Tahminler, herhangi bir ticaret sisteminin bel kemiğidir, bu nedenle iyi hazırlanmış tahminler sizi çılgınca 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.
Sürüm ++ HTML ++, bilimsel bilgi ve tabloların sunumu için yeni özellikler, metin ve resimlerin yerleşim tarzında iyileştirmeler getirdi.
Üçüncü sürüm (HTML 3.0), tüm yenilikleri kolaylaştırdı ve hiper metin dağıtılmış bir 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 taşıyan biçimlendirilmemiş metnin içine etiketleri eklemektir.
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 bir harf boyutunu 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 normalden daha büyük bir metin boyutu seçer. Bu yaklaşım, platformdan kurtulmanıza izin verir - Macintosh'ta oluşturulan bir belge UNIX veya Windows'ta 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. Açılış etiketi bu efekti açar ve kapanış etiketi kapatır. Bir çift etikete bazen kapsayıcı denir, çünkü onların açıp kapattıkları etki içlerindeki metin üzerindedir. Ö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 metinle yazdırılacaktır. B >
Kapanış etiketinin 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 örnekte bulunur.
Her HTML belgesinin bağlı etiketleri vardır:< HTML >Ve HTML >. Bu etiket çifti, Web sayfasındaki diğer tüm etiketleri ve belgenin tüm içeriğini kapsar. 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 HTML >- sonuncusunda.
Her HTML belgesi, bir belge başlığı ve bir gövde içerir.
Belge başlığı belgeyi tanımlar. Etiketten hemen sonra gelmeli< HTML >ve başla< HEAD >. Başlık bir etiketle biter HEAD >.
Belgenin başlığı, belgenin başlığını ve temel URL'sini içermelidir.
Belgenin başlığı etiketlerin arasına yerleştirilir< TITLE >Ve TITLE >. Tarayıcı ve Web sunucusu tarafından kullanılır. Başlık uzunluğu 40 karakteri geçmemelidir. Belgenin başlığı bilgilendirici olmalı, tanımlanabilmesi için belgenin içeriğini yansıtmalıdır. Ad, Internet Explorer'ın başlık çubuğunda, geçmiş (Geçmiş) ve "Sık Kullanılanlar" (Sık Kullanılanlar) listelerinde bulunur.
Temel URL eksiksiz (mutlak) olmalı ve protokolü, bilgisayarın İ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 özellikler dosyasının URL'sini belirtmeniz gerekir. html aynı sunucuda /products/office/excel dizininde bulunursa, şunları belirtebilirsiniz: ../excel/features . tam adresi yazmak yerine html .
Semboller. ./ temel adresten bir dizin düzeyi yukarı çıkmayı belirtir.
Bir 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, taşıma sırasında yalnızca temel URL'deki sunucu adının değiştirilmesi gerekir.
Belge Gövdesi tüm metin taşıyan bilgileri 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ırlıdır< BODY >Ve BODY >.
Bir HTML belgesi örneği:
< TITLE >Belgenin adı TITLE >
< BASE HREF = “базовый_URL” >
Belge 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 olarak görünürler.
Boyutu veya biçimlendirmesinden bağımsız olarak herhangi bir metin işaretçi olarak kullanılabilir. Bir dizin birkaç harf, kelime ve hatta metin satırlarından oluşabilir.
İşaretçi biçimi:
< A HREF = “ URL ”>dizin metni A > ,
etiketteki A harfi nerede< A HREF >işaretçi (bağlantı noktası) ve HREF - köprü metni bağlantısı (Köprü Metni Referansı) anlamına gelir. Etiketler arasındaki her şey< A HREF = “ URL ”>Ve A >altı çizili veya kalın yazı tipinde görüntülenen işaretçi metnidir.
Diğer biçimlendirme kodları, köprü metni dizinleriyle birlikte kullanılabilir. Örneğin:
< A HREF = “ URL ”> < I > I > A >veya
< I > < A HREF = “ URL ”>Daha fazla ayrıntıya git A > I >
Hiper Metin İşaretleme Dili (HTML) - hiper metin işaretleme 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 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 düz metne göre ana avantajı, bir belgenin içeriğine köprüler ekleme yeteneğidir - görüntülemek için başka bir belgeye tıklamanıza izin veren özel HTML dili yapıları.
HTML Belgesi iki bölümden oluşur: asıl metin, yani belgenin içeriğini oluşturan veriler ve etiketler - belgeyi işaretlemek ve görüntüsünü kontrol etmek için kullanılan HTML dilinin özel yapıları. HTML dil etiketleri, metnin sunulacağı formu, 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 belirler.
Bir HTML belgesine dahil edilen 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 uygun şekilde düzenler. HTML belgeleri içeren dosyalar için kabul edilen uzantılar şunlardır: .htm veya .html.
Çoğu durumda, etiketler çiftler halinde kullanılır. Çift bir açılıştan oluşur<имя_тега>ve kapanışимя_тега>etiketler. Herhangi bir eşleştirilmiş etiketin eylemi, açılış etiketinin buluştuğu yerde başlar ve karşılık gelen kapanış etiketiyle karşılaşıldığında sona erer. Genellikle bir çift başlangıç ve bitiş etiketi denir. konteyner, ve metnin açılış ve kapanış etiketiyle sınırlanan kısmı, - eleman.
Metni oluşturan karakter dizisi, aşağıdaki dört karakter dışında, boşluklar, sekmeler, yeni satırlar, satır başları, harfler, noktalama işaretleri, sayılar ve özel karakterlerden (örneğin, #, +, $, @) oluşabilir. HTML'de vardır, özel anlamı: (büyüktür), & (ve işareti) ve " (çift tırnak işareti) şeklindedir. Bu karakterlerden herhangi birini metne dahil etmeniz gerekiyorsa, onu özel bir karakter dizisiyle kodlamanız gerekir.
HTML belge yapısı
HTML etiketlerinden en önemlisi aynı isimli etikettir. . Her zaman belgeyi açar, tıpkı bir etiket gibi son satırda 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 belgenin biçimini belirleyemez ve doğru şekilde yorumlayamaz.
Bir HTML belgesi, aşağıdaki sırayla düzenlenmiş bir başlık (baş) ve bir gövde (gövde) olmak üzere iki bölümden oluşur:
Belge başlığı Belge Gövdesi
Çoğu zaman, bir belgenin başlığında bir çift etiketi bulunur.
Belge Gövdesi belgenin tüm materyalini içerdiğinden zorunlu bir unsurdur. Belgenin gövdesi etiketlerin arasına yerleştirilir
Ve. Bu etiketler arasına yerleştirilen her şey, tarayıcı tarafından sayfanın monitör ekranında doğru şekilde görüntülenmesini sağlayan HTML dilinin kurallarına göre yorumlanır.
HTML'deki metin, bir etiket kullanılarak paragraflara bölünür<р>. Her paragrafın başına yerleştirilir ve tarayıcı karşılaştığında paragrafları boş bir satırla birbirinden ayırır. Bir kapanış etiketi kullanmaр>gerekli değil.
Metni "kırmak", kalanını yeni bir paragrafa vurgulamadan yeni bir satıra aktarmak istiyorsanız, satır sonu etiketini kullanın.
. İzleyicinin kendisinden sonraki karakterleri yeni bir satırda göstermesine neden olur. Paragraf etiketinden farklı olarak, etiket
boş bir dize eklemez. Bu etiketin eşleşen bir bitiş etiketi yok.
HTML dili destekler belge içeriğinin mantıksal ve fiziksel biçimlendirmesi. Mantıksal biçimlendirme, belirli bir metin parçasının amacını belirtirken, fiziksel biçimlendirme onun görünümünü belirtir.
kullanma mantıksal biçimlendirme metin tarayıcısı, 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 ayrılır. HTML dili, altı başlık düzeyi belirlemenize 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 daha büyük ve daha zengindir. Başlık etiketlerinin kullanımına bir örnek:
ll. Bölüm adı
etiketler fiziksel biçimlendirme metnin görünümünü tarayıcı ekranında doğrudan ayarlayın, örneğin, çift metni kalın yapar, metnin altını çizer, metin yazı tipini kontrol eder.
Etiket görüntüyü tek bir büyük karaktermiş gibi belgeye ekler. Etiket uygulaması örneği:
oluşturmak için hiper metin bağlantısı kullanılan etiket çifti<а>... а>. Bu etiketler arasında bulunan bir metin parçası, bir resim 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 geçerli 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. href öznitelik değerindeki tırnak işaretleri isteğe bağlıdır. Başka bir sunucudaki bir belgeye bağlantı belirtilirse, köprü şöyle görünür:
<а href = "http://www.school.donetsk.ua/11.jpg">Fotoğraf 11-Aа>
Çeşitli etiketleri kullanarak bir belgeye tablolar çizebilir, metni biçimlendirebilir, resimler, videolar, ses dosyaları ve daha fazlasını ekleyebilirsiniz.
Köprü Metni Biçimlendirme Dili (HTML), özellikle Web belgeleri oluşturmak için tasarlanmış bir dildir. Ekranda görüntülenmeyen, ancak tarayıcıya belgenin içeriğini nasıl görüntüleyeceğini söyleyen özel talimatların (etiketlerin) sözdizimini ve yerleşimini tanımlar. Ayrıca, İnternet'te bulunanlar gibi yerel veya ağdaki diğer belgelere bağlantılar oluşturmak için kullanılır.
Web için HTML standardı ve diğer standartlar, World Wide Web Konsorsiyumu (W3C) yönetimi altında geliştirildi. Standartlar, spesifikasyonlar ve taslak yeni teklifler http://www.3w.org/ adresinde bulunabilir. Şu anda, HTML 4.0 spesifikasyonu yürürlüktedir ve büyük tarayıcılar arasında buna yönelik destek sürekli olarak artmaktadır.
Pratikte, HTML standardı, Microsoft Internet Explorer ve Netscape Navigator gibi en popüler tarayıcılar tarafından sunulan ve desteklenen etiketlerden büyük ölçüde etkilenir. Bu etiketler şu anda mevcut HTML spesifikasyonunun parçası olabilir veya olmayabilir.
Etiket Bilgileri Ron Woodall'ın HTML Özeti (HTML için hızlı bir kılavuz). Özet, her biri için tarayıcı desteğiyle ilgili güncellemelerin yanı sıra alfabetik sırayla bir etiket listesi ve niteliklerini içerir.
HTML belgeleri, düz ASCII metin dosyalarıdır. Bu, minimum yeteneklerle bile herhangi bir metin düzenleyicinin bunları oluşturmak için kullanılabileceği anlamına gelir. HTML yazmak için özel olarak tasarlanmış düzenleme araçları vardır. Belgeler, tablolar için başlangıç ayarlarını yapmak veya metne yalnızca stiller uygulamak gibi tekrarlayan görevleri gerçekleştirmek için kısayol tuşları sağlayarak zamandan tasarruf sağlarlar. HTML düzenleyicileri, HTML'yi manuel olarak derlemek için kurallar hakkında bilgi gerektirmeleri bakımından WYSIWYG geliştirme araç setinden (aşağıda tartışılmıştır) farklıdır, düzenleyiciler bu süreci yalnızca basitleştirir ve hızlandırır.
Windows kullanıcıları, Allaire Corporation'ın güçlü ve ucuz HTML düzenleyicisi HomeSite'a mutlaka göz atmalıdır. HTML sözdiziminin renkle vurgulanmasını, FTP işlevini, sözdizimini ve yazım kontrolünü, çoklu dosya arama ve değiştirmeyi içerir. Ayrıca, daha karmaşık öğeler (çerçeveler, JavaScript ve DHTML komut dosyaları) oluşturmak için özel komutlar ve şablonlar içerir.
Macintosh bilgisayarlarda çalışırken, Bare Bones Software, Inc.'den ticari bir HTML editörü olan BBEdit'e dikkat edin. Macintosh Web geliştiricileri arasında gerçekten kendine ait. Kullanışlı ve hızlı HTML araçları, çoklu dosya arama ve değiştirme, yerleşik FTP işlevi, 13 programlama dili desteği, tablo oluşturucu, HTML sözdizimi kontrolü ve daha birçok işlevi içerir.
Son yıllarda, yazarın enstrümanları için pazarda keskin bir büyüme ile karakterize edilmiştir. WYSIWYG (Ne Görüyorsanız Onu Alırsınız) HTML düzenleyicileri, HTML yazmayı daha çok bir metin düzenleyici veya sayfa işaretleme programı gibi yapan grafik arayüzlere sahiptir. Bu programların asıl amacı, sayfa işaretleme programlarının geliştiriciyi PostScript dil komut setinden nasıl koruduğuna benzer şekilde, kullanıcıları HTML etiketlerinden kurtarmaktı. Bugün, HTML kaynak koduna erişim sağlarken belge üretiminin verimliliğini ve otomasyonunu artırdıkları için önemleri arttı.
Şu anda en popüler WYSIWYG düzenleyicileri şunlardır: Macromedia DreamWeaver, Golive CyberStudio (yalnızca Macintosh bilgisayarlar için), Microsoft FrontPage, FileMaker Claris, Home Page, Adobe PageMill.
Bir HTML belgesi, metin (sayfa içeriği) ve satır içi etiketler - içeriğin yapısı, görünümü ve işlevi hakkında talimatlar içerir. Bir HTML belgesi iki ana bölüme ayrılır: başlık - başlık ve gövde - gövde. Başlık, başlığı ve içeriği açıklayan metodolojik bilgiler gibi belgeyle ilgili bilgileri içerir. Gövde, belgenin içeriğini (tarayıcı penceresinde görüntülenen) içerir.
Her etiket, isteğe bağlı olarak, tümü açılı parantez içinde olmak üzere isteğe bağlı özelliklerin bir listesi tarafından takip edilen bir addan oluşur.< >. Köşeli parantezlerin içeriği hiçbir zaman tarayıcı penceresinde görüntülenmez. Bir etiketin adı genellikle işlevinin kısaltmasıdır, bu da hatırlamayı kolaylaştırır. Nitelikler, bir etiketin işlevini genişleten veya iyileştiren özelliklerdir. Genel bir kural olarak, bir etiket içindeki ad ve nitelikler büyük/küçük harfe duyarlı değildir. Etiket
aynen çalışacak . Ancak, belirli özniteliklerin değerleri büyük/küçük harfe duyarlı olabilir. Bu, özellikle dosya adları ve URL'ler için geçerlidir.Çoğu etiket kapsayıcıdır. Bu, bir başlangıç (açılış veya başlangıç) ve bir bitiş (kapanış) etiketine sahip oldukları anlamına gelir. Etiketler arasındaki metin, içerdikleri talimatları izleyecektir.
Bitiş etiketi, başlangıç etiketiyle aynı ada sahiptir ancak önünde bir eğik çizgi (/) bulunur. Bir "switch" etiketi olarak düşünülebilir. Bitiş etiketi hiçbir zaman nitelik içermez.
Bazı durumlarda, bitiş etiketi isteğe bağlıdır ve tarayıcı, bitiş etiketini bağlamdan belirler. Çoğu zaman bitiş etiketini atlar<р>(paragraf). Tarayıcılar bu etiketi uygun bir son olmadan desteklemek için kullanılır, bu nedenle birçok Web yazarı kısa formu kullanmaya alışmıştır. Buna tüm etiketler için izin verilmez ve tüm tarayıcılar bunların yokluğunu affetmez. Bu nedenle, şüpheniz varsa, metne bir kapanış etiketi ekleyin. Bu, özellikle belgenizde Basamaklı Stil Sayfaları kullandığınızda önemlidir.
Bazı etiketlerin bitiş etiketleri yoktur, çünkü bunlar sayfaya ayrı (bağımsız) öğeler yerleştirmek için kullanılır. Bunlardan biri resim etiketi , grafiği sayfa akışına yerleştirir. Diğer bağımsız etiketler satır sonudur (
), yatay çizgi (
) ve belge hakkında bilgi içeren ve ekranda görüntülenen içeriği etkilemeyen etiketler (ör. Ve
Eylemlerini genişletmek veya değiştirmek için bir etikete nitelikler eklenir. Bir etikete birden çok özellik ekleyebilirsiniz. Etiket öznitelikleri etiket adını takip ediyorsa, bir veya daha fazla boşlukla ayrılırlar. Sıra önemli değil. Çoğu öznitelik, öznitelik adından sonra eşittir işaretini (=) izleyen değerlere sahiptir. Değerlerin uzunluğu 1024 karakter ile sınırlıdır. Değerler büyük/küçük harfe duyarlı olabilir. Bazen değerlerin tırnak içinde olması gerekir (çift veya tek). Değer yazma kuralları aşağıdaki gibidir:
- - değer tek bir kelime veya sayıysa ve yalnızca harflerden (a-z), rakamlardan (0-9) ve özel karakterlerden (nokta) oluşuyorsa<.>
- - değer, virgül veya boşlukla ayrılmış birden çok sözcük içeriyorsa veya nokta veya kısa çizgi dışında özel karakterler içeriyorsa, tırnak içine alınmalıdır. Örneğin, URL'ler "://" karakterleri içerdiklerinden tırnak işaretleri gerektirir. "#rrggbb" formatı kullanılarak renk değerleri belirtilirken tırnak işaretleri de gereklidir.
Tırnak işaretleri kullanıp kullanmayacağınızdan emin değilseniz, her zaman tüm değerler için tırnak işareti kullanın.
Diğer HTML etiketleri, tek bir öğe üzerinde birden çok etiketi etkilemek için HTML etiketlerinin içine yerleştirilebilir. Buna yuvalama denir ve düzgün çalışması için yuvalanmış etiketin başlangıç ve bitiş etiketlerinin dış etiketin başlangıç ve bitiş etiketleri arasında olması gerekir.
Yaygın bir hata, üst üste binen etiketlerdir. Bazı tarayıcılar bu şekilde etiketlenen içeriği görüntülerken, birçoğu kuralın çiğnenmesine izin vermez, bu nedenle etiketleri doğru yerleştirmek önemlidir. Aşağıdaki örnek, yanlış etiket iç içe yerleştirmeyi göstermektedir (etiketin<В>kapanmadan önce kapanır ):
Hava Muhteşem bugün - bu bilgiler tarayıcılar tarafından yok sayılır.
Tarayıcılar tarafından göz ardı edilen bilgiler. Aşağıda, tarayıcılar tarafından görüntülendiğinde göz ardı edilecek belirli etiketler de dahil olmak üzere bir HTML belgesinde yer alan bilgiler yer almaktadır. Bu oluşmaktadır:
- - satır sonları. Bir HTML belgesindeki satır sonu karakterleri yoksayılır. Metin ve öğeler, belgenin metin akışında etiketle karşılaşılıncaya kadar kaydırılır.
- - sekme karakterleri ve çoklu boşluklar. Bir tarayıcı bir HTML belgesinde bir sekme karakteri ve birden çok ardışık boşluk karakteriyle karşılaştığında, yalnızca bir boşluk karakteri verir. Bu nedenle, belge "uzak, çok uzak" içeriyorsa, tarayıcı "çok, çok uzakta" görüntüleyecektir. Bölünemez boşluk karakteri (Snbsp;) kullanılarak metin akışına ek boşluklar eklenebilir. Ayrıca, metin biçimlendirilmişse tüm boşluklar görüntülenir (etiketlerde bulunur).
- - çoklu
- - tanınmayan etiketler. Tarayıcı etiketi anlamıyorsa veya yanlış ayarlanmışsa, tarayıcı bunu yok sayar. Etikete ve tarayıcıya bağlı olarak, bu farklı sonuçlara yol açabilir. Ya tarayıcı hiçbir şey göstermeyecek ya da etiketin içeriğini düz metin olarak görüntüleyebilir;
- - yorumlarda metin. Tarayıcılar, özel öğeler arasında metin görüntülemez
Sigortalının kişisel hesabı
Otomatik tanımlama sistemi Elektronik harita sistemi ile AIS'nin ortak kullanımı
Wargame: Red Dragon başlamıyor mu?
Üzücü escobar "Ukrayna yargı sisteminin yüzü"
ROME Total War - tüm grupların kilidi nasıl açılır?