Yeni Başlayanlar İçin Kesin HTML Rehberi

En son 15 May 2018 tarihinde güncellendi

Yirmi yıl önce, sadece bir hobi blogcu olsanız bile, kendinizi korumak veya sitenize basit bir işlev eklemek için bazı web kodlarını bilmek zorunda kaldınız. Ama şimdi HTML'nin temellerini bile bilmeyen çok sayıda editör ve eklenti var. bir site yapmak or bir blog çalıştır.

Bununla ilgili bir problem, bir kaç temel bilginiz yoksa, blogunuzda kolayca bir sorun yaşayabilir ve küçük bir sorunun ne olabileceğini düzeltmek için pahalı bir geliştirici kiralamanız gerekebilir. Sadece bu değil, blogunuzda özel metin widget'ları eklemek gibi değişiklikler yapmak biraz bilgi gerektirir.

İçerik düzeni sorunu yaşıyorsanız doğru görünmüyorsa, HTML bilgisi sizi tekrar izleyebilir.

İşte blogcular ve non-techie online işletme sahipleri için HTML kılavuzumuzun bazı versiyonları.

HTML, günümüzün internet omurgasıdır. Milyonlarca web sitesi birlikte interneti kurdu. HTML, tüm bu web sitelerinin yapı taşıdır.

Yeni Başlayanın Soru ve Cevapları

1- HTML nedir?

HTML kısaltmasıdır Hyper Text MArkupe Language. Web tarayıcıları için içerikleri etiketlemek için standart bir dildir.

HTML “Elements” ile temsil edilir. Elementler ayrıca “Etiketler” olarak da bilinir.

2- HTML neden gereklidir?

Web tarayıcıları yalnızca desteklenen bir dilde yazıldığında bir web sitesi oluşturabilir. HTML, en yaygın biçimlendirme dilidir ve web tarayıcılarına en yüksek düzeyde kabul görür.

Bu yüzden HTML'ye ihtiyacınız var.

3 - HTML büyük / küçük harfe duyarlıdır?

HTML büyük / küçük harfe duyarlı değildir. Ancak en iyi uygulama, uygun vakalarla HTML yazmaktır.

İlk HTML Dosyanızı Oluşturmak için Adımlar

Bilgisayarınızdaki Not Defteri'ni kullanarak temel bir HTML dosyası oluşturabilirsiniz. Ancak birçok kod satırı yazmak acı verici olacaktır.

Kod Düzenleyici'ye ihtiyacınız var. İyi bir kod editörü, büyük kodları yazmayı ve organize etmeyi kolaylaştıracaktır.

Kullanıyorum ve tavsiye ederim Notepad + + web dilleri yazmak için (ücretsiz ve açık kaynak). Kullanabileceğiniz diğer editörler var Sublime Text, Atom vb.

Yapman gerekenler işte burada:

  1. Bir kod düzenleyici kurun
  2. Onu aç
  3. Yeni bir dosya oluştur
  4. Bir .html dosyası olarak kaydedin

Gitmeye hazırsın!


Yukarı git

1 - Merhaba Dünya!

Aşağıdaki kodu kopyalayıp yeni HTML dosyanıza yapıştırın ve kaydedin. Şimdi web tarayıcınızda çalıştırın.

Kodu:

<! DOCTYPE html> <html> <head> <title> İlk web sayfam </title> </head> <body> <p> Merhaba Dünya! </p> </body> </html>

Çıktı:

Tebrikler! İlk HTML dosyanızı oluşturdunuz. Bunu bu noktada anlamak zorunda değilsiniz. Kısa bir süre sonra ele alacağız.

HTML yapısını anlama

Her HTML dosyasının ortak bir çıplak yapısı vardır. Her şeyin başladığı yer burası. Ve her büyük kod sayfası bu yapıya göre kırpıldıktan sonra gelir.

Bu yüzden “Merhaba Dünya!” Kodundan anlamaya çalışalım. Aşağıdaki öğeler her HTML dosyasının zorunlu kısımlarıdır.

  • <! DOCTYPE html> = Bu bir HTML dosyası olduğunu tarayıcıya bir beyanıdır. <Html> etiketinden önce belirtmelisiniz.
  • <html> </ html> = Bu bir HTML dosyasının kök öğesidir. Yazdığınız her şey <html> ve </ html> arasında gider.
  • <head> </ head> = Bu, bir tarayıcı için meta bilgi parçasıdır. Bu etiketin içindeki kodların görsel çıkışı yoktur.
  • <body> </ body> = Bu bir web tarayıcısının oluşturduğu bölümdür. Bir web sitesinde tam olarak gördüğünüz şey, <body> ve </ body> arasındaki kodların oluşturulmasıdır.


Yukarı git

2-HTML Etiketleri

HTML, yüzlerce farklı etiketin işbirliğidir. Nasıl çalıştıklarını öğrenmelisin. Ayrıca onları doğru şekilde kullandıklarından emin olmalısınız.

HTML etiketlerinde genellikle bir açılış ve kapanış etiketi bulunur. Açılış etiketi, (<) 'den küçük ve (>) işaretinden daha büyük bir şekilde çevrili anahtar kelimeye sahiptir. Kapanış etiketi, her şey aynıdır, ancak (<) işaretinden daha az sonra ek bir eğik çizgi (/) içerir.

(2a) Kafa Etiketleri

Tüm kafa etiketleri <head> ve </ head> arasındadır. Web tarayıcısı ve arama motorları için meta bilgi içerir. Temelde görsel çıktıları yok.

<title> </ title>

Başlık etiketi, tarayıcı sekmesinde görünen bir web sayfasının başlığını tanımlar. Bu bilgi, web programları ve arama motorları tarafından kullanılır. HTML dosyası başına en yüksek bir başlığa sahip olabilirsiniz.

Kodu:

<title> İlk web sayfam </ title>
Başlık etiketi tarayıcınızın üstünde görünür.

<Link>

Bağlantı etiketi, HTML sayfanızı harici kaynaklarla ilişkilendirir. Ana kullanımı, HTML sayfasını CSS stil sayfalarıyla ilişkilendirmektir. Kendiliğinden kapanan bir etikettir ve bitişe gerek yoktur </ link>. Burada rel, dosya ile ilişkiyi gösterir ve src, kaynak anlamına gelir.

Kodu:

<link rel = "stil sayfası" type = "text / css" src = "style.css">

<Meta>

Meta, bir html dosyasının meta bilgilerini sağlayan başka bir kendi kendine kapanış etiketidir. Arama motorları ve diğer web servisleri bu bilgileri kullanır. Sayfanızı arama motorları için optimize etmek istiyorsanız, meta etiketler zorunludur.

Kodu:

<meta name = "description" content = "Bu, arama motorlarının gösterdiği kısa açıklamadır"

<script> </ script>

Komut dosyası etiketi, sunucu tarafındaki bir komut dosyasını eklemek veya harici bir komut dosyasına bağlantı oluşturmak için kullanılır. Açılış etiketinde iki özellik olabilir. Biri tür ve diğeri kaynaktır (src).

Kodu:

<script type = "text / javascript" src = "scripts.js"> </ script>

<noscript> </ noscript>

Noscript etiketi, web tarayıcısında komut dosyaları devre dışı bırakıldığında çalışır. Web tarayıcılarında komut dosyalarına izin vermeyen, kendileriyle uyumlu bir sayfa oluşturur.

Kodu:

<Noscript> <p> Heyhat! Komut dosyaları devre dışı. </ P> </ noscript>

(2b) Vücut Etiketleri

Tüm vücut etiketleri <body> ve </ body> arasındadır. Görsel çıktıları var. En çok işin yapıldığı yer burası. Ana sayfa içeriğinizi yapılandırmak için bu etiketleri kullanmanız gerekir.

<h1> </ h1> - <h6> </ h6>

Bunlar başlık etiketleri. En önemli başlık <h1> ile etiketlenir ve en önemlisi <h6> ile işaretlenir. Onları doğru hiyerarşide kullanmalısınız.

Kodu:

<h1> Bu bir h1 başlığıdır </h1> <h2> Bu bir h2 başlığıdır </h2> <h3> Bu bir h3 başlığıdır </h3> <h4> > Bu bir h4 başlığıdır </h4> <h5> Bu bir h5 başlığıdır </h5>

Çıktı:

Etiketleri Biçimlendirme

Bir html dosyasındaki metin, birçok biçimlendirme etiketi kullanılarak biçimlendirilebilir. İçeriğinizden bir kelimeyi veya çizgiyi vurgulamak istediğinizde gerekli olacaktır.

Kodu:

<p> Metninizi birçok yönden vurgulayabilirsiniz. </p> <p> <strong> kalınlaştırabilirsiniz </strong>, <u> altı çizili </u>, <em> italik </em>, <işareti > işaretleyin </mark>, <sub> alt simge </sub>, <sup> üst simge </sup> ve daha fazlası! </p>

Çıktı:

<! - ->

Bazı kodları, yorum etiketini kullanarak rending'den saptırabilirsiniz. Kod kaynak kodunda görünecek, ancak oluşturulmayacaktır. Bu etiketin ana kullanımı, gelecekteki başvurular için html dosyalarının belgelenmesidir.

Örnek:

<! - <p> Herhangi bir kodu bu şekilde çevreleyen yorum yapabilirsiniz </ p> ->

(2c) Diğer Önemli HTML Etiketleri

<a> </a>

Anchor neredeyse her yerde kullanılan paha biçilmez bir etikettir. En az bir bağlantı bağlantısı olmadan herhangi bir web sayfasını çevrimiçi göremezsiniz.

Yapı aynıdır. Bir açılış <a> ve bir kapanış kısmı var </a>. Bağlantı kurmak istediğiniz metin <a> ve </a> arasındadır.

Kullanıcının nereye tıkladıktan sonra nereye ve nasıl gideceğini tanımlayan bazı özellikler vardır.

  • ahref = ”“ = Hedef linki tanımlar. Bağlantı çift tırnak arasında gider.
  • hedef = ”“ = URL'nin yeni bir tarayıcı sekmesinde mi yoksa aynı sekmede mi açılacağını tanımlar. target = ”_ blank” yeni tab için ve target = ”_ self” aynı sekmede açmak içindir.
  • rel = ”“ = Geçerli sayfanın bağlantılı sayfa ile ilişkisini tanımlar. Bağlı sayfaya güvenmiyorsanız, rel = ”nofollow” öğesini tanımlayabilirsiniz.

Kodu:

<p> <a target="_blank" href="https://www.google.com/"> Google’a gitmek için burayı tıklayın </a>. Yeni bir sekmede açılacak. </p> <p> <a target="_self" href="https://www.google.com/"> Burayı tıklayın </a>. Ayrıca sizi Google’a götürecek, ancak geçerli sekmede açılacaktır. </p>

Çıktı:

<img />

Resim etiketi, görüntü tabanlı web sitelerinin çoğunu hayal edemediğiniz başka önemli bir etikettir.

<img /> kendi kendine kapanan bir etikettir. Geleneksel kapanışa benzemez </ img>. Doğru şekilde kullanabilmeniz için bilmeniz gereken bazı özellikler var.

  • src = ”“ = Bu, görüntünün kaynak bağlantısını tanımlamak içindir. Bağlantıyı çift tırnak işareti arasına koyun.
  • alt = ”“ = Alternatif metin anlamına gelir. Resminiz yüklenmediğinde, bu metin kullanıcılara eksik görüntü hakkında bir fikir verecektir.
  • genişlik = ”“ = Bir görüntünün genişliğini piksel cinsinden tanımlar.
  • Yükseklik = ” = Bir görüntünün yüksekliğini piksel cinsinden tanımlar.

Örnek:

<p> Bu, Ağustos 2014’teki Googleplex'tir. </p> <p> Bu görüntünün 500 piksel genişliğine ve 375 piksel yüksekliğine sahiptir. </p> <img src = "https: //upload.wikimedia. org / wikipedia / commons / 0 / 0e / Googleplex-Patio-Aug-2014.JPG "alt =" Google'ın Ağustos'taki Genel Merkezi 2014 "width =" 500 "height =" 375 "/>

Çıktı:

İpuçları: Tıklanabilir bir resim eklemek mi istiyorsunuz? Resim kodunu bir <a> etiketi ile sarın. Nasıl gittiğini gör.

<ol> </ ol> veya <ul> </ ul>

Liste etiketi, bir öğe listesi oluşturmak içindir. <ol> sıralı listeler (numaralı liste) ve <ul> sırasız listeler (madde işaretleri) anlamına gelir.

<Ol> veya <ul> içindeki liste öğeleri <li> </ li> ile etiketlenir. li liste için duruyor. Ebeveyn <ol> veya <ul> etiketi içinde istediğiniz kadar <li> olabilir.

Kodu:

<p> Bu sıralı bir listedir: </p> <ol> <li> Öğe 1 </li> <li> Öğe 2 </li> <li> Öğe 3 </li> </ol> <p> Bu sıralanmamış bir listedir: </p> <ul> <li> Öğe 1 </li> <li> Öğe 2 </li> <li> Öğe 3 </li> </ul>

Çıktı:

<table> </ table>

Tablo etiketi bir veri tablosu oluşturmak içindir. Tablo başlıklarını, satırlarını ve sütunlarını tanımlayan birkaç iç düzey etiketi vardır.

<table> </ table>, dış üst koddur. Bu etikette, <tr> tablo satırı anlamına gelir, <td> tablo sütunu anlamına gelir ve <th> tablo başlığı anlamına gelir.

Kodu:

<table> <tr> <th> Ad </th> <th> Yaş </th> <th> Mesleği </th> </tr> <tr> <td> Jo <td> 27 </td> < td> İşadamı </td> </tr> <tr> <td> Carol </td> <td> 26 </td> <td> Hemşire </td> </tr> <tr> <td> Simone < / td> <td> 39 </td> <td> Profesör </td> </tr> </table>

Çıktı:

Not: İlk <tr> içindeki değerler başlıklardır. Dolayısıyla, metne kalın metin efekti uygulayan <th> 'ı kullandık.

Tablo Gruplaması

Tablo işlevlendirme öğelerini kullanarak bir tablonun işlevselliğini genişletebilirsiniz. Birden çok sayfaya ayrılan büyük tablolar oluşturmanız gerektiğinde zamanlar olacaktır.

Tablo verilerinizi başlık, gövde ve altbilgi halinde gruplamak, bağımsız kaydırmaya izin verebilirsiniz. Üstbilgi ve gövde bölümü tablonuzun bulunduğu her sayfaya yazdıracaktır.

Tablo gruplandırma etiketleri:

  • <thead> </ thead> = Bir tablonun başlıklarını sarmak için. Tablonun her bölünmüş sayfasına yazdırır.
  • <tbody> </ tbody> = Bir tablonun ana verilerini kaydırmak için. İhtiyacınız olan kadar çok <tbody> olabilir. Bir <tbody> etiketi, ayrı bir veri grubu anlamına gelir.
  • <tfoot> </ tfoot> = Bir tablonun altbilgi bilgilerini kaydırmak için. Tablonun her bölünmüş sayfasına yazdırır.

Lütfen gruplamayı kullanmak zorunlu değildir. Daha büyük tabloları daha okunabilir hale getirmek için kullanabilirsiniz. Bazı özel geliştiriciler bu etiketleri CSS Seçici olarak kullanıyor.

Örnek tablolarımızı nasıl <thead>, tbody> ve <tfoot> olarak gruplandırabiliriz:

Kodu:

<table> <thead> <tr> <th> Ad </th> <th> Yaş </th> <th> Meslek </th> </tr> </thead> <tbody> <tr> <td> John </td> <td> 27 </td> <td> İşadamı </td> </tr> <tr> <td> Carol </td> <td> 26 </td> <td> Hemşire </ td> </tr> <tr> <td> Simone </td> <td> 39 </td> <td> Profesör </td> </tr> </tbody> <tfoot> <tr> <td> Toplam Kişi Sayısı: </td> <td> 3 </td> </tr> </tfoot> </table>

Çıktı:

<form> </ form>

Web sayfaları için interaktif formlar oluşturmak için form elemanı kullanılır. Bir HTML formu birkaç ardışık eleman içerir. Örneğin: <etiket>, <giriş>, <textarea> vb.

Formdaki action özelliği çok önemlidir. Bilgileri işlemek için sunucu tarafına veya üçüncü tarafa ait bir sayfaya işaret eder. İşleme için öncelikle bir yöntem tanımlamanız gerekir.

İki yöntemden birini kullanabilir veya alabilirsin. Get, iletinin bilgileri ileti gövdesinde gönderdiği URL biçimindeki tüm bilgileri gönderir.

Formlar için birçok girdi türü vardır. Çok temel giriş tipi metin. <İnput type = ”text”> şeklinde yazılmıştır. Türler ayrıca radyo, onay kutusu, e-posta ve benzeri olabilir. Bir gönderme düğmesi oluşturmak için altta bir gönderim tipi giriş olmalıdır.

<label> etiketi, etiket oluşturmak ve bunları girişlerle ilişkilendirmek için kullanılır. Etiketlerin girişlerle ilişkilendirilmesi kuralı, etiketin = ”” özniteliği ve girişin özniteliği = ”” için aynı değere sahip olmasıdır.

Kodu:

<form action = "#"> <etiket için = "ad"> İlk Ad: </label> <giriş türü = "metin" id = "ad"> <br> <etiket için = "soyadı"> Soyadı: </label> <input type = "text" id = "soyadı"> <br> <label for = "bio"> Kısa Biyo: </label> <textarea id = "bio" satır = "10" cols = " 30 "placeholder =" Bio'nuzu buraya girin ... "> </textarea> <br> <label> Cinsiyet: </label> <br> <=" male "için etiket>> Erkek </label> <input type = "radio" name = "cinsiyet" id = "male"> <br> <label for = "female"> Kadın </label> <giriş türü = "radio" name = "cinsiyet" id = "kadın"> <br > <input type = "delivery" value = "Gönder"> <form>

Çıktı:

Not: Bilgiyi işlemek için herhangi bir sunucuya bağlı olmadığından, boş bir değere eylem işaret ettim.


Yukarı git

3-HTML Öznitelikleri

Nitelikler, HTML etiketleri için bir tür değiştiricidir. HTML etiketlerine yeni yapılandırmalar ekler.

Bir özellik attributename = ”” gibi görünüyor ve açılış HTML etiketinde oturuyor. Özniteliğin değeri çift tırnak arasında gider.

id = ”” ve sınıf = ””

kimlik ve sınıf HTML etiketlerinin tanımlayıcılarıdır. Farklı adlar tanımlayıcıları kullanarak farklı HTML öğelerine atanır. Birden çok öğe için bir sınıf tanımlayıcısı kullanabilirsiniz. Ancak, birden çok öğe için tek bir kimlik tanımlayıcısı kullanamazsınız.

Kodu:

<h1 class = "heading"> Bu ana başlık </ h1>

href =””

href, Köprü Metni Referansı anlamına gelir. Kullanıcıları referans bağlantılara yönlendiriyorlar. Bağlantı etiketi <a>, kullanıcıları bir hedef URL'ye göndermek için href kullanır.

Kodu:

<a href="https://www.google.com/"> Google </a>

src =””

src kaynak anlamına gelir. HTML dosyasında kullandığınız bir medya veya kaynağın kaynağını tanımlar. Kaynak, yerel veya üçüncü taraf URL'si olabilir.

Kodu:

<img src = "https://upload.wikimedia.org/wikipedia/commons/0/0e/Googleplex-Patio-Aug-2014.JPG" />

alt =””

alt alternatif anlamına gelir. Bir HTML öğesi yüklenemediğinde kullanıma sunulan yedek bir metindir.

Kodu:

<img src = "https://upload.wikimedia.org/wikipedia/commons/0/0e/Googleplex-Patio-Aug-2014.JPG" alt = "Google'ın Genel Merkezi" />

style =””

HTML etiketlerinde stil özniteliği sıklıkla kullanılır. HTML etiketinde CSS işi yapar. Stil özellikleriniz çift tırnak arasında gidip gelir.

Kodu:

<h2 style = "color: red"> Bu başka bir başlık </ h2>


Yukarı git

4- Kod Ekranı: Block vs Inline

Bazı elemanlar her zaman yeni bir satırda başlar ve kullanılabilir genişliği alır. Bunlar “Blok” elemanlarıdır.

Örn: <div>, <p>, <h1> - <h6>, form vb.

Bazı öğeler sadece gerekli alanı alır ve yeni bir çizgide başlamaz. Bunlar “Inline” öğeleridir.

Örn: <a>, <span>, <br>, <strong>, <img> vb.

CSS stillerini kullanırken blok öğelerini satır içi olarak ayırmanız gerekir. Bu HTML kılavuzunda, çok gerekli değil.

Kodu:

<! DOCTYPE html> <html> <head> <title> İlk web sayfam </title> </head> <body> <h2> Bu bir H2 başlığıdır. Blok göstergesine sahiptir. </h2> <h2> Bu <u> başka bir </u> H2 başlığıdır. Burada altı çizili etiketin Satır içi gösterimi var. </h2> </body> </html>

Çıktı:


Yukarı git

5 - HTML'de tek tırnak ve tek alıntı

Bu soru çok açık. HTML'de ne kullanmalısınız? Tek teklif veya çift fiyat teklifi mi? İnsanlar hem kullanıyor hem de hangisi doğru görünüyor?

HTML'de, tek tırnak ve çift alıntı aynıdır. Çıktıda fark yaratmazlar.

Tercih ettiğin birini kullanabilirsin. Ancak, kodların her ikisinde de karıştırmak kötü bir uygulama olarak kabul edilir. Bunlardan herhangi biri ile tutarlı olmalısınız.


Yukarı git

Anlamsız HTML'ye karşı 6 - Semantik HTML

Semantik HTML, HTML5 olarak da adlandırılan HTML'nin en son sürümüdür. Anlamsal olmayan HTML ve XHTML'nin geliştirilmiş sürümüdür.

HTML5 neden daha iyi? Önceki sürümlerde, HTML öğeleri id / sınıf adları ile tanımlandı. Örneğin: <div id = ”article”> </ div> bir makale olarak kabul edildi.

HTML5'te <article> </ article> etiketi, herhangi bir kimlik / sınıf tanımlayıcısına ihtiyaç duymadan bir makale olarak kendini gösterir.

HTML5 için, şimdi arama motorları ve diğer web uygulamaları bir web sayfasını daha iyi anlayabilir. Semantik web siteleri SEO için daha iyi olduğu kanıtlanmıştır.

İşte bazı popüler HTML5 etiketlerinin listesi:

  • <main> </ main> = Bu, görüntüleyenlerinizi göstermek istediğiniz ana içeriği sarmalamak içindir.
  • <header> </ header> = Bu, başlık veya yazar meta gibi bir içeriğin başlık kısmını işaretlemek içindir.
  • <article> </ makale> = Görüntüleyenlerinize kullanıcı tanımlı veya bağımsız bir içerik belirtir.
  • <section> </ section> = Başlık, altbilgi veya kenar çubuğu gibi herhangi bir kodu gruplandırabilir. Bir div'in semantik şekli olduğunu söyleyebilirsin.
  • <footer> </ footer> = Bu, altbilgi içeriğinizin, feragatnamenizin veya telif hakkı metninizin ait olduğu yerdir.
  • <ses> </ ses> = Ses dosyalarını herhangi bir eklenti sorunu olmadan eklemenizi sağlar.
  • <video> </ video> = <Ses> gibi, bu etiketi eklenti sorunları olmadan kullanarak video ekleyebilirsiniz.

Basit bir HTML5 yapısı şöyle görünür:

<! DOCTYPE html> <html> <head> <meta charset = "utf-8" /> <title> İlk web sayfam </title> </head> <body> <header> <nav> <ul> < li> Menü 1 </li> <li> Menü 2 </li> </ul> </nav> </header> <main> <article> <header> <h2> Bu, </ makalesinin adıdır h2> <p> Yazan John Doe </p> </header> <p> Makalenin içeriği buraya geliyor </p> </article> </main> <footer> <p> Telif Hakkı 2017 John Doe </ p> </footer> </body> </html>


Yukarı git

7-HTML Doğrulama

Web profesyonellerinin çoğu bitirdikten sonra kodlarını doğrular. İyi çalışıyorken bir kodu doğrulamak neden gereklidir?

Kodlarınızı doğrulamak için iki olası neden vardır:

  1. Kod çapraz tarayıcı ve çapraz platform uyumlu hale getirmenize yardımcı olacaktır. Kod geçerli tarayıcınızda herhangi bir hata göstermeyebilir, ancak başka birinde olabilir. Kod doğrulama bunu düzeltir.
  2. Arama motorları ve diğer web programları, içinde hata varsa, sayfanızı taramayı durdurabilir. Herhangi bir büyük hatanın olmadığı doğrulamayı onaylayabilirsiniz.

W3C Validator Kod doğrulama için en popüler hizmettir. Kodları doğrulamak için çeşitli yöntemleri vardır. Bir dosyayı yükleyebilir veya doğrulama motorunda doğrudan kodu girebilirsiniz.


Yukarı git

8 - Diğer Yardımcı Kaynaklar

HTML sürekli öğrenen bir konudur. Daha güncel HTML sürümleri daha çabuk gelebilir. Bu yüzden güncellenmiş ve pratik yapmaya devam etmelisiniz. Uygulama, as HTML’dir.

İşte size bazı yararlı kaynaklar: