Statik Web Sayfası Nasıl Yapılır

...

İnternet: olması gereken yer.

Bir buluş, hayatımız boyunca dünyayı tamamen değiştirdiyse, o da İnternet'tir. Gittikçe daha fazla insan Web'de sosyal ağlar tarafından sunulanın ötesinde bir varlık istiyor: kendilerine ait bir Web alanı istiyorlar. Büyük web siteleri giderek daha karmaşık hale geliyor ve Flash, CSS, perl ve JavaScript gibi acemiler için korkutucu bir jargon kullanıyor, ancak korkmayın. Dört basit harf, herkesin anında Web'de var olmasına izin verebilir: HTML. Harfler, statik bir Web sayfası oluşturmak için bir dizi etiket kullanan bir programlama dili olan köprü metni biçimlendirme dilini temsil eder. Ne kadar çok etiket bilirseniz, statik bir Web sayfasıyla o kadar çok şey yapabilirsiniz.

Aşama 1

Aşağıdaki kodu Not Defteri gibi basit bir metin düzenleyiciye kopyalayarak statik bir Web sayfasının temel iskeletini oluşturun:

Günün Videosu

Ardından dosyayı index.html (varsayılan ana sayfa adı) olarak kaydedin ve tarayıcınızda açın. Boş bir Web sayfası oluşturduğunuz için hiçbir şey görmemelisiniz.

Bu etiketlerin hepsinin bir anlamı var. Etiket, tarayıcıya bir Web sayfasının geleceğini bildirir. arama motorları için her türlü bilginin gidebileceği yerdir. insanların göreceği kısmın başlamak üzere olduğu anlamına gelir.

Adım 2

HTML'yi iki ana etiket türü (parantez içindeki kod parçaları) olarak düşünün. Biri tarayıcıya bir şey yapmaya başlamasını, diğeri ise durmasını söyler.

Bu metni kalın yap

sonra her şey -- açılış etiketi -- ulaşana kadar kalın olacak -- kapanış etiketi. "/" tarayıcıya durmasını söyler.

Aşama 3

Web sayfanıza metin ekleyin. Web sayfasının gövdesine ve arasına "Bu benim Web sayfam" yazın. Sayfayı kaydedin ve tarayıcıda bir göz atın. Sonuç güzel ama çok heyecan verici değil. Tatlandırmak için birkaç etiket daha deneyin. Örneğin, metni kalın yapar; metni italik yapar; yazı tipi boyutunu 1'den (en küçük) 6'ya (en büyük) değiştirmenizi sağlar; metni kırmızı yapar (veya girdiğiniz başka bir renk);

metni (veya resmi) sayfada ortalar.

Bu etiketlerin birkaçını aynı metin bloğunda kullanmayı deneyin. İstediğiniz kombinasyonu yapabilirsiniz.

Ayrıca, sayfanızdaki öğelerin arasına aşağıdakileri koyarak boşluk ekleyebilirsiniz:

paragraf sonu için;
satır sonu için;


Web sayfası boyunca bir çizgi ile bir ara oluşturmak için.

4. Adım

Sayfanıza resim ekleyin. Bunu etiketi kullanarak yapın ve bu örnekteki Web adresini kullanmak istediğiniz görüntünün konumuyla değiştirin. Bu, bitiş etiketi olmayan birkaç etiketten biridir. Görüntüler de tıpkı metin gibi ortalanabilir.

Adım 5

Başka bir web sitesine bağlantı oluşturun. Bu etiketle yapılır Buraya tıklayın. Bu kod, "Buraya Tıklayın" kelimesini başka bir web sitesine bağlantı yapar. Metin yerine, kodu kullanarak bağlantı olarak bir resim kullanabilirsiniz. .

Bu HTML kodlarını birlikte kullanarak, istediğiniz karmaşıklıkta statik Web sayfaları oluşturabilirsiniz.

HTML etiketlerini kutuların içindeki kutular veya Rus bebekleri olarak düşünün. Buna yuvalama denir ve her şeyi düzgün ve okunması kolay tutar. Örneğin, arasına yerleştirilen metin

ve
kalın, italik ve ortalı olacaktır. NS
kutunun içinde kutunun içinde bulunan kutu.