girişHtml dil tanımlayıcılarını tanıyan bir yazılım aracı. Temel tanımlayıcılar ve bunların HTML sözdizimi
HTML- belgenin köprü metni biçimlendirme dili. Bununla, diğer sayfalara bağlantılar içeren metinler yazabilir, tablolar, listeler oluşturabilir, resimler ekleyebilir ve çok daha fazlasını yapabilirsiniz. Bu dil web siteleri yazmak için kullanılır.
»Yeni başlayanlar için HTML
»Yeni başlayanlar için HTML
Html dilinin Temel Etiketleri (Tanımlayıcıları)
Tüm klasik HTML eğitimlerinin geleneğini takip ederek, en basit hiper metin belgesini sağlıyoruz.
İşte ilk seviye başlık
İnternete hoş geldiniz!
İlk ve son paragraf.
Bu örnekte, aşağıdaki köprü metni terimlerini (etiketler olarak adlandırılır) kullandık:
Belgenin adı
Bu bir kural değil, hatta bir yasa bile değil, bu bir gerçek:
Herhangi bir HTML belgesinin bir başlığı vardır.
Diğer tarayıcılar, HTML belgenizin adıyla bilgi bulabilir. Başlığın yeri her zaman tanımlanmıştır - ekranın üst kısmındadır ve belgenin içeriğinden ayrıdır. Maksimum ad uzunluğu 40 karakterdir.
biçimlendirme
Biçimlendirme doğrudan veya yetkili olabilir. etiketini kullanırsanız
Aşağıdaki etiketler doğrudan biçimlendirmenin doğasında vardır:
Paragraf.
- yatay çizgi.
Satır sonu.
Başlıklar ve alt başlıklar
HTML, altı düzey başlıkla çalışmanıza olanak tanır. İlk başlık en önemlisidir. Buna özellikle dikkat edilir. Başlıkların geri kalanı, örneğin kalın veya büyük harflerle biçimlendirilebilir.
HTML'de ilk başlık şu şekilde belirtilir:
:
N, başlığın seviyesini, yani 1, 2, 3, 4, 5 veya 6 rakamlarını ifade eder.
HTML'de ilk başlık, belgenin başlığı ile aynı olabilir.
Listeler, numarasız olanlara bölünmüştür:
sayılı:
açıklamaları ile:
ve iç içe:
Metin seçimi
Bir HTML belgesindeki metin aşağıdaki yollardan biriyle vurgulanabilir:
- alıntı
- tanım
- mantıksal vurgu
- Klavye Girişi
- bilgisayar mesajları
- güçlü vurgu
- değişkenler
Büyük bir paragraf
HTML'de satır sonları önemli değildir. Bu, belgenizin satırlarını istediğiniz yere bölebileceğiniz anlamına gelir. Bunun nedeni, bir hiper metin belgesinde ardışık boşlukların bire dönüşmesidir. Fakat! Etiketten sonra boşluk bırakılırsa
Sonra dikkate alınır. herhangi bir etiket varsa
HTML, metin veya resimleri diğer köprü metni belgelerine bağlamanıza olanak tanır. Metin genellikle vurgulanır veya altı çizilir.
Bunu yapmak için etiketi kullanın ... A harfinden sonra bir boşluk olması gerektiğini unutmayın.
¦ türü ¦ HREF = ”dosya adı” girin> ¦ yazın etiketi Burada Bob kelimesi, bir hiper metin bağlantısı oluşturan BobAnapa.html belgesine atıfta bulunur. Tam dosya adını belirtmek istiyorsanız, UNIX sözdizimini kullanmanız gerekir. protokol: // ana bilgisayar bağlantı noktası / yol Metni önceden biçimlendirme Etiket Tek aralıklı metin oluşturur.
Program listelerine stil vermek için bu etiketi kullanın.
Genişletilmiş alıntılar
Etiket
bir alıntıyı tek bir nesneye dahil etmenize olanak tanır.Etiket
HTML belgesinin yazarı hakkında bilgi oluşturmanıza olanak sağlar.Satır beslemesini zorla
Etiket
yalnızca bir satırı çevirir, yani fazladan boşluk bırakmaz.Yatay bölücüler
Etiket
pencerenin tüm genişliği boyunca yatay bir çizgi oluşturur.Gömülü resimler
Resimleri belgenize gömebilirsiniz. Bir satır içi resmin sözdizimi aşağıdaki gibidir:
Burada image_URL, sözdizimi bir HTML bağlantısının sözdizimi ile aynı olan bir görüntü dosyasına yönelik bir işaretçidir.
Genel anlamda, tanımlayıcılar, karşılık gelen davranışın tanımlandığı nesnelerin bazı nitelikleridir. Onlara eriştiğinizde, belirtilen nitelikleri sözlükten alır, ayarlar veya kaldırırsınız. Basit bir ifadeyle, bunlar bir nesnenin davranışını, özelliklerini veya yapısını belirleyen özel anahtar kelimelerdir. Makale, tanımlayıcılar için çeşitli seçenekleri ele alacaktır. Bu, özlerini ve amaçlarını daha doğru bir şekilde anlamanıza izin verecektir.
HTML
Statik web sayfaları oluşturmak için kullanılan köprü metni biçimlendirme dilinde, tanımlayıcılar etiketlerden başka bir şey değildir. Bu ortamda, aralarına yerleştirilen metnin belirli bir şekilde görüntülenmesi sayesinde etiket görevi görürler. Böylece sayfadaki elemanların tasarımı ve düzeni oluşur.
Kural olarak, dilin özellikleri, bir açılış tanımlayıcısının ve bir kapanış tanımlayıcısının varlığını belirler. Aradaki her şey değişebilir.
Bir tanımlayıcı niteliklere, yani belirli özelliklere sahip olabilir. Sözdizimleri şuna benzer: nitelik adı = değeri.
Ortak bir mantığı takip eden HTML'deki tanımlayıcılar, nesnelerin tanımlama etiketleridir. Onların yardımıyla görünümü kontrol edebilir, sayfayla etkileşime girebilir ve ona özel değerler atayabilirsiniz.
X86 mimarisi
İşlemcilerde tanımlayıcılar, çeşitli dalların yapıldığı özel bir yapıdır. Yapısı şöyle görünür:
- Ön yargı. Kod prosedürünü değiştirebilir.
- Seçici. Prosedürün gitmesi gereken bir tür etiketi yansıtır.
- Parametre sayısı.
- Erişim hakları.
Java
Java EE, bir dağıtım tanımlayıcısı kavramına sahiptir. Sunucu uygulamasının nasıl dağıtılacağını tanımlar. Temel olarak ayarları, özellikleri ve donanım gereksinimlerini içeren bir yapılandırma dosyasıdır.
Web uygulamalarında böyle bir dosya, kurallara göre web.xml olarak adlandırılmalı ve belirli bir klasörde bulunmalıdır.
Dosya tanımlayıcıları
İşletim sistemlerinde dosyalarla çalışmak için önce onlara erişmeniz gerekir. Bu, bir dosya tanıtıcı aracılığıyla yapılabilir. Bu örnekte, G/Ç akışını oluşturan işlemi belirten bir tür etiket görevi görür.
Windows işletim sistemi, CreateFile işlevini kullanarak tanıtıcıya erişmenizi sağlar. Gerekli dosya ile çalışırken daha fazla kullanılabilir.
Unix sistemlerinde bir dosya tanıtıcısı numaralandırılmıştır. 0, terminal işleminin standart girişi, 1 çıkışı, 2 tanı akışıdır. Sayısal gösterimlere ek olarak, belirtim tarafından tanımlanan sembolik sabitler kullanılabilir.
Pencere tutacağı
Sistemde herhangi bir pencere oluşturulduktan sonra, ona belirli bir tutamaç atanır. İçinde kullanılan veri türleri HWND'dir. Programcı, bir uygulama oluştururken, bunlara başvurmak için bunları doğru şekilde kullanmalıdır.
Program, FindWindow işlevini çağırarak tanıtıcı alabilir. Sınıfın veya pencere nesnesinin adıyla bulabilir ve tanımlayıcı değerini döndürebilir.
Tanımlamanın doğru olup olmadığını kontrol etmek için IsWindow işlevini kullanmaya değer.
Hata numarası 1400
Bu sorun, Windows işletim sistemleri ailesinde yaygındır. Onunla birlikte görünüyorsa, kısa bir açıklama olabilir - geçersiz bir pencere tanıtıcısı. Ve böyle bir ifade de olabilir - "Error_invalid_window_handle" veya 0x578.
Nasıl başa çıkılır ve geçersiz bir tanımlayıcı ne anlama gelir? Nesnenin bağlamına bağlı olarak farklı eylemler gerçekleştirilmelidir.
Her durumda, sistemle ilgili tüm sorunlar için alınan standart önlemleri hemen almalısınız:
sistem dosyalarının bütünlüğünü kontrol etmek için yardımcı programı kullanarak başlatma ve tarama hataları; bilgisayarınızı virüslere karşı kontrol edin. Temel adımlar işe yaramadıysa, çökmeye neden olan uygulamayı kaldırıp yeniden yüklemeye değer olabilir.
Sistemin performansını hızlı bir şekilde geri yüklemenin bir başka güvenilir yolu, standart araçları kullanarak sistemi geri almaktır. "Sistem Geri Yükleme"yi kullandıktan sonra, daha önce oluşturulmuş olması koşuluyla son geçerli yedeğe dönecektir.
Bir hata oluştuğunda
Çoğu durumda, geçersiz bir tanımlayıcı hatası, yüklü yazılımdaki bir kusurdan kaynaklanır. Bu nedenle, yazılımdan bilgisayarda görünenlere çok dikkat etmeye değer. Mevcut tüm yazılımları periyodik olarak güncellemek ve durumunu izlemek de gereklidir. Aynı zamanda, kendinizi iyi bir antivirüs yazılımı ile donatmaya değer.
Çözüm
Makale, çeşitli programlama dillerinde ve işletim sistemlerinde tanımlayıcıların çalışmasının genel ilkelerini, işlevlerini, özelliklerini ve türlerini sundu. Tipik olarak, bu terim programcılar ve geliştiriciler tarafından daha sonra başvuru ve yönetim için nesneleri ve öğeleri tanımlamak için kullanılır.
Ayrıca bunun geçersiz bir tanımlayıcı olduğu da ortaya çıktı. Görünüşe göre, bu Windows ortamında yaygın bir sorundur, çoğu durumda basit manipülasyonlarla çözülebilir.
8. sınıf
HTML'ye Giriş
Ders 1: HTML'ye Giriş (12 saat)Konu 1: HTML'ye Giriş (1 saat)
Plan
1. HTML'yi Anlamak
2. Hiper metin kavramı
3. Html dosyası kavramı
4. Html dil etiketleri kavramı
5. Yapısal etiketler
6. Bir HTML belge şablonu ve ilk web sayfası oluşturun
1. HTML'yi AnlamakHTML Köprü Metni İşaretleme Dili veya Köprü Metni İşaretleme Dili anlamına gelir.
HTML'nin bir programlama dili olmadığını anlamak önemlidir - bir metin işaretleme dilidir. Belgenin görünümünü tanımlamanıza olanak tanır. Belirli görevleri gerçekleştirmek için tasarlanmış programlar (algoritmalar) yazmak için geleneksel programlama dilleri kullanılırken, bir belgeyi belirli bir şekilde temsil etmek için HTML biçimlendirme dili kullanılır.
^ 2. Hiper metin kavramı
köprü metni (hiper metin) Başka bir web sayfasına veya belgeye bağlantı içeren özel metindir. Bu durumda ön ek aşırı anlamına geliyor bundan fazla veya aşançünkü önünüzde sadece metinden daha fazlasını görüyorsunuz. Çoğu tarayıcıda, köprü metni (veya köprüler) genellikle altı çizilir ve metnin geri kalanından farklı bir renkte vurgulanır. Köprü metnine tıklarsanız, rengi değişecektir. Bir köprüye tıklamak, Web tarayıcısının bağlantılı belgeyi istemesine ve ardından onu tarayıcı penceresine yüklemesine neden olur. Böylece hiper metin sayesinde web sayfası etkileşim özelliği kazanır.
Köprü metninin başı veya sonu yoktur. Çoğu yazdırma ortamı, ilk sayfadan son sayfaya kadar okunacak şekilde tasarlanmıştır. Bu anlamda lineer bir yapıya sahiptirler. Ve hiper metin daha çok merkezi belirsiz bir örümcek ağı gibidir. İyi Web sayfaları yapma sanatı, öncelikle bilgiyi akıllıca organize etmekte yatar. Kullanıcı, ilgisini çeken şeyi seçmek için sayfanın yapısını veya özetini gözlerinin önünde bulundurmalıdır.
^ 3. Html dosyası kavramı
Html dosyalarını geliştirmek için ihtiyacınız olan tek şey bir metin editörüdür. Html sayfalarının .htm veya .html dosyaları olmasına rağmen aslında düz ASCII metin dosyaları olduklarını unutmayın. Bir html sayfası oluşturmak için şu komutu kullanmanız gerekir: Dosya - Farklı Kaydet ve dosyayı metin biçiminde kaydedin ve kullandığınız işletim sistemine bağlı olarak adına .htm veya .html uzantısını ekleyin.
Html dosyalarınızı düzenlemenin en iyi yolu, Web sayfalarını depolamak için sabit diskinizde özel bir dizin (veya klasör) oluşturmaktır. Bu, özellikle birbirine bağlı birkaç sayfa oluşturacaksak önemlidir. İlk olarak, sabit diskteki dosyaların konumunun yapısını belirlemeniz gerekir. Basit bir Web sunucusu oluşturmak için genellikle birkaç metin ve görüntü dosyasına ve muhtemelen birkaç medya dosyasına ihtiyacınız vardır. Nispeten az sayıda sayfa ve resim içeren bir Web sunucusu oluşturarak, tüm dosyalarınızı tek bir dizinde saklayabilirsiniz. Çok sayıda dosya varsa, bunları birkaç klasöre yerleştirmelisiniz.
^ 4. Html dil etiketleri kavramı
Daha önce de söylediğimiz gibi biçimlendirme dili, belgenin görünümünü tanımlamanıza olanak tanır. Bunun için içine özel kodlar veya etiketler eklenir. Ayrıca, bu Not Defteri veya başka bir kelime işlemci kullanılarak yapılabilir. Genel olarak, Web sayfaları oluştururken, bir kelime işlemcide çalışmaya alışık olduğunuz birçok şeyi yapmak zorunda kalacaksınız, örneğin, metni kalın yapmak veya tek tek tümcecikleri başlıklara dönüştürmek.
Peki tanımlayıcı nedir? tanımlayıcı HTML standardındaki ana kodlama öğesidir. HTML'de hemen hemen her şey tanımlayıcılara bağlıdır. Belgedeki belirli kelimelere dikkat çekmeye hizmet ederler, böylece tarayıcının neyi vurgulayacağını, grafiklerin nerede görüntüleneceğini ve köprülerin nerede olduğunu bilmesini sağlar.
Tanımlayıcılar köşeli parantez içine alınmıştır (< >). Örneğin, paragraf tanımlayıcısı
, ve yatay çizgi tanımlayıcısı <НР> ... Tanımlayıcılar hem büyük hem de küçük harflerle yazılabilir. Ancak tanımlayıcıları büyük harflerle yazmak metnin görsel algısını büyük ölçüde kolaylaştırır.
İki tür tanımlayıcı vardır: kapsayıcılar ve tek tanımlayıcılar. Bir kap, bir başlangıç (veya açılış) ve bir bitiş (veya kapanış) tanımlayıcısından oluşan bir tanımlayıcı çiftidir. Başlangıç tanımlayıcısı
, ama final . Kapsayıcılar, metin veya diğer tanımlayıcılar gibi bazı bilgileri depolamak için tasarlanmıştır. Bu nedenle, kabın içeriği başlangıç ve bitiş tanımlayıcıları arasına alınır. Örneğin, birinci düzey başlığı temsil eden bir öğe, tanımlayıcılar arasına alınır.ve :
İlk HTML belgem!
Boş bir tanımlayıcı, herhangi bir bilgi içermemesi bakımından bir kaptan farklıdır. Yalnızca bir başlangıç tanımlayıcısı vardır. Boş bir tanımlayıcı genellikle bağımsız görev belirli bir metinle ilişkili değil. Örneğin, tanımlayıcı
yatay bir çizgi oluşturur ve kabın başlangıç ve bitiş tutamaçlarının aksine metin üzerinde hiçbir şey yapmaz.Konteynerin başlangıç ve bitiş tanımlayıcıları, aralarındaki içerikle birlikte, eleman HTML belgesi. Bir öğe bir resim, bir metin parçası, bir form, bir tablo, bir liste, bir bağlantı, bir metin kutusu, bir düğme ve hatta bir belgenin başlığı veya ana gövdesi (gövdesi) olabilir. Bununla birlikte, bir öğenin yalnızca tanımlayıcı değil, aynı zamanda aralarında yatan şey olduğuna dikkat edin.
^ 5. Yapısal etiketler
Bir Web sayfasının yapısını tanımlayan temel tanımlayıcılara bir göz atalım.
Tanımlayıcılar HTML öğesi ( ) en dışsal olanlardır, yani. diğer tüm metinleri ve diğer tanımlayıcıları içerir. Tanımlayıcıyı başlat, , Yazmanız gereken ilk şey. Ve son tanımlayıcı, , belgenin sonunu işaretler. Çoğu tarayıcı, bu iki tanımlayıcının dışındaki metinleri kabul etmeyecektir.
Bir HTML belgesinin bir başlığı (başlığı) ve bir gövdesi (gövdesi) vardır.
Herhangi bir HTML belgesinde HEAD öğesi, bir Web sayfasının gövdesinden (veya gövdesinden) önce gelir. HEAD öğesinin içeriği tanımlayıcılar arasına alınır ve ... Bu metin Genel bilgi dosya hakkındadır ve belgenin kendisinde görüntülenmez. HEAD tanımlayıcısında bir dizi başka öğe bulunabilir. Öncelikle tanımlayıcıyla ilgileniyoruz
</b> hangi belgenin başlığını tanımlar. Tanımlayıcılar arasına alınmış metin <b><TITLE> </b> ve <b> , program penceresinin (başlık çubuğu) üst kısmında görüntülenir.Ve son olarak, HTML belgesinin en önemli kısmı, bir çift tanımlayıcı arasında yer alan BODY öğesidir. ve ... Bu öğe, sayfada görüntülenen tüm metinleri, resimleri ve medyayı içerdiği veya bunlara bağlantı verdiği için çok önemlidir. BODY öğesi açıklaması, HEAD öğesi açıklamasından hemen sonra gelir.
^ 6. Bir HTML belge şablonu ve ilk web sayfası oluşturun
Not Defteri'ni açın ve aşağıdaki metni girin:
Web sayfası başlığı Web sayfası içeriği: test, grafikler, bağlantılar vb.
Dosyayı template.html olarak klasörünüze kaydedin.Şimdi oluştur yeni belge ve oluşturduğumuz şablonu içine yükleyin. Ardından komutu kullanın ^ Farklı Kaydet Yeni sayfaya ad vermek için
Tanımlayıcılar arasındaki metni değiştirin
ve "İlk Web Sayfam!" Şimdi tanımlayıcılar arasındaki metni değiştirin ve bir sonrakine:
Bu benim ilk web sayfam!
Dosyanızın son hali şöyle görünmelidir:
İlk web sayfam!
Bu benim ilk web sayfam!
Dosyayı klasörünüze kaydedin ve first.html olarak adlandırın.Konu 2: Web sayfasının ana gövdesi (1 saat)
Plan
1. Başlıkları kullanma
2. Paragraf sonu ve satır sonu karakterleri. Paragrafları ve başlıkları hizalayın
3. Bir tanımlayıcı kullanma
4. Metni stiller ile biçimlendirme
5. Satır ve yorum ekleme
Tüm Web sayfalarının büyük kısmı, başlangıç ve bitiş tanımlayıcıları bilgilerin başlangıcını ve sonunu gösteren BODY öğesi kullanılarak tanımlanır. BODY kapsayıcı yalnızca bir durumda kullanılmaz - bunun yerine FRAMESET kapsayıcısının geçtiği bir çerçeve kümesi belgesinde.^ 1. Başlıkları kullanma
Tipik olarak HTML geliştiricileri, başlıklar oluşturarak başlar. Altı başlık seviyesi vardır ve her biri farklı bir yazı tipi boyutuna sahiptir. Başlıkları çeşitli düzeylerde kullanarak belgeniz için net bir hiyerarşik yapı oluşturabilirsiniz. Bölüm başlıklarının büyük harflerle vurgulandığı, bölüm başlıklarının daha küçük olduğu, alt bölüm başlıklarının daha da küçük olduğu, vs. kitap yayıncılığında olduğu gibi aynı prensibi kullanır.
HTML standardı, kapsayıcılar kullanılarak tanımlanan altı başlık düzeyini destekler: H1, H2, ..., H6... Ayarlanan her bir başlık düzeyi için standart boyutlar yazı tipleri.
^ 2. Paragraf sonu ve satır sonu karakterleri
Tanımlayıcılar
ve
bir metin bloğunu diğerinden ayırmak için belgenize boşluk eklemenize izin verir.tanımlayıcı
paragraf sonu karakteri eklemek için kullanılır. ekleme verilen tanımlayıcı tarayıcıya mevcut paragrafı bitirmesi ve sonraki paragraftan önce boş bir satır eklemesi talimatını veriyoruz.
tanımlayıcı
satır sonu karakteri eklemek için kullanılır. Bu tanımlayıcıyı ekleyerek tarayıcıya mevcut satırı bitirmesini ve bir sonrakine geçmesini söylüyoruz.^ Paragrafları ve başlıkları hizalayın
Paragraf veya başlık metni sola dayalı olabilir ( Standart kurulum), tarayıcı penceresinde sağa hizalanmış veya ortalanmış.
Bir başlık tanımlayıcısının sözdizimi şöyledir:
n, başlık seviyesidir;
Hizalama, şu değerlerden birini alabilen bir parametredir: SOL, SAĞ, MERKEZ.
Paragraf tanımlayıcısının sözdizimi şöyledir:
<Р ALIGN=выравнивание>
^ 3. Bir tanımlayıcı kullanma
Halihazırda bir belgede bulunan (ancak HTML kodunda olmayan) bir Web sayfasına bilgi koymak istiyorsanız, tüm belgeyi yeniden yazmak için zaman harcamanıza gerek yoktur. Bunun yerine zengin metin kapsayıcısını kullanabilirsiniz.
^ tırnak biçimlendirme
tanımlayıcı
uzun alıntılar için tasarlanmıştır ve bir satırı girintilemenize olanak tanır.konteynere
metin stilleri veya satır sonları gibi diğer tanımlayıcıları dahil edebilirsiniz.tanımlayıcı
kısa alıntıları görüntülemek için tasarlanmıştır. tanımlayıcı kullanılıyorsabir metin bloğunda ayrı bir parça oluşturulur, ardından tanımlayıcı kullanılırkenalıntı önceki metinle aynı satırda devam eder, yani. metin bloğu parçalanmaz.^ 4. Metni stiller ile biçimlendirme
HTML, metni biçimlendirmek için birkaç yol sağlar. Bu, açık (veya mutlak) biçimlendirmedir. fiziksel stiller ve örtük (veya göreli) biçimlendirme ile mantıksal stiller ve son olarak, yazı tipi boyutunu değiştirmek.
Fiziksel stil tanımlayıcıları mutlaktır; bu, bir fizik stiliyle vurgulanan metnin tüm tarayıcılarda aynı göründüğü anlamına gelir. Ve mantıksal stiller, fiziksel olanlardan farklı olarak göreceli olarak adlandırılabilir. Bu, farklı tarayıcılarda farklı görüntülendikleri anlamına gelir.
^ Tablo - Fiziksel Stil Tanımlayıcıları
tanımlayıcı
stil
kalın yazı tipi
italik
Bir daktilo gibi tek aralıklı yazı tipi
Altını çizmek
alt simge metni
üst simge metni
üstü çizili^ Yazı tipi boyutunu değiştirme
FONT öğesi, yazı tipinin boyutunu ve rengini tanımlamanıza olanak tanır. SIZE özelliği, sayfanın gövdesinde kullanılan yazı tipinin boyutuna göre yazı tipinin mutlak boyutunu (1'den 7'ye kadar değerler alabilir) veya göreceli olarak belirtmenize olanak tanır (değerler alabilir) -4 ila +4). Bu, aşağıdaki sözdizimini kullanır:
BASEFONT öğesi, belgenin ana yazı tipinin boyutunu değiştirmek için kullanılır. Ana yazı tipinin boyutu 1'den 7'ye kadar değerler alabilir ve tarayıcı için standart yazı tipi boyutu 3'tür.
COLOR özelliği, aşağıdaki sözdizimini kullanarak yazı tipi rengini değiştirmek için kullanılır:
.
^ 5. Satır ve yorum ekleme
Sayfanın metnini parçalara ayırmak için tutamaç kullanılarak oluşturulan yatay çizgileri kullanabilirsiniz.
. Çizginin görünümü, nitelikler kullanılarak değiştirilebilir.^ Tablo - Tanımlayıcı Nitelikler
SIZE piksel cinsinden ölçülür.
WIDTH değeri hem yüzde hem de piksel olarak ölçülebilir, bu nedenle WIDTH niteliği için iki sözdizimi kullanılır:
.ALIGN niteliği SOL, SAĞ veya MERKEZ olabilir. WIDTH özniteliği ile birlikte kullanılmalıdır, aksi takdirde satır tüm ekran boyunca uzayacaktır:
.NOSHADE özelliğinin sözdizimi şöyledir:
.yorum ekleme
Bir Web sayfasının kaynak koduna, sunucunuzun ziyaretçileri tarafından görülmeyecek yorumlar ekleyebilirsiniz. Gerekirse kendi kodunuzu kolayca çözebilmeniz için tasarlanmıştır.
Yorumlar için kullanılan sözdizimi:
.
pratik görev
First.html dosyasını açın ve second.html olarak kaydedin.
Aşağıdaki listeye göre değiştirin:
Bu benim ilk web sayfam!
HTML öğreniyorum
Yazı tipi boyutunu ve rengini değiştir
Bu paragraf, belgenin sola hizalanmış ana paragraflarının aksine, ortaya hizalanacaktır.
Belgeyi kaydedin ve bir tarayıcı penceresinde açın.Konu 3: Tablo oluşturma (1 saat)
Plan
1. Tablo kodu oluşturmanın ilk aşaması
2. Tablonun satır ve sütunlarının oluşturulması
3. Masa tipi seçimi
4. Tablo hücrelerindeki verileri yatay ve dikey olarak hizalama
5. Boyama tabloları ve çerçeveler
^ 1. Tablo kodu oluşturmanın ilk aşamasıÜrün adlarını ve fiyatlarını içeren bir tablo düşünün. o standart yol tabloları kullanarak. Şimdi tabloya, ilgili ürünler hakkında ayrıntılı bilgilerin yanı sıra daha büyük resimler içeren HTML dosyalarına köprüler olan resimler ekleyelim. Videolar ve ses kayıtları da tablo girişleri olabilir. Böylece kullanıcı sadece çok şey göremez, aynı zamanda çok şey duyabilir.
Tabloları oluşturmak için kullanılan HTML aşırı karmaşık değildir; aksine çok zahmetlidir. Doğru yapıldığında tablo oluşturmak o kadar da zor bir iş değildir.
Tablo oluşturmaya başlamadan önce, bunu yapmak için kullanılan kodun yapısını anlamanız gerekir. HTML tablo kodu TABLE kapsayıcısında bulunur. Bir tablo için HTML oluşturmadan önce, içerdiği maksimum satır ve sütun sayısını belirlemelisiniz. Ardından kodunuzu yazarken hücreleri tek tek tanımlayacaksınız. Hücreler soldan sağa satır satır ve yukarıdan aşağıya doğru tanımlanır.
Satırlar, sütunlar ve hücreler, tabloları tanımlarken kullanılan standart terimlerdir.
^ 2. Tablonun satır ve sütunlarının oluşturulması
Bir tabloyu tanımlamak için, konumlarının yanı sıra satır ve sütun sayısını belirtmeniz gerekir.
Bir tablonun bir satırını tanımlamak için bir çift tanımlayıcı kullanılır
ve . Tarayıcıya, bu tanımlayıcılar arasında tanımlanan hücrelerin aynı tablo satırına ait olduğunu söylerler.Tanımlayıcılar
ve tablo başlıklarını tanımlar.Tanımlayıcılar
ve hücrenin içeriğini belirler.Tanımlayıcıda bulunan COLSPAN niteliğini kullanma
veya , karşılık gelen hücrenin birden çok sütuna yayılmasını sağlayabilirsiniz. Bunu yapmak için, COLSPAN özniteliğini hücrenin işgal etmesi gereken sütun sayısına ayarlayın. ROWSPAN niteliği, yalnızca dizeler için aynı işlevi gerçekleştirir. ^ 3. Masa tipi seçimi
Hücreleri tanımlamaya geçmeden önce, tablonun bazı genel özelliklerini tanımlamak gerekir. Bunlar, tablo genişliği, hücre aralığı, hücre aralığı vb.
Bu ortak özelliklerden biri de bezel yani bezeldir. tabloyu belgenin geri kalanından ayıran kenarlık. Bunu yapmak için BORDER = n niteliğini kullanın; burada n, sınırın piksel cinsinden genişliğidir. BORDER özelliği, tanımlayıcıya yerleştirilir
... 0'ı seçerseniz veya tamamen atlarsanız verilen nitelik, ardından kenarlıksız bir tablo oluşturulur.
Tablonun genişliğini belirlemek için, WIDTH niteliği kullanılır ve ayrıca tanımlayıcıya yerleştirilir.
... Genişlik yüzde veya piksel cinsinden belirtilir ve tırnak işaretleri içine alınır.
Tanımlayıcıya yerleştirilen COLS özelliği ile
, tablodaki sütun sayısını belirleyebilirsiniz:
.
Son olarak, tanımlayıcıdaki CELLSPACING ve CELLPADDING öznitelikleri tablodaki aralığı tanımlamak için kullanılır.
. CELLSPACING özelliği, hücreler arasındaki mesafeyi piksel cinsinden tanımlar ( standart değer 2'ye eşittir.
CELLPADDING özniteliği, bir hücrenin içeriği ile sınırları arasındaki piksel cinsinden mesafeyi belirtir (varsayılan mesafe 1'dir).
^ 4. Tablo hücrelerindeki verileri yatay ve dikey olarak hizalama
ALIGN özelliği, hücrelerin içeriklerini hizalamanıza olanak tanır ve MERKEZ, JUSTIFY, CHAR, SAĞ, SOL olabilir.
ALIGN niteliğini JUSTIFY olarak ayarlarsanız, hücrenin metin içeriği genişliğe göre hizalanır.
ALIGN özniteliğini CHAR olarak ayarlarsanız, hücrenin içeriği CHAR özniteliği kullanılarak belirtilen karaktere göre hizalanır. Örneğin, ALIGN = "char" CHAR = "," kaydı, doğal sayıları ondalık ayırıcıyla hizalamak için kullanılabilir.
^ Tablo hücrelerindeki verileri dikey olarak hizalama
VALIGN özelliği kapsayıcıda kullanılabilir
, , ... Metni hücrenin üstüne veya altına hizalamak ve dikey olarak ortalamak için kullanılabilir. VALIGN özelliği şu değerleri alabilir: TOP, MIDDLE, BOTTOM. Tablolara etiket ekleme
Bir kapsayıcı kullanma
tablolara imza ekleyebilirsiniz. Böylece, etiketlerin yardımıyla, örneğin tabloda kullanılan ölçü birimleri hakkında bilgi ekleyerek, tabloyu daha ayrıntılı olarak tanımlayabilirsiniz. Varsayılan olarak, etiketler tablonun üzerinde bulunur, ancak başka bir yere yerleştirilebilirler. Örneğin, bir tablonun altına başlıklar yerleştirmek için aşağıdaki kod kullanılır:
bu imza BOTTOM özniteliğine ek olarak, CAPTION kapsayıcısında TOP, LEFT, RIGHT öznitelikleri kullanılabilir.
^ 5. Boyama tabloları ve çerçeveler
Tabloya Web sayfasının geri kalanından farklı renkte bir arka plan ekleyebilirsiniz. Ayrıca, tablonun geri kalanından öne çıkmalarını sağlamak için satırları veya tek tek hücreleri renklendirebilirsiniz.
Bunun için tanımlayıcının BGCOLOR özelliği kullanılır.
.
BGCOLOR öznitelik değeri onaltılık (#rrggbb biçiminde) veya metin olabilir.
Tanımlayıcı kullanma
ve BORDERCOLOR ve BORDERLIGHT öznitelikleri, tablo kenarlığının rengini değiştirebilirsiniz. BORDER özelliği tanımlayıcıya yerleştirilmelidir
... Tablo içindeki bordür rengini değiştirmek için, tanımlayıcıda BORDERCOLOR ve BORDERLIGHT niteliklerini kullanmanız gerekir.
veya . BORDERCOLOR özniteliğinin değeri 3B tablo çerçevesinin üst kısmını etkiler ve BORDERLIGHT değeri alt kısmı (yani gölgeyi) etkiler. Bu öznitelikler, 3B tablo çerçevelerinin standart sunum özniteliklerini değiştirmek için kullanılabilir.
^ pratik görev
Aşağıdaki tablonun HTML kodunu oluşturun
Soyadı
haftanın günleri
Pazartesi
Salı
Çarşamba
Perşembe
Cuma
İvanov
6
0
0
0
0
Petrov
0
6
0
0
0
Sidorov
0
0
6
0
0
Sergeyev
0
0
0
6
0
Vasilyev
0
0
0
0
6
tablo oluşturma
Soyadı
haftanın günleri
Pazartesi
Salı
Çarşamba
Perşembe
Cuma
İvanov
6
0
0
0
0
Petrov
0
6
0
0
0
Sidorov
0
0
6
0
0
Sergeyev
0
0
0
6
0
Vasilyev
0
0
0
0
6 Konu 4: Liste Oluşturma (1 saat)
Plan
1. Bir yapılandırma aracı olarak listeler. Liste türleri
2. Numaralandırılmış listeler
3. Madde işaretli listeler
4. Tanım listeleri
5. Listeleri yerleştirme ve birleştirme
^ 1. Bir yapılandırma aracı olarak listeler. Liste türleriListeler, belgenizi yapılandırmanın çok güçlü bir yoludur. Onların yardımıyla, materyalin açık ve net bir sunumunu sağlayabilirsiniz. HTML, çekici ancak işlevsel listeler oluşturma yeteneği sağlar.
HTML, farklı türde listeler oluşturma yeteneği sağlar. Ayrıca, her biri hem bağımsız olarak hem de diğer liste türleri ile birlikte kullanılabilir.
^ Tablo - HTML Liste Türleri ve Karşılık Gelen Tanımlayıcıları
^ 2. Numaralandırılmış listeler
Sıralı ve numaralı listeler aynı şeydir. Bu terimler birbirinin yerine kullanılmaktadır. Bir kapsayıcı kullanılarak numaralı bir liste oluşturulur. Her liste öğesi, bir tanımlayıcı kullanılarak bu kapsayıcı içinde tanımlanır.
(liste öğesi anlamına gelir). Varsayılan olarak, liste öğeleri sıradan Arap rakamları kullanılarak numaralandırılır. Ancak numaralandırma için alfabedeki harflerin (küçük veya büyük harf) veya Romen rakamlarının kullanılmasını sağlayabilirsiniz. Liste biçimlendirme stili, aşağıdaki sözdizimi kullanılarak tanımlanır:
type parametresi tabloda gösterilen değerleri alabilir.
^ Tablo - HTML'de sıralı liste türlerinin numaralandırılması
Numaralandırma yöntemi de listenin ortasından değiştirilebilir. Bunu yapmak için ilgili liste öğesi aşağıdaki gibi tanımlanmalıdır:
Listeyi sayılarla veya harflerle herhangi bir sayı veya harfle numaralandırmaya başlayabilirsiniz. Bunu yapmak için BAŞLAT özelliğini kullanın.Belirli bir harf veya Romen rakamıyla numaralandırmaya başlamak için TÜR ve BAŞLAT niteliklerini kullanın. Bu prosedürün sözdizimi aşağıdaki gibidir:
Parametre değeri bir sayıdır.
Listedeki numaralandırma düzenini değiştirmek için tanımlayıcının VALUE özelliğini kullanın.
. ^ 3. Madde işaretli listeler
En yaygın liste türü, sırasız veya madde işaretli listedir. Bu tür listelerde, sırasız listedeki her bir öğenin yanında, büyük siyah bir daire veya kare gibi görünebilecek bir madde işareti vardır.
Madde işaretli listeler oluşturulurken tanımlayıcılar kullanılır
ve ... Numaralandırılmış listelerde olduğu gibi, madde işaretli listelerdeki tüm öğeler tanımlayıcı kullanılarak tanımlanır.
. Tüm listenin işaretçi türünü değiştirmek için sözdizimini kullanın.
, ve listenin bir öğesi için -
, burada type parametresi tabloda verilen değerlerden biridir. ^ Tablo - Madde İşareti Çeşitleri
^ 4. Tanım listeleri
Her terim tanımın girintili bir paragrafına sahip olduğundan, tanım listeleri bir şekilde sözlükleri andırır. Bu araç, ayrıntılı açıklamalarıyla birlikte bir ürün listesi oluşturmanız gerekirse (örneğin, perakende mal veya gayrimenkul katalogları için) vazgeçilmezdir.
Tanım listesi kapsayıcıda bulunur
. Tanım listesi öğeleri, tanımlayıcılar kullanılarak oluşturulur
ve , yardımı ile işaretlenmiş Terim ve onun tanım sırasıyla. ^ 5. Listeleri yerleştirme ve birleştirme
Dilerseniz birleştirebilirsiniz çeşitli türleri listeler, aynı zamanda bunları iç içe yerleştirmenin yanı sıra, bir veya bir farklı şekiller geç kaldılar.
Aşağıdaki liste, yuvalama kullanımına bir örnek gösterir maddeli liste numaralandırılmış olarak.
Yerleştirme listeleri
İç içe listeler
Gençlik iksiri nasıl hazırlanır
Aşağıdaki öğelerin eşit kısımlarını alın:
Timsah gözyaşları
Ölü eşek kulaklarından
Çörek deliği
Her şeyi karıştırın ve toz haline getirin
Tozu alkolle dökün
Elde edilen sıvıyı bir şişeye dökün
Şişeyi bahçeye göm
Tam 1 yıl sonra kazın
Şişeyi denize atın ve kendinizi kandırmayın! Öz
1. Kısa hikaye www
2. HTML dili - Web belgeleri oluşturma:
a) Web belgesi şablonu
b) metin biçimlendirme
c) paragraf biçimlendirme
d) resim görüntüleri ile çalışma:
I. arka plan resimleri
II. statik ve dinamik görüntüler
f) çerçeveler:
I. Dikey çerçeveler
II. yatay çerçeve
III. iç içe çerçeveler
Alternatif belge hazırlama yöntemleri
1. World Wide Web'in Kısa Tarihi
İnternetin özellikle her türlü bilginin büyük bir deposu olduğu iyi bilinmektedir. World Wide Web'in (WWW) ortaya çıkmasından önce, ihtiyacınız olan bilgiyi bulmak için İnternette gezinmek kolay değildi. Dosyayı FTP sunucusundan almak için istemci uygulamasını ayrıca indirmeniz gerekiyordu. Aynı zamanda, şifrenizi hatırlamanız gerekiyordu, istediğiniz dosyayı aramak için çok sayıda dizinde gezinmek zorundaydınız, onu almadan önce doğru aktarım modunu ayarlamayı unutmadınız; FTP sunucuları vb. ile çalışmak için çok sayıda komut bilir. Bir konferansı görüntülemeniz gerekiyorsa, konferans mesajlarını okumak, iletmek ve kaydetmek için kendi komutları olan başka bir uygulamayı başlatmanız gerekiyordu. Hepsi uygunsuzdu.
Yaklaşık beş yıl önce örgütlenmek için bir girişimde bulunuldu. bilgi sırası v İnternet ağları... Bu, İsveç'teki Avrupa Nükleer Araştırma Merkezi'nde doğan World Wide Web hizmetine yol açtı. WWW fikri, sözde hiper medya Web sayfaları olarak da adlandırılan belgeler veya Web belgeleri, verilerin düzenlenmesine ve alınmasına yardımcı olmak için tasarlanmıştır. Bu belgeler hem metin hem de metin dışı içerebilir metin bilgisi(örn. resimler, ses) ve bağlantılar. Bağlantılar, bir belgedeki bir yerden başka bir yere özgürce hareket edebileceğiniz, hatta dünyanın diğer tarafında bulunabilecek ayrı bir belgeye bağlanabileceğiniz işaretçilerdir. Web belgeleri yalnızca metin değil, çok çeşitli bilgiler içerebilse de, neredeyse her zaman hiper metin olarak adlandırılırlar ( hiper metin) genel olarak tamamen doğru olmayan belgeler.
Ekranda, tipik bir Web belgesi, bağlantıları olan bir metin kümesine benziyor; çeşitli çizimler mevcut olabilir. Bağlantıları kullanarak belgeyi çevirebilir, içeriği görüntüleyebilir, belgede veya diğer belgelerde hızlı bir şekilde gezinebilirsiniz.
WWW'nin ortaya çıkmasıyla, İnternet metin ve grafik sunmaya başladı, fare ile dünyayı dolaşmak ve ihtiyacınız olan bilgiyi basit bir işaretle ve tıklama ile kolayca bulmak mümkün oldu. Dosyaları indirmek ve konferansları okumak kolaylaştı. WWW hizmetinin dünya çapında popülerlik kazanması ve yaygın olarak benimsenmesinin nedeni budur. İnternette her gün görünür Büyük miktarlar Web sunucuları ve binlerce yeni belge yayınlanmaktadır.
WWW'de Web belgeleri oluşturmak için özel bir HTML dili kullanılır, bu da Köprü Metni İşaretleme Dili anlamına gelir - bir köprü metni biçimlendirme dili, bir veri biçimlendirme dili. Standart Genelleştirilmiş İşaretleme Dili'ne (SGML) dayanan HTML, Web belgelerindeki verilerin biçimlendirilmesini ve organizasyonunu tanımlar. Metnin ekrana tam olarak nasıl yerleştirileceğini tanımlamaz, verinin yapısını tanımlar. Bir web belgesi sadece metinsel bilgilerden fazlasını içerebilir ve bu nedenle HTML'yi HyperMedia İşaretleme Dili olarak adlandırmak daha doğru olur, ancak literatürde HTML kısaltması neredeyse her zaman kullanılır. Bir HTML belgesi, normal bir ASCII dosyasıdır. Herhangi bir Web belgesindeki verilerin formatını belirleyen özel tanımlayıcılara (etiketlere) dayanır. Doğal olarak, HTML belgelerini World Wide Web'de görüntülemek için özel bir yazılım... Bu tür programlara tarayıcı denir (İngilizce'den. Araştır- çevirin, görüntüleyin). Onların yardımıyla, Web sayfalarını indirebilir ve görüntüleyebilir, WWW'de gezinebilirsiniz, vb. V şu anda en popülerleri Microsoft tarayıcıları olan oldukça fazla sayıda tarayıcı vardır. Internet Explorer, Netscape Navigator ve NCSA Mosaic. Tarayıcı, HTML dosyasını okuduktan sonra, belgede yer alan verileri tanımlayıcılar kullanarak yorumlar ve bunları bilgisayar ekranında buna göre görüntüler. 1, bir Web belgesi örneğini gösterir:
Şekil 1 Örnek Web belgesi
HTML hızla gelişiyor. Gelişimi sırasında yeni fırsatlar elde etti ve az kullanılan ve modası geçmiş olanları kaybetti. Şu anda, HTML dilinin mevcut resmi sürümü, Web belgeleri oluşturmak için araçlar geliştiren sürüm 3.2'dir. HTML 2.0 ile karşılaştırıldığında, yeni sürüm tablolar, görüntüleri metinle "sarma", Java uygulamalarını gömme ve diğerleri gibi yeni özellikler sunar.
Bunun dışında bugün için Resmi sürüm dil, ayrıca Microsoft ve Netscape'in HTML sürümlerini de destekler ve destekler. Ek özellikler resmi HTML sürümünün belirtiminde açıklanmamıştır. HTML dilinin resmi olmayan sürümlerinin öğelerini kullanarak oluşturulmuş belgeleri görüntülerken tarayıcı uyumluluğu sorununu çözmek için, yukarıda belirtilen şirketler, ürünlerinde dilin alternatif bir sürümü için destek içerir. Dilin, Web belgelerini tasarlamak için geliştirilmiş eski ve heyecan verici yeni yollar vaat eden Dinamik HTML adı verilen 4.0 sürümü zaten yolda. W3C (World Wide Web Consortium) zaten dilin bu sürümünü standart olarak önermektedir. seçenekler var Yeni sürüm Microsoft ve Netscape'den, ancak henüz birbirleriyle uyumlu olmayan diller. Bu çalışma, dilden belge oluşturmanın ana araçlarını ortaya koymaktadır. HTML sürümleri 3.2, Netscape Communications'dan.
2. HTML dili. Web Belgeleri Oluşturma
Yukarıda bahsedildiği gibi, bir HTML belgesinin formatı özel tanımlayıcılarla belirlenir. Tanımlayıcı bir veri biçimlendirme komutudur ve bu komut köşeli parantez içine alınmıştır.<» и «>". Biçimlendirilecek metnin aralarına yerleştirildiği açma ve kapama tanımlayıcıları vardır. Açılış tanımlayıcıları, biçimlendirme yöntemini ayarlar, ikincisi onu geçersiz kılar. Bu tanımlayıcılar arasındaki fark, kapanış tanımlayıcısında adın önünde bir eğik çizgi bulunmasıdır. Örneğin, tanımlayıcılar. Kapsayıcı bir varyant gerektirmeyen tanımlayıcılar da vardır.
HTML büyük/küçük harfe duyarlı değildir, bu nedenle tüm tanımlayıcılar hem büyük hem de küçük harflerle belirtilebilir. Tarayıcı, bunları herhangi bir yazımda açık bir şekilde yorumlayacaktır.
Tipik bir Web sayfasının kaynak koduna bakarsanız, aşağıdaki içeriği görebilirsiniz:
belge başlığı
Metin
Metin
Metin
Metin
tanımlayıcılar arasında ve tüm belge doğrudan bulunur. Tanımlayıcılar
ve belgenin başlığını belirleme kapsamını tanımlayın. bir çift arasındave belgenin başlığı yerleştirilir. İçeriği tarayıcı penceresinin başlığında görülür. Başlık bilgisi, bazı web robotları tarafından WWW kaynaklarını tararken verileri indekslemek için kullanılır. Bu alana, örneğin yazar hakkında bilgi, belgenin kısa bir açıklamasını girebilirsiniz. tanımlayıcılar arasında ve tarayıcı tarafından ekranda görüntülenecek verileri içerir. Tanımlayıcılar ve yazar hakkında ekranda görüntülenecek bilgileri içerir, örneğin yazarın adı ve soyadı, e-posta adresi, belgenin oluşturulma ve değiştirilme tarihi vb.Açıkça söylemek gerekirse, belge oluştururken yukarıdaki tanımlayıcılardan hiçbiri gerekli değildir, ancak bunlar belgelerin yapılandırılmasına yardımcı olur ve tanımları Web sayfaları oluştururken iyi bir stilin işaretidir.
Metin biçimlendirme
Metni biçimlendirme, metni belirli bir yazı tipinde veya belirli niteliklerle görüntülemek anlamına gelir.
Metni biçimlendirmek için, bir çift tanımlayıcı arasına bir dize veya metin satırı eklemeniz gerekir. Ana tanımlayıcı listesi ve metin biçimlendirme sonuçları aşağıdadır:
Örneğin, ekranda belirli bir satırı italik olarak görüntülemek istiyorsanız, Web belgesinin gövdesine aşağıdakiler girilmelidir:
Bu metin italik olarak yazılmıştır
Sonuç olarak, tarayıcı şunları gösterecektir:
Bu metin italik olarak yazılmıştır
Tanımlayıcılar herhangi bir sırayla birbirleriyle birleştirilebilir, örneğin kombinasyon
Bu metin kalın italik yazı tipiyle yazılmıştır
aşağıdaki çıktıyı üretecektir:
Bu metin kalın italik yazı tipiyle yazılmıştır
Bazı Web belgelerinde, kullanıcının dikkatini çekmek için yanıp sönen metin satırları görebilirsiniz. Bu amaçlar için, tanımlayıcı kullanılır
Bununla birlikte, Netscape dilinin bu uzantısı nadiren kullanılır ve bu nedenle yakında geçersiz hale gelebilir.
Web sayfalarının tasarımında genellikle çeşitli boyutlarda yazı tipleri kullanılır. Tanımlayıcıları kullanarak normalden farklı bir yazı tipi boyutuna sahip bir dize görüntüleyebilirsiniz. Metin , burada n sayısı, yazı tipinin normale göre boyutunu belirleyen 1'den 7'ye kadar bir sayıdır. Yani belgenin gövdesinde aşağıdaki metin
Bu Metin normalden dört beden daha büyük
ekran şöyle görünecek:
Bu metin normalden dört beden daha büyüktür.
Unutulmamalıdır ki tanımlayıcı çiftleri ve, ve ve Netscape HTML dilinin öğeleridir ve bu nedenle diğer tarayıcılar tarafından desteklenmeyebilir.
Paragrafları biçimlendirme
Web sayfalarında yayınlanan metin bilgileri paragraflar halinde düzenlenir. Paragraf bir tanımlayıcı ile başlar<Р>ve bir kapanış tutamacı ile biter
ancak ikincisi isteğe bağlıdır. Örnek HTML kodu:İlk paragraf
İkinci paragraf
Sonuç olarak, ekran aşağıdaki sonucu gösterecektir:
İlk paragraf
İkinci paragraf
Bir belge oluştururken, tarayıcının metni biçimlendirirken sözcükler arasındaki boşlukları ve satır sonlarını yok saydığı, bu nedenle yalnızca tanımlayıcılar arasındaki metni bir paragraf olarak kabul ettiği akılda tutulmalıdır. Tutamaç tarafından zorunlu bir satır sonu ayarlanır
hangi bir kapatma seçeneği yoktur. Basit kod:İlk satır
İkinci çizgi
Sonuç olarak, tarayıcı şunları gösterecektir:
İlk satır
İkinci çizgi
Metni gerekli sayıda boşluk ve satır sonu ile görüntülemeniz gerekiyorsa, onu tanımlayıcılara dahil etmeniz gerekir.
VE... Bu genellikle program kaynak listelerini görüntülemek için kullanılır. Bu durumda, metin tek aralıklı bir yazı tipinde görüntülenecektir.Başlık oluşturma
Tanımlayıcılar kullanılarak çeşitli düzeylerdeki başlıklar belirtilir.
ve , burada n, 1'den 6'ya kadar bir sayıdır. En büyük başlık, tanımlayıcı tarafından belirtilir., en küçüğü bir tanımlayıcıdır
... Örneğin:
Bu 1. seviye bir başlıktır
Bu 3. seviye bir başlıktır
Bu 6. seviye bir başlık
Sonuç olarak, ekran şunları gösterecektir:
Bu 1. seviye bir başlıktır
Bu 3. seviye bir başlıktır
Bu 6. seviye bir başlık
Başlıklar, WWW'de en sık kullanılan belge biçimlendirme öğelerinden biridir.
Listeler Oluşturun
HTML'de üç tür liste tanımlamak mümkündür: numaralı listeler, numarasız listeler ve tanım listeleri. Listenin başı ve sonu özel tanımlayıcılarla belirlenir ve listenin her öğesinden önce bir tanımlayıcı belirlenir.
kapatma seçeneği yoktur. Numaralandırılmış liste:
Liste öğesi Liste öğesi Liste öğesi Sonuç:
Sırasız liste:
Liste öğesi Liste öğesi Liste öğesi Sonuç:
* Liste öğesi
* Liste öğesi
* Liste öğesi
Tanım listeleri, ikinci öğe birincinin sağına kaydırılmış, her biri iki öğeden oluşan metin gruplarıdır. Tipik olarak, bu tür listeler çeşitli kavramları açıklamak için kullanılır. Örnek:
İlk tanımlanan kavram İlk kavramın açıklaması İkinci tanımlanmış kavram İkinci kavramın açıklaması Sonuç:
Tanımlanması gereken ilk kavram.
İlk kavramın açıklaması.
İkinci tanımlanabilir kavram.
İkinci kavramın açıklaması.
Bağlantılar
Bağlantılar, HTML dilinin temel öğelerinden biridir. Bağlantılar, kullanıcının bir belgede veya hatta başka bir belgede bir yere veya başka bir yere gitmesi için hızlı ve kolay bir yol sağlar. Örneğin, istenen parçayı aramak için uzun bir Web belgesini çevirmek yerine, basit bir fare tıklamasıyla istediğiniz yere anında atlayabilirsiniz (elbette bunun için uygun bir bağlantı sağlanırsa). İki farklı belge varsa, bir belgeden diğerine erişim sağlamak için bunları birleştirmek gerekli değildir, bir belgede diğerine bağlantı yapmak yeterlidir ve her şey basit bir fare tıklamasına indirgenecektir. .
Ekranda bağlantılar, farklı bir renkle vurgulanmış ve ince bir çizgiyle altı çizili bir satır veya metin satırları olarak görünür. Fare imlecini metnin bu kısmına hareket ettirirseniz, işaret parmağının görüntüsüne dönüşecek ve bu yere tıkladıktan sonra bu bağlantı tarafından takip edileceksiniz.
HREF özelliği, geçerli belgedeki etiketin adını gösterir.
Elbette bu durumda, bağlantının kurulacağı belgede bir etiket belirlemek gerekir. Tanımlayıcı bunun için kullanılır nitelik ile
: Ekranda, etiket, bağlantıların aksine, metnin geri kalanından öne çıkmaz.
Başka bir belgede bulunan bir etikete gitmek gerekirse, yukarıdaki örnek biraz değişecektir:
URL, göreli veya mutlak olabilir. Ek olarak, bağlantı yalnızca bir belgeye değil, aynı zamanda resimlere, ikili dosyalara, ses dosyalarına vb. Belirli bir bağlantıya tıklandığında tarayıcının davranışı, belirli ayarlarına bağlıdır. Bu nedenle, bağlantı bir belgeye işaret ediyorsa yüklenir, ancak bir ses veya video dosyasıysa oynatılır. İkili bir dosyaysa, tarayıcı yerel diskte üzerine yazmayı önerecektir.
Resim yerleştirme
Görüntülerin kullanımı Web belgelerini rengarenk tasarlamanıza olanak tanır, metin ve grafik kombinasyonu herhangi bir sayfaya hoş bir görünüm ve netlik verir.
Belgeye çizimler eklemek için tanımlayıcıyı kullanın.
:
Nitelik, görüntü dosyasının adını belirtir. Dosya adı yerel bir dosyaya veya uzak dosya, bunun için ilgili URL'yi belirtmeniz gerekir. Dosya, tarayıcının anladığı grafik biçimindeki statik bir görüntü veya GIF89A biçimindeki dinamik bir görüntü olabilir. İkinci durumda, dosya tarayıcı penceresinde animasyon olarak görüntülenecektir.
ALT niteliği, örneğin kullanıcının tarayıcısı grafikleri desteklemiyorsa veya resim yükleme seçeneği devre dışı bırakılmışsa, resim yerine tarayıcı penceresinde görüntülenecek metni belirtir. Bu öznitelik isteğe bağlıdır, ancak Web belgeleri yazarken kullanılması iyi bir uygulama olarak kabul edilir.
Çoğu zaman, sayfaları grafikler kullanarak hazırlarken, istenen görüntü boyutunun gerçek boyutla eşleşmediği görülür. Örneğin, belirli bir alana belirli bir boyutta bir resim yerleştirmeniz gerekiyor. Bunu yapmak için, gerekli görüntü boyutlarını sırasıyla genişlik ve yükseklik olarak ayarlayan WIDTH ve HEIGHT özniteliklerini kullanmanız gerekir. Örneğin, 100 piksel yüksekliğinde ve 200 piksel genişliğinde bir alana büyük bir resim yerleştirmeniz gerekiyorsa, belgenin gövdesine aşağıdakileri yazmanız gerekir:
Bu niteliklerin sırası keyfi olabilir.
Belgedeki grafiklerin bolluğu, bir yandan onu iyileştirir. Genel form, diğer yandan, yükleme süresini önemli ölçüde artırır. Bir belgeyi yükleme hızı ile görünürlüğü arasında bir uzlaşma bulmak için, web tasarımcıları genellikle bu tekniğe başvururlar: bir sayfaya daha küçük bir biçimde bir resim yerleştirir ve onu kendileriyle bir bağlantı haline getirirler. Böyle bir resme tıklarsanız, tarayıcı onu yükler ve orijinal boyutunda görüntüler. Referans görüntü belgede şu şekilde açıklanmıştır:
İlginç bir fırsat, görüntüyü metinle "sarmaktır". Bu, Web sayfalarını tasarlamanın çok popüler bir yoludur. Bu durumda, ekrandaki resim, örneğin solda ve altta metinle çevrilidir. Metnin "sarılması", aşağıdaki gibi parametrelere sahip ALIGN özniteliği kullanılarak gerçekleştirilir:
SOL - metin, resmi soldan aşağıya doğru kaplayacaktır.
SAĞ - metin, resmi sağ alttan sarar
ÜST - resim sağ üst metinle çevrilidir
ALT - resim sağ alttan metinle çevrilidir
ORTA - resim sağ ortadaki metinle çevrilidir
Örneğin, Şekil 2'de gösterilen Web sayfasını derlerken. 1, belgenin gövdesinde resmi açıklayan aşağıdaki giriş kullanıldı:
Görüntüler ayrıca bir belgenin arka planı olarak da kullanılabilir. Belgedeki tüm metinler ve tüm çizimler, tarayıcı tarafından arka plan görüntüsü üzerinde görüntülenecektir. Arka plan görüntüleri oldukça basit bir şekilde aşağıdaki gibi ayarlanabilir:
Görüntünün boyutu tüm tarayıcı penceresini dolduracak kadar büyük değilse, tarayıcı pencere tamamen dolana kadar görüntüyü çoğaltacaktır.
çerçeveler
HTML dilinin resmi versiyonundaki en son yeniliklerden biri çerçeveler olarak adlandırılanlardır. Çerçeveleri kullanırken, tarayıcı penceresi, her birinde herhangi bir Web belgesini görüntüleyebileceğiniz, diğer pencerelerden bağımsız olarak kaydırabileceğiniz birkaç alt pencereye bölünür. İyi düşünülmüş bir çerçeve yapısı, belgeler arasında gezinmeyi büyük ölçüde kolaylaştırabilir ve bilgi algısını iyileştirebilir. Bir örnek, bir kitap veya derginin elektronik versiyonudur, bir pencerede bölümleri - içeriğin bağlantılarını seçebilirsiniz ve bir sonraki pencerede içerikten belirli bir bölümle doğrudan ilgili bilgileri görüntüleyebilirsiniz.
İki tür çerçeve belgesi vardır: çerçeve içeren belgeler ve basit belgeler. Çerçeve içeren belgeler, çerçeve belgesinin yapısını tanımlar, yani. tarayıcı penceresinin alt pencerelere nasıl bölüneceğine ilişkin verileri ayarlayın. Bu tür belgeler, diğer belgelere bağlantılar içerir. Normal belgeler, çerçeveleri tanımlayan verileri içermeyen belgelerdir.
Çerçeve içeren bir belgenin yapısı genellikle şöyle görünür:
başlık
Metin
Çerçeve tanımlama alanı
Örnekte görebileceğiniz gibi, böyle bir belgenin yapısı normal bir belgenin yapısından biraz farklıdır. tanımlayıcıların varlığı
onun yerine veçerçeveli bir belgeyi normal bir belgeden ayıran şey budur. tanımlayıcıları kullanmave iyi bir stilin başka bir işaretidir. Aralarında, çerçeveleri desteklemeyen bir tarayıcı penceresinde görüntülenecek metni ayarlayın.Aşağıda bir çerçeveleme belgesi örneği verilmiştir:
tanımlayıcı
