Not defterinde bir html sayfası oluşturma örneği. İlk web (html) sayfası nasıl oluşturulur?
Bir HTML sayfasını nasıl oluşturacağınızı mı merak ediyorsunuz? Bunu yapmak için birkaç saat ayırmanız gerekiyor ve bileceksiniz Ve ilk sayfanızı 5 dakikada oluşturabilirsiniz.
HTML, Köprü Metni İşaretleme Dili anlamına gelir. Çevrildiğinde, "Köprü Metni İşaretleme Dili" anlamına gelir. HTML'nin bir programlama dili değil, bir site biçimlendirmesi olduğunu anlamak önemlidir.
Tüm modern tarayıcılar onu tanıyabilir. Daha sonra bilgileri, yazarın amaçladığı gibi kullanıcı dostu bir şekilde görüntülerler.
Bu dil özel etiketler kullanır. Her etiketin kendi işlevi vardır. Orada oldukça fazla var. İdeal olan her şeyi öğrenmektir. Ancak yeni başlayanlar için temel bilgi yeterlidir.
HTML Temelleri
Bir HTML sayfası oluşturmadan önce, onun nelerden oluştuğunu bilmeniz gerekir. Bu dilde iki kavram vardır: element ve tag.
Başlangıç ve bitiş etiketleri, bu öğenin nerede başladığını ve bittiğini belirtmek için kullanılır. Bu gibi görünüyor.
<открывающий тег>içerik
Gördüğünüz gibi, açılış ve kapanış etiketleri arasındaki tek fark "/" dir.
HTML belgesinin tamamı bu öğelerin bir koleksiyonudur. Belgenin yapısı için belirli gereksinimler vardır. Tüm sayfa içeriği iki etiket arasında olmalıdır. Ve. Kod yazarken aynı anda bir açılış ve kapanış etiketi koymayı alışkanlık haline getirin.
Ayrıca, HTML dilinin yapısının kendi hiyerarşisine sahip olduğunu unutmayın. Aksi takdirde yuvalama denir. en önemlisidir çünkü diğerleri onun içindedir.
HTML'nin iki alt öğesi vardır:
- ... ;
- .. .
HEAD bloğu çeşitli servis bilgilerini içerir. Bu bilgiler tarayıcıda görüntülenmez. Örneğin, geliştiriciler, herhangi bir program, robotlar ve çok daha fazlası için talimatlar.
En önemlisi, burada içerik yok.
BODY bölümü, kullanıcıya gösterilecek belgenin içeriğini belirtir.
İç içe geçmiş 10 öğe olabileceğinden hemen açık ve kapalı etiketler yapmayı öğrenin. Ek olarak, kolaylık sağlamak için iç içe geçmiş etiketlerin girintili yapılması önerilir. Örneğin, bunun gibi.
Bu, eşit öneme sahip etiketlerin aynı seviyede olması ve alt etiketlerin "içeride" olması için yapılır. Bu nedenle, gerekli kod parçasının algılanması ve aranması için çok daha uygundur. Aksi takdirde kafanız karışabilir. Ancak yerden tasarruf etmek için gövde girintisiz de yapılabilir. Bu, herkesin fazladan bir girintisi olmaması için yapılır. Diğer her şey ayrılmalıdır.
Basit bir HTML sayfası nasıl oluşturulur?
Kod yazmak için bir tür düzenleyiciye ihtiyacınız var. Orada oldukça fazla var. Notepad++ ve Adobe Dreamweaver popülerdir. Not defteri de kullanılabilir.
Notepad++ editörü böyle görünüyor.
Bu çok uygun bir editör ve aynı zamanda ücretsiz. Yukarıdaki Adobe Dreamweaver ücretlidir. Yazmak için tasarlanmış editörler ile not defteri arasındaki fark, özel etiketlerin vurgulanmış olmasıdır. Vurgulanmamışsa, yanlış yazdınız.
Vurgulamanın dile uyması için ayarlarda belirtilmesi gerekir.
Not defterinde bir HTML sayfasının nasıl oluşturulacağına bir göz atalım. Yani teknik kısmı bitireceğiz ve ardından doğrudan etiketlerin çalışmasına geçeceğiz.
HTML Not Defteri'nde bir web sayfası nasıl oluşturulur?
İlk olarak, not defterini açın.
Ardından, aşağıdaki ekran görüntüsünde belirtilenleri yazın.
Sadece kopyalamaya değil, ellerinizle yazmaya alışın. Ellerinizle yazarken, tüm etiket veritabanını hatırlamanız daha iyi olur.
Bundan sonra, dosya tarayıcıda açılabilir ve sonuca hayran kalınabilir. Artık HTML Not Defteri'nde bir web sayfasının nasıl oluşturulacağını anlayabilmelisiniz.
Dünya Konsorsiyumu W3C
İnternet için tüm standartları geliştiren ve uygulayan W3C diye bir organizasyon var. Tüm tarayıcılar bu standartlara uyar ve sayfa işaretlemelerini (kodları) bu kurallara göre işler.
HTML dili geliştiricilerinin resmi web sitesinde, tüm etiketleri ve kullanım kurallarını içeren bir tablo bulabilirsiniz. Bu yazıda en temel olanları ele alıyoruz.
Kuralların ne olabileceğini düşünebiliyor musunuz? Açıklanan tüm etiketlerin kendi önerileri vardır. Birkaç tane var:
- İsteğe bağlı etiket.
- Yasaklı.
- Boş etiket.
- modası geçmiş
- Kayıp.
HTML'deki etiketler
Bir HTML sayfası oluşturmadan önce HEAD servis kısmında ne olması gerektiğini bulmanız gerekir.
HEAD alanında hem gerekli hem de isteğe bağlı etiketler bulunur. Başlık etiketi gereklidir. Bu belirtilir
BODY bölümüne geçelim. Tarayıcıda görüntülenen ve görüntülenmeyen öğeler vardır. Örneğin, yorumlar kullanıcıya gösterilmez. Bir takımda çalışıyorsanız, notlar için veya diğer çalışanlara ipucu olarak kullanılabilirler.
Onlar olarak belirlenir
Aradaki her şey, program tarafından bu şekilde kabul edilir. Bir yorum etiketini başka bir yorum etiketinin içine yerleştiremeyeceğinizi unutmayın. Çünkü açar açmaz.
Böyle bir yuvalama örneği:
ilk yorumun devamı -->
Tarayıcıdaki sonuç aşağıdaki gibi olacaktır.
ilk yorumun devamı -->
Ve işte bir parça görünmeyecek. İkinci açılış etiketi