Herhangi bir web sayfasını açarsanız, sitenin türüne ve yönüne bağlı olarak değişmeyen tipik öğeler içerecektir. Örnek 4-1, temel etiketleri içeren basit bir belgenin kodunu gösterir.
Örnek 4.1. Web sayfası kaynak kodu
Web sayfası örneği
başlık
İlk paragraf.
İkinci paragraf.
Bu örneğin içeriğini kopyalayın ve c:\www\ klasörüne example41.html olarak kaydedin. Bundan sonra, tarayıcıyı başlatın ve dosyayı menü öğesinden açın Dosya > Dosyayı Aç (Ctrl+O). Belge seçimi iletişim kutusunda, example41.html dosyasını belirtin. Şekilde gösterilen web sayfası. 4.1.
Pirinç. 4.1. Örneği çalıştırmanın sonucu
elemangeçerli belgenin türünü belirtmeyi amaçlamaktadır - DTD (belge türü tanımı, belge türü açıklaması). Bu, tarayıcının geçerli web sayfasını nasıl yorumlayacağını anlaması için gereklidir, çünkü HTML'nin birkaç sürümü vardır, ayrıca HTML'ye benzer, ancak sözdiziminde farklı XHTML (Genişletilebilir Köprü Metni İşaretleme Dili, genişletilmiş köprü metni işaretleme dili) vardır. Tarayıcının "kafası karışmaması" ve web sayfasını hangi standarda göre görüntüleyeceğini anlaması için, kodun ilk satırında ayarlanması gerekir.
.
birkaç türü var, hedefledikleri HTML sürümüne göre farklılık gösterirler. Masada. 4.1. açıklamalarıyla birlikte ana belge türleri verilmiştir.
Sekme. 4.1. Geçerli DTD'ler | DOKTORA |
Açıklama |
|---|
| HTML 4.01
|
|
|
Sıkı HTML sözdizimi. |
|
|
Geçiş HTML sözdizimi. |
|
|
Çerçeveler bir HTML belgesinde kullanılır. |
| HTML5
|
|
|
HTML'nin bu sürümü yalnızca bir doktipe sahiptir. |
| XHTML 1.0
|
|
|
Sıkı XHTML sözdizimi. |
|
|
Geçiş XHTML Sözdizimi. |
|
|
Belge XHTML ile yazılmıştır ve çerçeveler içermektedir. |
| XHTML 1.1
|
|
|
XHTML 1.1'in geliştiricileri, yavaş yavaş HTML'nin yerini almasını bekliyor. Gördüğünüz gibi, sözdizimi aynı olduğundan ve açık kurallara uyduğundan, bu tanımın türlere bölünmesi yoktur. |
Kesin ve geçici belge açıklamaları arasındaki fark, belge kodu yazmaya yönelik farklı yaklaşımdır. Katı HTML, HTML spesifikasyonuna sıkı sıkıya bağlı kalmayı gerektirir ve hataları affetmez. Geçiş HTML'si bazı kod kusurları konusunda daha "sessizdir", bu nedenle bazı durumlarda bu tür tercih edilir.
Örneğin, katı HTML ve XHTML etiketi gerektirir
, ancak geçiş HTML'sinde atlanabilir ve belirtilemez. Aynı zamanda, sözdizimiyle eşleşip eşleşmediğine bakılmaksızın tarayıcının her durumda belgeyi görüntüleyeceğini unutmayın. Bu doğrulama, bir doğrulayıcı kullanılarak gerçekleştirilir ve öncelikle geliştiricilerin bir belgedeki hataları izlemesi amaçlanır.</p>
<p>Bundan sonra, esas olarak katı kuralları kullanacağız.<!DOCTYPE>, özellikle belirtilmediği sürece. Bu, yaygın hatalardan kaçınmamıza ve bize sözdizimsel olarak doğru kod yazmayı öğretmemize izin verecektir.</p>
<p>HTML koduna herhangi bir kod kullanmadan rastlamak çoğu zaman mümkündür.<!DOCTYPE>, web sayfası böyle bir durumda görüntülenmeye devam edecektir. Ancak, kullanırken aynı belge tarayıcıda farklı görüntülenebilir.<!DOCTYPE>ve onsuz. Ek olarak, tarayıcılar bu tür belgeleri kendi yollarıyla görüntüleyebilir, sonuç olarak sayfa “parçalanır”, yani. geliştiricinin gerektirdiği şekilde tamamen farklı bir şekilde görüntülenecektir. Bu gibi durumlardan kaçınmak için her zaman ekleyin<!DOCTYPE>belgenin başına.</p><p>Etiket <html>HTML dosyasının başlangıcını tanımlar, başlık onun içinde saklanır ( <head>) ve belge gövdesi ( <body>
).</p><p>Blok olarak da adlandırılan belgenin başlığı <head>, metin ve etiketler içerebilir, ancak bu bölümün içeriği kapsayıcı dışında doğrudan sayfada gösterilmez. <title>
.</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</p><p>Etiket <meta>evrenseldir ve bir dizi özellik ekler, özellikle meta etiketlerin yardımıyla, bu etiketin genel olarak adlandırıldığı gibi, sayfa kodlamasını değiştirebilir, anahtar kelimeler, belge açıklamaları ekleyebilir ve çok daha fazlasını yapabilirsiniz. Böylece tarayıcı UTF-8 kodlaması (Unicode dönüştürme formatı, Unicode dönüştürme formatı) ile uğraştığını anlar ve bu satır eklenir.</p><p>
<title>Web sayfası örneği
Etiket
Bir web sayfasının başlığını tanımlar, bu birçok sorunu çözmek için tasarlanmış önemli unsurlardan biridir. Windows işletim sisteminde, başlık metni tarayıcı penceresinin sol üst köşesinde görüntülenir (Şekil 4.2).</p>
<p><img src='https://i1.wp.com/htmlbook.ru/files/images/samhtml/fig_1_04_02.png' height="37" width="194" loading=lazy loading=lazy></p>
<p>Pirinç. 4.2. Tarayıcıda başlık görünümü</p>
<p>Etiket <title>zorunludur ve belge kodunda bulunmalıdır.</p><p>Bir kapanış etiketi eklediğinizden emin olun</head> belgenin başlık bloğunun tamamlandığını belirtmek için.</p><p>Belge Gövdesi <body>etiketleri ve web sayfasının içeriğini yerleştirmek için tasarlanmıştır.</p><p>
<h1>başlık</h1>
</p><p>HTML, başlığı takip eden bölümün göreli önemini gösteren altı farklı metin başlığı düzeyi sunar. evet, etiket <h1>en önemli birinci düzey başlığı ve etiketi temsil eder <h6>altıncı seviye bir başlığı belirlemeye hizmet eder ve en az anlamlı olanıdır. Varsayılan olarak, ilk seviye başlığı en büyük kalın yazı tipinde görüntülenir, sonraki seviye başlıkları daha küçüktür. etiketler <h1>...<h6>blok düzeyinde öğelerdir, her zaman yeni bir satırda başlarlar ve onlardan sonra, bir sonraki satırda başka öğeler görünür. Ayrıca başlıktan önce ve sonra bir boşluk bırakılır.</p><p>
<!-- Комментарий -->
</p><p>Bazı metinler, yorum yaparak tarayıcıda gösterilmesini engelleyebilir. Kullanıcı böyle bir metni görmese de yine de belgede iletilecektir, bu nedenle kaynak koduna bakmak gizli notları ortaya çıkarabilir.</p>
<p>: HTML - Köprü Metni İşaretleme Dili (veya Köprü Metni İşaretleme Dili).</p>
<p>O halde onu daha iyi tanıyalım.</p>
<p>Başlamak için bilgisayarınızda herhangi bir ad ve uzantıya sahip bir dosya oluşturun.html <i>(başlık İngilizce olmalıdır)</i>- örneğin index.html). Böyle bir dosya oluşturmak için - düz metin belgesi oluşturun <i>("Başlat" - "Tüm Programlar" - "Aksesuarlar" - "Not Defteri")</i> ve kaydet <i>("Dosya" - "Farklı Kaydet")</i> adını ve uzantısını girerek herhangi bir yerde <i>(Uzantıyı girdiğinizde, Not Defteri hala onu bir metin dosyası olarak kaydeder, ancak bir web dosyasına ihtiyacımız var. Bunu yapmak için, kaydetmeden önce dosya türünü seçin - "Tüm dosyalar (*.*)").</i></p>
<blockquote class="blockquote">
<p>Bu bir ön koşul değildir (çünkü ilk sayfanın adını sunucu ayarlarından değiştirebilirsiniz), ancak zevkli bir kuraldır. İlk sayfanın adı tercihen dizindir (index.html), çünkü sunucu ona erişirken aynı ada sahip bir dosya verir - dizin.</p>
</blockquote>
<p>Doğru kaydedilirse, dosya simgesi tarayıcı simgesine dönüşmelidir (varsayılan olarak Internet Explorer).</p>
<p>Şimdi bu dosyayı not defteri ile açın ve aşağıdaki kodu oraya kopyalayın.</p><p>
<html>
<body>Bu ilk web sayfası!<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>
</html>
</p><p>Kaydedin ve tarayıcı üzerinden açın.</p>
<p>Tebrikler, ilk web sayfanızı yeni oluşturdunuz.</p>
<p>"Bu ilk web sayfası!" "Bu benim ilk web sayfam!!!" gibi herhangi bir başkasıyla değiştirebilirsiniz. kaydedin, tarayıcıyı güncelleyin, sonuca hayran kalın.</p>
<p>Ama sayfamızın başlığı yok.</p>
<p><img src='https://i2.wp.com/in-sites.ru/images/html/lesson-1/l1p2.jpg' height="207" width="365" loading=lazy loading=lazy></p>
<p>Bunu düzeltmemiz gerekiyor - kodu biraz değiştireceğiz veya daha doğrusu etiketleri kullanarak "Sitenin Başı" nı ekleyeceğiz. <head>ve <title>.</p><p>
<html>
<head>
<title>İlk sayfa
Bu benim ilk web sayfam!!!
