Temel HTML ve ilk web sayfamı öğrenmek

HTML nedir? Kısaltması "Köprü Metni İşaretleme Dili" anlamına gelir. Bir web sayfası geliştirmenizi sağlayan bir etiket dili olarak tanımlanır. Bu dilin sahip olduğu öğeler arasında, diğerlerinin yanı sıra formlar, listeler, tablolar, resim ekleme, video, ses vb. uygulamak için kontroller (etiketler, metin kutuları, metin alanları, düğmeler) bulunur.
Öğrenmesi oldukça basit bir dildir çünkü kendi içinde bir programlama dili değil, işaretlediğiniz bir dildir. Bunun yanı sıra, onu oluşturan ayrılmış kelimelerin hatırlanması kolay ve çok açıklayıcıdır.
Bir web sayfasını uygulamaya ve geliştirmeye başlamak için en temel ortam, bir metin editörü olan ortak "Not Defteri" dir, ancak sözdizimindeki herhangi bir kelime için otomatik düzeltme işlevine sahip özel derleyiciler de (örneğin, Netbeans) vardır. yanlışsa, işaretler ve bulmayı kolaylaştırır.
Geliştirici ister manuel olarak isterse düzenleyici otomatik olarak eklesin, HTML dosyaları her zaman .html uzantısıyla kaydedilmelidir. .html dosya türü, kullanıcının tercih ettiği tarayıcı veya tarayıcı ile açılacaktır (örneğin: Internet Explorer, Firefox, Google Chrome, Opera, Safari, vb.), çünkü yukarıda belirtildiği gibi HTML dili etiketlerden oluşur. : tarayıcının yorumlamaya hazır olduğu.
İlk web siteniz…
Windows ortamında çalıştığımız için bu durumda not defterini açacağız ve tipik "Merhaba dünya!" için aşağıdaki kodu tanıtacağız.

Resimde görüldüğü gibi dosya henüz kaydedilmemiştir. Böylece Dosya> Kaydet menüsüne gidiyoruz. Bu ders sırasında geliştirdiğimiz dosyaların iyi organize edilmesi için "BASIC HTML" adında bir klasör oluşturacağız, bu klasöre erişeceğiz ve dosya adını özelleştireceğiz, önemli olduğunu hatırlayarak "index.html" adını giriyoruz. uzantıyı oluşturmak için, aksi takdirde yalnızca bir metin dosyası, yani .txt olarak kaydedilir.

Dosyanın konumuna gidin, "index.html" adlı simgeye çift tıklayın ve varsayılan tarayıcıda, bu durumda Google Chrome'da açılacaktır. Göreceğiniz şey şu:

Şimdi koda dönelim…
Tarayıcıya bir HTML dosyası açtığınızı söyler.
Belgenin başlığı.
İlk web sitem. Sayfa başlığı.
Belgenin başlığını kapatın.
Gövde, bu bölümün tüm içeriği sayfada görünecektir.
Selam Dünya!
Vücut kapatma.
HTML dosyasını kapatın.
Etiket, tarayıcıya bir html belgesinin açıldığını söyler, içeriği yorumlamaya başladığı yer burasıdır. Açılan her etiketin kapalı olması önemlidir, kapanış etiketi belgenin sonunda görüntülenebilir.
belgenin başlığını belirtir, burada daha sonra öğreneceğimiz diğer şeylerin yanı sıra sayfanın başlığı yerleştirilecektir. Bu da bizi kod satırına getiriyor İlk web sayfam. , bu satırın sonucu tarayıcının başlık çubuğuna yansıtılacaktır. Etiketin kapanışı aşağıdadır.
Etiketlerde ve doğrudan metin ve / veya diğer biçimlendirme etiketlerini içerebilen sayfanın içeriği yerleştirilecektir.
Nitelikler…
Bazı etiketlerin bir veya daha fazla özelliği vardır, bunlar ana etiketin özellikleri olarak tanımlanır. Niteliklerin tanımı için bazı hususlar dikkate alınmalıdır:

• yapıya sahipler isim = "değer"
• Değer her zaman tırnak içindedir.
• Açılış etiketine yerleştirilirler.

Örnek: Etikete bgcolor niteliğini ekleyeceğiz, ona onaltılık ve tırnak içine alınacak bir değer atayacağız. Bir renk kılavuzu için aşağıdaki "HTML renk kodları" bağlantısını bırakıyorum.

Değişiklikleri görselleştirmek için dosyamızı kaydediyoruz ve sonuç şöyle olacak:

*ÖNEMLİ:: Örneklerde görselleştirdiğimiz gibi etiketler küçük harfle ve örneğin büyük harfle yazılabilir. World Wide Web Consortium (W3C) küçük harf kullanımını önerir ve HTML'nin en güncel sürümü olan XHTML yalnızca küçük harf kullanımını kabul eder.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.