HTML Öğrenme

İçindekiler:

HTML Öğrenme
HTML Öğrenme
Anonim

Bu makalede, ilk web sitenizi yazmak için HTML kullanmayı öğreneceksiniz! Makale, daha iyi bir anlayış için açıklayıcı örnekler sağlayacaktır. Makalenin orijinal olarak HTML öğrenmeye yeni başlayanlar için tasarlandığını hemen belirtelim. Ayrıca, bu makaleyi okuduktan sonra ilk web sitenizi oluşturacağınızın garantisini veriyoruz.

HTML, Metni düzenlemek için kullanılan bir dil olan Köprü Metni İşaretleme Dili anlamına gelir.

Web sitelerinde eylemler gerçekleştirmek için komut dosyaları kullanan programlama dillerinden (JavaScript, PHP vb.) farklı olarak, sıralama dili (HTML), web sitesi içeriğini işaretlemek için etiketler kullanır.

Sıfırdan HTML öğrenmeye başlayalım

İngilizcenin A, B, C vb. harflerinden oluşması gibi, HTML de tuhaf "harflerden" oluşur:,,

vb. HTML dilinin bu tuhaf "harflerine" web yöneticileri tarafından etiketler denir.

Aşağıdaki bir HTML etiketi örneğidir.


Etiketler Bu metnin kenarlarında bir alt çizgi oluşturun.

HTML etiketleri, CSS dil stilleriyle birlikte hızlı ve verimli bir şekilde web siteleri oluşturmanıza olanak tanır.

HTML'nin diğer diller arasındaki yeri

Bildiğiniz gibi, iyi bir web sitesien az 5 dilde oluşturulmuştur.

Modern web sitesi dillerde oluşturulmuştur:

  1. HTML (yapı ve sıralama).
  2. CSS (stil içeriği).
  3. JavaScript (tarayıcı işlemleri).
  4. PHP (sunucu eylemi).
  5. SQL (veri depolama).

HTML, diğerlerinin temel aldığı ana temel dildir. Bu nedenle, web üzerinde web siteleri oluşturmayı öğrenen herkes için HTML öğrenmek ilk adım olmalıdır.

Etiket

HTML dili, başlangıcından bu yana yıllar içinde değişti. Şu anda, çoğu İnternet sitesi, dilin en son sürümü olan HTML5'e geçiyor. Ancak HTML5'te bile dilin temelleri değişmeden kalır.

HTML sayfasının yapısı sandviç gibidir. Tıpkı bir sandviçte iki dilim ekmek olması gibi, bir HTML belgesinin de bir açılış ve kapanış HTML etiketi vardır.

Bu etiketler, bir sandviçteki ekmek gibi, içerideki her şeyi çevreler.


Etiket

HTML öğrenmeye devam ederken, kesinlikle etikete aşina olmalısınız. Doğrudan üst etiketin içinde, etiket de dahil olmak üzere sitenin tüm içeriği bulunur. Bu etiket gereklidir ve yazıldığı site sayfasının tüm ayarlarını içerir. Bu ayarlar site ziyaretçileri tarafından görülmez, yalnızca tarayıcılar (Google Chrome, Mozilla Firefox vb.) bunları görebilir.

Web sayfası ayarları bloğu, tarayıcının sitenizi web'de doğru şekilde görüntülemesine yardımcı olan tüm "oluşturulmamış" öğeleri içerir.


Tüm seçenekleretiketin içinde yapılandırılabilir, buna bakacağız, ancak biraz sonra - zamanı geldiğinde.

Etiket

Etiket, etiket gibi etiketin içindedir.

Bu etiket, sitenizde görüntülemek istediğiniz tüm bilgileri görüntülemek için gereklidir.

Başlıklar, paragraflar, tablolar, resimler ve bağlantılar, etiketin içinde bulunabilecek öğelerin yalnızca küçük bir kısmıdır.

Bir HTML belgesinin temel yapısı:


… …

İlk siteniz

Artık HTML kullanarak web siteleri oluşturabileceğinizi ve bunun için temel etiketlerin kullanıldığını biliyorsunuz:

  • . Bir web sayfasının sınırlarını belirler.
  • . Bir tarayıcıda bir web sayfasını görüntülemek için ayarları içerir.
  • . Site ziyaretçilerine göstermek istediğiniz tüm web sayfası öğelerini (resimler, videolar, metin vb.) içerir.

,,, gibi diğer etiketler hakkında yakında konuşacağız.

Okuyucunun sadece bu makaleyi okuması değil, aynı zamanda becerilerini geliştirmek için hemen koşması harika olurdu. HTML becerilerinizi geliştirmek için, yeni becerileriniz için bir test alanı görevi görecek ilk web sitenizi oluşturmanız gerekecek.

Mobil operatörlerin ("MTS", "MegaFon" vb.) bize mobil hizmetler sağladığı bilinmektedir. Aynı şekilde sitelerin oluşturulması ve yönetimine yönelik hizmetler de hosting operatörleri tarafından tarafımıza sunulmaktadır. Web sitenizi oluşturmak için herhangi bir ücretsiz barındırma operatörünün sitesine gidin.

Doğrulanmış barındırma sağlayıcıları şunları içerir: BEGET veyaörneğin reg. Herhangi birini seçebilirsin.

Kısa bir kayıttan sonra, 24 saat sonra, İnternet'teki ilk web siteniz otomatik olarak oluşturulacak ve tüm dünya tarafından görülebilecek ve uygulamaya başlayabilirsiniz!

Modern site yapısı

Artık sitenize sahip olduğunuza göre, bir etiketin hangi etiketleri içerdiğine ve sitelerdeki bilgileri nasıl düzenlediklerine bakın.

Modern bir sitenin yapısı
Modern bir sitenin yapısı

Yukarıdaki resim, HTML dilinin en son sürümü olan HTML5 ile gelen yapının şematik bir temsilidir. HTML5 ile birlikte sadece yeni etiketler değil, aynı zamanda web siteleri oluşturmanın anlamı da geldi. Resimde gördüğünüz tüm etiketler ana etiketin içinde yer almaktadır. Bu etiketler, sitenizin yapısını "anahatlamanıza" ve ona anlam vermenize yardımcı olur.

Örneğin, etiketlerin içine… site başlığını (etiketler) ve site açıklamasını (etiketler) yerleştirmek uygundur.

Sitenin (etiket) menüsünü (bağlantılarını) etiketlerin içine yerleştirmek uygundur.

Anlamla ilgili herhangi bir büyük bilgi bloğunu etiketlerin içine yerleştirmek uygundur. Her biri etiketlere, fotoğraflara (etiket) veya tablolara (etiketler) "sarılmış" olan birkaç makale olabilir.

) ve daha fazlası.

Anlamına uymayan etiketlerin içine herhangi bir bilgiyi yerleştirmek uygundur.

Etiketlerin içine, iletişim bilgileri, sitenin ek bölümleri vb. gibi ek bilgileri yerleştirmek adettendir.

Artık modern web sitelerinin nelerden oluştuğu konusunda biraz daha ustasınız. bir örnek verelimkafamdaki kargaşanın yerini içgörüden gelen huşu aldı.

Yani, barındırma operatörünüzün sitesinde dosya yöneticisini açtığınızda ve index.php adlı bir belge bulduğunuzda, sitenizin yapısını sıfırdan yazmaktan çekinmeyin.

İlk web sitem

Sayfa başlığı

Sayfa açıklaması

Bağlantı 1 | Bağlantı 2 | Bağlantı 3

Bazı makalenin başlığı

Bu herhangi bir bilgiyi içeren bir bloktur ve CSS yardımıyla bu bloğu ve tüm siteyi tüm içeriğiyle istediğiniz şekilde renklendirebilirsiniz. © Tüm hakları saklıdır

Site için farklı ayarlar olduğunu söylediğimizi hatırlıyor musunuz? İşte burada:

  1. Kullanarak tarayıcılara sitenin hem Rusça hem de İngilizce karakterler içerebileceğini gösteriyoruz (aksi takdirde siteyi açtığınızda korkunç krakozyabry göreceksiniz).
  2. tarayıcı sekmesinde ve arama motorunda görüntülenecek sayfa adını belirtmek için kullanılır ("Yandex", Google ve benzeri).

Elbette, CSS stili olmadan siteniz cimri görünecek (beyaz bir arka plan üzerinde siyah harfler), ancak ilk sayfanızı önce HTML'de yazmayı deneyin.

Tebrikler! Kendi web sitenizde ilk web sayfanızı oluşturdunuz! Daha ilginç olacak!

Önerilen: