Not Defteri'nde bir HTML web sayfası nasıl yapılır

1993'ten bu yana, günlük yaşamımızın şeklini tamamen değiştirecek bir şey başladı ve o zaman Mozaik tarayıcı başlatıldı ve bugün web sayfaları olarak bildiğimiz şeye yol açtı. Neden bunun hayatımızı değiştirdiğini söylüyoruz, çünkü bugün her türlü bilgi, tasarım, yapı, dil ve daha fazlasını içeren 1100 milyondan fazla web sayfası buluyoruz.

Açıkçası profesyonel, orta ve diğer amatör web sayfaları var, ancak hepsinin, onları ziyaret eden insanlara bir tür bilgi sağlama amacı var. Bu nedenle, bugün bir web sayfasının nasıl oluşturulacağını bilmek istiyorsanız, Solvetic, programlama dili olarak Not Defteri ve HTML kullanarak bunun nasıl yapılacağını basit bir şekilde açıklayacaktır.

HTML (HyperText Markup Language), harika düzenleme özellikleri ile web sayfalarının dinamik olarak geliştirilmesine olanak sağlayan bir programlama dilidir.

1. Not Defteri'nde bir web sayfası nasıl oluşturulur

Aşama 1
Not defterine erişmek için aşağıdaki seçeneklerden herhangi birini kullanabiliriz:

  • Windows + R tuşlarını kullanın ve "Not Defteri" komutunu çalıştırın.
  • Cortana'yı veya Windows 10 arama kutusunu kullanın.

Adım 2
Not defterini açtıktan sonra Dosya menüsüne gideceğiz ve orada "Farklı kaydet" seçeneğini seçeceğiz veya Ctrl + Shift + S tuşlarını kullanabiliriz:

Ctrl + Üst Karakter + S

Aşama 3
Oraya tıklayarak kaydedilmesi gereken yola gideriz ve varsayılan olarak aşağıdakileri göreceğiz:

4. Adım
Not defteri olarak varsayılan değerin .txt olduğunu görebiliyoruz, bunu düzenlemek için Type alanında seçenekleri görüntülüyoruz ve "Tüm dosyalar"ı seçiyoruz. Dosyanın adını ve ardından .html uzantısını atarız:

Değişiklikleri uygulamak için "Kaydet"e tıklayın.

2. Web sitesi yapısına bakın

Aşama 1
Dosyayı .hmtl uzantılı olarak kaydettikten sonra, web sayfası için HTML dil etiketini ekleyerek düzenlemeye devam etmenin zamanı geldi. Bunun için aşağıdakileri giriyoruz:

 

Adım 2
Şimdi başlık etiketlerini veya "kafaları" ekleyeceğiz, bu etiketlerin amacı oluşturulacak sayfanın başlığının başlangıcını ve sonunu işaretlemektir. Bunu yapmak için "" etiketinden sonra yazacağız, bir boşluk bırakmak için Enter tuşuna iki kez basın ve ardından tekrar yazın:

Aşama 3
Bir sonraki adım, web sayfasının başlığını eklemek olacaktır, bu başlık "" etiketleri arasında yer alacak ve aşağıdaki gibi "head" etiketlerinin altına girecektir. Atanan başlık, tarayıcı sekmesinde göreceğimiz başlık olacaktır.

4. Adım
Etiketin altına giren "body" etiketlerini eklemenin zamanı geldi ve body'nin işlevi, web sayfasının kodunun bu etiketler arasında gidip kullanıcı tarafından görülebilmesini sağlamaktır:

 

Adım 5
Bir sonraki adım HTML dil etiketini kapatmak olacaktır, bu dosyadaki son etikettir ve sayfanın sonunu gösteren bir HTML etiketidir. Bunun için HTML etiketini kapatmak için "" etiketinin altına yazacağız:

Ctrl + G tuşlarını kullanarak veya Dosya / Kaydet menüsünden değişiklikleri kaydediyoruz.

6. Adım
Öğeleri web sayfasına eklemenin zamanı geldi, tüm bu öğeler görünür olmaları için "" etiketinden sonra ve "" etiketinden önce gelmelidir.

Eklenecek ilk öğe, web sayfasının ana başlığı olacaktır, bunun için "" etiketleri arasına giriyoruz ve istenen metni aşağıdakiler arasına giriyoruz:

Bu HTML dili ile "" e kadar olan etiketleri kullanabiliriz."başlık metnini daha küçük boyutlarda oluşturmak için.

7. Adım
Daha sonra web sayfasına paragraflar ekleyeceğiz, paragraf etiketleri "" ve aralarına sitenin metnini gireceğiz:

Profesyoneller ve teknoloji tutkunlarının buluşma noktası Solvetic İnternet

BÜYÜT

8. Adım
Sayfaya paragraf sonu eklemek için şunu girmeliyiz:
eklediğimiz satırın kapanış etiketinden sonra, örneğin:

Profesyoneller ve teknoloji tutkunlarının buluşma noktası Solvetic İnternet

n

Birden fazla durumda sizi şaşırtacak ve yardımcı olacak bir topluluk

BÜYÜT

NotBir etiket ekleyebiliriz "
Ek "ilk paragraf ile ikinci arasında bir boşluk oluşturmak için.

9. Adım
Şimdi kalın, italik, üst simge, alt simge veya alt çizgi gibi girilen metni biçimlendirme zamanı geldi, mevcut etiketler şöyle olacaktır:

  Kalın yazı   italik metin  altı çizili metin  üst simge metni   alt simge metni 

BÜYÜT

3. Web sayfası nasıl doğrulanır

Aşama 1
Her şeyin beklendiği gibi çalıştığını doğrulamak için HTML dosyasının kaydedildiği yola gidiyoruz, üzerine sağ tıklayıp Birlikte aç'ı seçip istediğiniz tarayıcıyı seçiyoruz:

Adım 2
Oraya tıklayarak oluşturduğumuz yapıyı göreceğiz:

BÜYÜT

Solvetic ile Notepad'de bir web sayfası oluşturmayı bu kadar basit öğrendiniz ve böylece ihtiyaç duyabileceğiniz birden fazla görev için temel bir web oluşturabilirsiniz.

Arkadaşlarınızla sayfasını paylaşan sitenin gelişimine yardımcı olacak

wave wave wave wave wave