HTML İşaretleme

HTML sayfaları, metin bilgisini HTML biçimlendirmesiyle etiketleyerek oluşturulur. HTML biçimlendirmesi, köşeli parantez içinde görünen etiketlerden oluşur <ve>

Bir HTML etiketinin bir örneği, metnin kalın olarak görünmesine neden olan <B> şeklindedir. <B> etiketi yalnızca kalın harflerle görünmeye başlamalıdır, etiket </ B> ise embolizasyonun sonuna işaret eder. Çoğu HTML etiketinde, / karakterinden önce gelen etiketin adıyla belirtilen karşılık gelen bir bitiş etiketi bulunur.

Yani, metni oluşturmak için:

İnternet Ticaret harika!

Metin şu şekilde işaretlenir:

<B> İnternet Ticareti harika! </ B>

Metni italik olarak görüntülenecek şekilde işaretlemek için başka bir HTML etiketi <I>. Metni oluşturmak için:

İnternet Ticaret harika!

metni şu şekilde işaretleyin:

<I> İnternet Ticareti harika! </ I>

Etiketlerin büyük / küçük harfe duyarlı olmadığını unutmayın. Diğer bir deyişle, her ikisi de kalın metin belirterek <B> veya <b> aynı etikettir.

HTML Etiketlerini Yerleştirme
Metin hem kalın hem de italik olabilir. Bu, hem <B> hem de <I> etiketlerini kullanarak yapılır. Bunu yaparken, HTML etiketlerinin üst üste gelmemesi gerektiğini hatırlamak önemlidir. Diğer bir deyişle:

<B> <I> İnternet Ticareti
Büyük! </ I> </ B>
doğru ama

<B> <I> İnternet Ticareti harika! </ B> </ I>

Hata.

Çakışan etiketler yaygın bir hatadır. Web tarayıcıları genellikle ne anlama geldiğini anlamaya yetecek kadar akıllı olsa da, sorunlara yol açabilir. Ayrıca, bir HTML sayfasının geçerli HTML olarak kabul edilmesi için çakışan etiket içermemesi gerekir.

Aktivite 1: Not Defteri ile Başlarken
Bu Etkinlik bir HTML web tasarım sayfasının oluşturulmasını kapsar. Bir Web tarayıcısına ve bir metin düzenleyicisine ihtiyacınız olacak. İstediğiniz herhangi bir metin düzenleyicisini kullanın, ancak aşağıdaki Etkinlik açıklamaları MS-Not Defteri’ni kullanacaktır.

Web tarayıcınızı açın. Bu etkinliğin amacı, tarayıcınızla açılabilen bir Web belgesi oluşturmaktır.

Not Defteri’ni açın. Başlat, ardından Programlar, ardından Donatılar ve son olarak Not Defteri seçilerek bulunabilir.

Aşağıdaki metni Not Defteri’ne yazın: adınız ve modül numarası (CSC5003). Bu dosyayı start.txt olarak kaydedin.

Şimdi Dosya / Aç’ı seçerek tarayıcıya start.txt dosyasını yükleyin. Bu bir diyalog kutusu getirir. Dosyayı bulmak için göz atın. (Varsayılan olarak ‘HTML dosyaları’ olduğundan ve .txt dosya uzantısına sahip bir metin dosyası yüklediğiniz için, iletişim kutusundaki Tümü türündeki dosyaları seçmeniz gerekeceğini unutmayın.)

Tarayıcı şimdi start.txt dosyasında bulunan metni göstermelidir. (Eğer değilse, start.txt dosyasını kaydettiğinizden ve açtığınız dosyanın bu olduğundan emin olun.)

Start.txt dosyasını görüntüledikten sonra Not Defteri’ne dönün. “Internet Commerce” metnini ekleyin ve dosyayı tekrar kaydedin.

Web tarayıcısına geri dönün ve dokümanı yeniden yükleyin (Yenile veya Yeniden Yükle araç çubuğu düğmelerini kullanarak veya Dosya / Aç bir kez daha seçerek).

Yeni metin parçasını görebiliyorsanız, ilk Web sayfanızı oluşturmak için Not Defteri’ni başarıyla kullandınız.

Etkinlik 2: HTML ile çalışmaya başlama
Bu Etkinlik, Etkinlik 1’de oluşturulan metin dosyasına HTML etiketleri ekler.

Dosyalarınızı start.txt dosyasını Not Defteri’nde açın.

Kalın olarak görünen “İnternet Ticaret” metnini işaretleyin. Bunu <B> etiketini metnin önüne ve </ B> metninin sonuna aşağıda gösterildiği gibi yerleştirerek yapın:

<B> İnternet Ticareti </ B>

Bazı HTML formatlarını içerdiğinden dosyayı start.htm olarak kaydedin. Dosyayı bu yeni adla kaydedin (Farklı Kaydet).

Web tarayıcısında start.htm’yi yükleyin. İnternet Ticaret şimdi kalın olarak görünmelidir.

Not Defteri’ne dönün ve bir kısmını daha kalın, diğerlerini italik olarak ekleyin. (<I> italik etiketidir.) Belgeyi kaydedin ve yeniden yükleyin.