Html Kullanarak Bir Web Sitesi Nasıl Oluşturulur

İçindekiler:

Html Kullanarak Bir Web Sitesi Nasıl Oluşturulur
Html Kullanarak Bir Web Sitesi Nasıl Oluşturulur

Video: Html Kullanarak Bir Web Sitesi Nasıl Oluşturulur

Video: Html Kullanarak Bir Web Sitesi Nasıl Oluşturulur
Video: Html ile web Sitesi Yapımı En Kolay Anlatım 2024, Kasım
Anonim

Bugün, İnternetin patlayıcı büyümesiyle birlikte, özellikle HTML ve standart Web tarayıcıları olmak üzere Web teknolojileri giderek daha fazla kullanılmaktadır. HTML (Köprü Metni İşaretleme Dili), bir köprü metni işaretleme dilidir. Bu biçim, belgenin görünümünü, metin, grafik ve multimedya bilgilerinin karşılıklı düzenini belirler. Kampanyalar, çok büyük paralar için sitelerin oluşturulmasıyla ilgilenmektedir. Ancak "html etiketleri" yardımıyla kendi ellerinizle oldukça ilginç bir web sitesi oluşturabilirsiniz.

Html kullanarak bir web sitesi nasıl oluşturulur
Html kullanarak bir web sitesi nasıl oluşturulur

Bu gerekli

  • - tarayıcı;
  • - Metin düzeltici.

Talimatlar

Aşama 1

HTML dosya formatı oldukça basittir. Dosya oluşturma ve değişiklik yapma, herhangi bir metin düzenleyici tarafından gerçekleştirilir. Sonuçları görüntülemek için bir web tarayıcısı kullanılır. HTML belgelerinin ana avantajı, birbirlerine çapraz başvuru yapabilmeleridir. Çapraz referanslar, ilgilendiğiniz bir konu hakkında ek bilgiler içeren bir belgeye hızlı bir şekilde başvurmanıza ve ardından kaynak metinle çalışmaya devam etmenize yardımcı olur. HTML dili kullanılarak yazılan herhangi bir belge, sayfanın içeriğinden oluşur, yani. metin ve kontrol karakterleri - etiketler. Tüm HTML etiketleri açılı parantez içine alınmalıdır. Tipik olarak, bir başlangıç etiketi ve bir bitiş etiketi kullanılır. Bitiş etiketi, bir eğik çizgi bulunmasıyla başlangıç etiketinden farklıdır.

Adım 2

Bir site oluşturmaya başlamak için bir metin düzenleyiciye (not defteri) gidin.

Ardından etiketleri girin:

HTML - / HTML - herhangi bir HTML belgesinin ilk ve son etiketleri.

HEAD - / HEAD - belge kafasının başlangıcı ve sonu.

TITLE - / TITLE - belgenin başlığını ayarlayın (tarayıcı penceresinin başlığı).

BODY - / BODY - belgenin içeriğini tanımlayan HTML belgesinin gövdesinin başı ve sonu.

Aşama 3

Ardından, metni biçimlendirmeniz gerekir. Bu, aşağıdaki etiketleri gerektirir:

Hx - / Hx - (x, 1'den 6'ya kadar bir sayıdır) altı farklı seviyedeki başlıkları tanımlar. Birinci seviye başlık en büyüğüdür, altıncı seviye en küçüğüdür.

P - / P - bir paragraf tanımlayın (/ P etiketi olmayabilir).

ALIGN, paragrafın hizalamasını belirleyen bir parametredir:

ALIGN = MERKEZİ - merkez hizalaması;

ALIGN = SAĞ - sağa hizalama;

ALIGN = SOL - sola hizalama.

BR - paragrafı bozmadan yeni bir satıra gidin.

B - / B - metni kalın olarak görüntüler.

I - / I - metni italik olarak görüntüler.

U - / U - altı çizili metin.

STRIKE - / STRIKE - üstü çizili metin.

BLOCKQUOTE - / BLOCKQUOTE - tırnak işaretlerini görüntüler.

SUB - / SUB - abonelikleri görüntüler.

SUP - / SUP - üst simgelerin gösterimi.

TT - / TT - sabit karakter genişliğine sahip bir yazı tipi kullanın.

BÜYÜK - / BÜYÜK - geçerli yazı tipinin boyutunu artırır.

KÜÇÜK - / KÜÇÜK - geçerli yazı tipinin boyutunu küçültür.

TABAN FONT BOYUTU = n - (n, 1'den 7'ye kadar bir sayıdır - yazı tipi boyutunun temel değeri.

FONT SIZE = + / - n - / FONT - yazı tipi boyutunu değiştirin.

YAZI TİPİ RENGİ = # xxxxxx - YAZI TİPİ - yazı tipi rengini ayarlama: Aqua - deniz dalgası; Siyah siyah; vb.

BODY - arka plan rengini değiştirin.

HR - yatay çizgi, bu etiket şu özellikleri kullanabilir:

RENK - çizgi rengi;

SIZE - piksel cinsinden çizgi genişliği;

GENİŞLİK - piksel cinsinden veya pencere genişliğinin yüzdesi olarak çizgi genişliği;

ALIGN - çizgi hizalama;

NOSHADE - gölgesiz boyama;

GÖLGE - bir gölge ile çizim.

4. Adım

Sitenize herhangi bir liste eklemeniz gerekiyorsa, etiketleri girmeniz gerekir:

UL - / UL - sırasız liste (numaralandırma, sıralama yok):

LI - bir liste öğesinin tanımı;

TYPE, bir liste işaretçisini tanımlayan bir parametredir:

TİP = DAİRE - işaretleyici olarak bir daire kullanılır;

TİP = DİSK - işaretçi olarak nokta kullanılır;

TİP + KARE - işaretleyici olarak bir kare kullanılır.

OL - / OL - numaralı liste:

TYPE, listenin türünü belirten bir parametredir:

TYPE = A - büyük Latin harfleri liste numarası olarak kullanılacaktır;

TYPE = a - küçük Latin harfleri liste numaralandırıcıları olarak kullanılacaktır;

TYPE = I - büyük Romen rakamları liste numaraları olarak kullanılacaktır;

TYPE = i - liste numaraları olarak küçük Romen rakamları kullanılacaktır;

BAŞLAT, listenin başlangıç numarasını tanımlayan bir parametredir.

DL - / DL - açıklamalı liste:

DT - bir liste öğesinin tanımı;

DD, bir liste öğesi için bir açıklamadır.

Adım 5

Sitenizin bir sayfayla sınırlı kalmaması için birkaç tane oluşturun. Gezinmek için aşağıdaki etiketlerle tanımlanan köprülere ihtiyacınız vardır:

Bir HREF = URL - / A - belgeye bir bağlantı ekler (etiketler arasında bağlantı metnini girmelisiniz).

HREF - bir sayfanın veya kaynağın adresi;

URL - tek tip kaynak adresi: servis: // sunucu [: bağlantı noktası] [/yol]:

servis - protokolün adı (HTTP - bir HTML belgesine erişim, bir FTP sunucusundan bir dosya için FTP talebi, DOSYA erişimi

yerel makinedeki dosya);

sunucu - kaynağın adının belirtilmesi;

port - web sunucusunun çalıştığı port numarası;

path, kaynağın bulunduğu dizindir.

A HREF = # yer imi adı - / A - yerel bir bağlantı ekleyin (etiketler arasında bağlantı metnini girmelisiniz).

A İSİM = yer imi adı - / A - bağlantının yapılacağı yer imini ayarlayın.

6. Adım

Sitenin sıkıcı olmaması için grafik tasarım gereklidir. Bunu yapmak için etiketleri kullanın:

BODY BACKGRAOUND = "dosya_adı" - arka plan olarak kullanılan resmi ayarlar.

IMG SRC = "dosya_adı" - bir HTML belgesine bir grafik dosyası ekleyin, bu etiket parametreleri kullanır:

ALT = "metin dizesi" - tarayıcı, grafikleri otomatik olarak yükleme özelliğini devre dışı bıraktıysa, grafik görüntüsü yerine görüntülenen bir metin dizesini tanımlar;

YÜKSEKLİK, GENİŞLİK - piksel cinsinden görüntü yüksekliği ve genişliği;

HPACE, VSPACE - grafiği metinden yatay ve dikey olarak ayıran boş alanın genişliği;

ALIGN - metnin grafiklere göre hizalanması.

7. Adım

Ve yapmanız gereken son şey, metin dosyasını *.html biçiminde kaydetmek ve ardından tarayıcınızı kullanarak başlatmaktır. Site hazır.

Önerilen: