HTML, günümüz internetinin bel kemiğidir. Milyonlarca web sitesi birlikte interneti oluşturdu. HTML, tüm bu web sitelerinin yapı taşıdır. Yirmi yıl önce, sadece bir hobi bloggerı olsanız bile, kendinizi korumak veya sitenize basit bir fonksiyon eklemek için biraz web kodlama bilmeniz gerekiyordu. Ama artık o kadar çok editör ve eklenti var ki HTML'nin temellerini bilmek bile artık gerekli değil.
Bununla ilgili sorun şu ki, birkaç temel bilgiyi bilmiyorsanız, blogunuzda kolayca gerçek bir sorun yaşayabilirsiniz ve küçük bir sorunu çözmek için pahalı bir geliştirici tutmanız gerekir. Sadece bu da değil, blogunuzda özel bir metin widget'ı eklemek gibi değişiklikler oluşturmak biraz bilgi gerektirir.
İçerik düzeni sorunu yaşıyorsanız, HTML bilgisi sizi tekrar izleyebilir.
İlk Sitenizi mi Yapıyorsunuz? Kodsuz Web Sitesi Oluşturucu'yu deneyin
gibi bir oluşturucu ile bir web sitesi oluşturmak için kodlama becerilerine ihtiyacınız yoktur. Wix. Araç, 800'den fazla tasarımcı şablonuyla birlikte gelir ve sitenizi mobilden yönetmenize olanak tanır > denemek Wix Ücretsiz, Buraya Tıklayın
Ayrıca okuyun
- Bir web sitesi oluşturmak için 20'den fazla site oluşturucu platformu
- Dikkate alınması gereken en iyi HTML editörleri
Başlamadan Önce – HTML'nin Temelleri
HTML nedir?
HTML kısaltmasıdır Hyper Text MArkupe Language. Web tarayıcılarına içerikleri etiketlemek için standart bir dildir.
HTML, "Öğeler" ile temsil edilir. Öğeler aynı zamanda "Etiketler" olarak da bilinir.
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.
HTML büyük/küçük harfe duyarlı mı?
HTML büyük / küçük harfe duyarlı değildir. Ancak en iyi uygulama, uygun vakalarla HTML yazmaktır.
HTML Projelerinizi Barındırmak için Yeni Başlayanlara Tüyolar
Yeni başlayan biriyseniz, uygun fiyatlı ve başlaması kolay barındırma sağlayıcılarını öneririz. Anında hesap etkinleştirme, kullanımı kolay bir kontrol paneli, kapsamlı kullanıcı kılavuzu ve her zaman yardıma hazır olan yardımcı teknik destek önemli gereksinimlerdir.
| Web Host | Kaydol | Özeti |
|---|---|---|
| A2 Hosting | $ 2.99 / ay | Hızlı web barındırma, sorunsuz yeni kullanıcılar işe alım süreci (tam bir inceleme). |
| Hostpapa | $ 3.95 / ay | Çevre dostu ev sahibi, ilk kez kullananlar için büyük indirim (tam bir inceleme). |
| Hostinger | $ 1.99 / ay | Süper düşük fiyatlı barındırma, iyi performans (tam bir inceleme). |
| GreenGeeks | $ 2.95 / ay | %300 yeşil barındırma, ücretsiz ve yönetimi kolay SSL (tam bir inceleme). |
| InMotion Hosting | $ 3.49 / ay | Çok güvenilir barındırma; web tasarım hizmetleri de sunuyoruz (tam bir inceleme). |
İ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.
Bir Kod Düzenleyiciye ihtiyacınız var. İyi bir kod düzenleyici, büyük kodları yazmayı ve düzenlemeyi kolaylaştıracaktır. Web dilleri yazmak için Notepad++ (ücretsiz ve açık kaynak) kullanıyorum ve tavsiye ediyorum. Sublime Text, Atom vb. gibi kullanabileceğiniz başka editörler de var.
Yapman gerekenler işte burada:
- Bir kod düzenleyici kurun
- Onu açın
- Yeni bir dosya oluşturun
- Bir .html dosyası olarak kaydedin
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.
HTML Code
<!DOCTYPE html> <html> <head> <title>My first web page</title> </head> <body> <p>Hello World!</p> </body> </html>
Çıktı:
Tebrikler! İlk HTML dosyanızı oluşturdunuz.
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.
Öyleyse bunu "Merhaba Dünya!" Dan anlamaya çalışalım. Aşağıdaki öğeler, her HTML dosyası için zorunlu parçalardır.
- = Bunun bir HTML dosyası olduğu tarayıcıya bildirilir. <html> etiketinden önce belirtmelisiniz.
- = Bu, bir HTML dosyasının kök öğesidir. Yazdığınız her şey <html> ve </html> arasında gider.
- = Bu, bir tarayıcı için meta bilgi parçasıdır. Bu etiketin içindeki kodların görsel çıkışı yoktur.
- = Bu, bir web tarayıcısının oluşturduğu kısımdır. Bir web sitesinde tam olarak gördüğünüz şey, aralarında kodların oluşturulmasıdır. ve .
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ığınızdan emin olmalısınız.
HTML etiketlerinin genellikle bir açılış ve bir kapanış etiketi vardır. Açılış etiketi, küçüktür (<) ve büyüktür (>) işaretiyle çevrili anahtar kelimeye sahiptir. Kapanış etiketinde her şey aynıdır ancak küçüktür (<) işaretinden sonra fazladan bir eğik çizgi (/) bulunur.
Başlık Etiketleri
Tüm head. etiketleri <head>. ve </head>. arasında yer alır. Web tarayıcısı ve arama motorları için meta bilgiler içerirler. Temel olarak görsel çıktıları yoktur.
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>My first web page</title>
Bağlantı etiketi, HTML sayfanızı harici kaynaklara bağlar. Ana kullanımı HTML sayfasını CSS stil sayfalarına bağlamaktır. Kendiliğinden kapanan bir etikettir ve sona ihtiyacı yoktur . Burada rel, dosya ile ilişkili ve src, kaynak anlamına gelir.
Kodu:
<link rel="stylesheet" type="text/css" src="style.css">
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="This is the short description that search engines show"
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 etiketi, bir web tarayıcısında komut dosyaları devre dışı bırakıldığında çalışır. Web sayfalarında komut dosyalarına izin vermeyen bir sayfayı kendileriyle uyumlu hale getirir.
Kodu:
<noscript><p>Alas! Scripts are disabled.</p></noscript>
Vücut Etiketleri
Tüm gövde etiketleri <body ve </body arasında yer alır. Görsel çıktıları vardır. En çok iş burada yapılır. Ana sayfa içeriğinizi yapılandırmak için bu etiketleri kullanmanız gerekir.
-e
Bunlar başlık etiketleridir. En önemli başlık şu şekilde etiketlenmiştir: ve en az önemli olan . Bunları doğru hiyerarşide kullanmalısınız.
Kodu:
<h1>This is a h1 heading</h1> <h2>This is a h2 heading </h2> <h3>This is a h3 heading </h3> <h4>This is a h4 heading </h4> <h5>This is a h5 heading </h5> <h6>This is a h6 heading </h6>
Çı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>You can highlight your text in many ways.</p> <p>You can <strong>bold</strong>, <u>underline</u>, <em>italic</em>, <mark>mark</mark>, <sub>subscript</sub>, <sup>superscript</sup> and more!</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>You can comment out any code by surrounding them in this way</p> -->
Diğer Önemli HTML Etiketleri
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ı. Açılma ve kapanma kısmı vardır . Tutturmak istediğiniz metin ve arasında yer alı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.
- target = ”" = URL'nin yeni bir tarayıcı sekmesinde mi yoksa aynı sekmede mi açılacağını tanımlar. target = ”_ blank” yeni sekme içindir ve target = ”_ self” aynı sekmede açmak içindir.
- rel = ”" = Mevcut sayfanın linklenen sayfa ile ilişkisini tanımlar. Bağlantı verilen sayfaya güvenmiyorsanız, rel = ”nofollow” tanımlayabilirsiniz.
Kodu:
<p><a target="_blank" href="https://www.google.com/">Click here</a> to go to Google. It will open in a new tab.</p> <p><a target="_self" href="https://www.google.com/">Click here</a>. It will also take you to Google but will open in the current tab.</p>
Çıktı:
Resim etiketi, görüntü tabanlı web sitelerinin çoğunu hayal edemediğiniz başka önemli bir etikettir.
kendi kendine kapanan bir etikettir. Geleneksel kapanışa ihtiyaç duymaz. . Doğru kullanmadan önce bilmeniz gereken bazı özellikler vardır.
- 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.
<p>This is the Googleplex in August 2014.</p> <p>This image has a width of 500 pixels and a height of 375 pixels.</p> <img src="https://upload.wikimedia.org/wikipedia/commons/0/0e/Googleplex-Patio-Aug-2014.JPG" alt="Google's Headquarter in August 2014" width="500" height="375" />
Çıktı:
İpuçları: Tıklanabilir bir resim mi eklemek istiyorsunuz? Resim kodunu bir etiketle sarın . Nasıl gittiğini gör.
veya
Liste etiketi, bir öğe listesi oluşturmak içindir. sıralı listeler (numaralı liste) anlamına gelir ve sırasız listeler (madde işaretleri) anlamına gelir.
İçindeki liste öğeleri veya ile etiketlendi . li, liste anlamına gelir. İstediğin kadar alabilirsin ebeveynin içinde istediğin gibi veya etiket.
Kodu:
<p>This is an ordered list:</p> <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol> <p>This is an unordered list:</p> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>
Çıktı:
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.
dış üst koddur. Bu etikette tablo satırı anlamına gelir, tablo sütunu anlamına gelir ve tablo başlığı anlamına gelir.
Kodu:
<table> <tr> <th>Name</th> <th>Age</th> <th>Profession</th> </tr> <tr> <td>Jo <td>27</td> <td>Businessman</td> </tr> <tr> <td>Carol</td> <td>26</td> <td>Nurse</td> </tr> <tr> <td>Simone</td> <td>39</td> <td>Professor</td> </tr> </table>
Çıktı:
Not: Birincinin içindeki değerler başlıklardır. Yani kullandık metne kalın metin efekti uygular.
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 üstbilgi, gövde ve altbilgi olarak gruplandırarak bağımsız kaydırmaya izin verebilirsiniz. Başlık ve gövde kısmı, tablonuzun yayıldığı her sayfaya yazdırılır.
Tablo gruplandırma etiketleri:
- = Bir tablonun başlıklarını sarmak için. Tablonun her bölünmüş sayfasına yazdırır.
- = Bir tablonun ana verilerini sarmak için. İstediğin kadar alabilirsin gerek duyduğunuz kadar. Bir etiketi, ayrı bir veri grubu anlamına gelir.
- = 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 tablomuzu şu şekilde gruplayabiliriz: , ve :
Kodu:
<table> <thead> <tr> <th>Name</th> <th>Age</th> <th>Profession</th> </tr> </thead> <tbody> <tr> <td>John</td> <td>27</td> <td>Businessman</td> </tr> <tr> <td>Carol</td> <td>26</td> <td>Nurse</td> </tr> <tr> <td>Simone</td> <td>39</td> <td>Professor</td> </tr> </tbody> <tfoot> <tr> <td>Total Persons:</td> <td>3</td> </tr> </tfoot> </table>
Çıktı:
Form öğesi, web sayfaları için etkileşimli formlar oluşturmak için kullanılır. Bir HTML formu birkaç ardışık öğe içerir. Örneğin: , 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. En temel girdi türü metindir. Olarak yazılmıştır. Türler ayrıca radyo, onay kutusu, e-posta vb. Olabilir. Göndermeyi kontrol etmek için havalandırma gönderme türü bir giriş olmalıdır.
<label> etiketi, etiket oluşturmak ve bunları girdilerle ilişkilendirmek için kullanılır. Etiketleri girdilerle ilişkilendirmenin kuralı, etiketin for=” ” niteliği ile girdinin id=” ” niteliğinin aynı değere sahip olmasıdır.
Kodu:
<form action="#"> <label for="firstname">First Name: </label> <input type="text" id="firstname"><br> <label for="lastname">Last Name: </label> <input type="text" id="lastname"><br> <label for="bio">Short Bio: </label> <textarea id="bio" rows="10" cols="30" placeholder="Enter your bio here..."></textarea><br> <label>Gender:</label><br> <label for="male">Male</label> <input type="radio" name="gender" id="male"><br> <label for="female">Female</label> <input type="radio" name="gender" id="female"><br> <input type="submit" value="Submit"> <form>
Çıktı:
Not: Bilgiyi işlemek için herhangi bir sunucuya bağlı olmadığından, boş bir değere eylem işaret ettim.
3. HTML Nitelikleri
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ür ve açılış HTML etiketinde bulunur. Özniteliğin değeri çift tırnak arasında yer alır.
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">This is the main title</h1>
href = ””
href, Hypertext Reference'ın kısaltmasıdır. Kullanıcıları referans bağlantılarına yönlendirirler. Bağlantı etiketi , 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's Headquarter" />
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">This is another title</h2>
4. Kod Ekranı: Blok - Satır İçi
Bazı öğeler her zaman yeni bir satırda başlar ve mevcut tüm genişliği alır. Bunlar "Blok" öğeleridir.
Ör: , , - , form vb.
Bazı öğeler yalnızca gerekli alanı kaplar ve yeni bir satırda başlamaz. Bunlar "Satır içi" öğelerdir.
Ör: ,, ,, 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>My first web page</title> </head> <body> <h2>This is a H2 heading. It has Block display.</h2> <h2>This is <u>another</u> H2 heading. Here the underline tag has Inline display.</h2> </body> </html>
Çıktı:
5. HTML'de çift tırnak ve tek tırnak
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, tekli fiyat teklifi ve çiftli fiyat teklifi aynıdır. Çıktıda bir fark yaratmıyorlar.
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.
6. Anlamsal HTML ve Anlamsal Olmayan 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ıyla tanımlanıyordu. Örneğin: makale olarak kabul edildi.
HTML5'te, etiketi, herhangi bir id / sınıf tanımlayıcısına ihtiyaç duymadan kendisini bir makale olarak temsil eder.
HTML5 uğruna, artık arama motorları ve diğer web uygulamaları bir web sayfasını daha iyi anlayabilir. Semantik web sitelerinin SEO için daha iyi performans gösterdiği kanıtlanmıştır.
İşte bazı popüler HTML5 etiketlerinin listesi:
- = Bu, görüntüleyenlerinizi göstermek istediğiniz ana içeriği sarmalamak içindir.
- = Bu, başlık veya yazar meta gibi bir içeriğin başlık kısmını işaretlemek içindir.
- = Görüntüleyenlerinize kullanıcı tanımlı veya bağımsız bir içerik belirtir.
- = Başlık, altbilgi veya kenar çubuğu gibi herhangi bir kodu gruplandırabilir. Bir div'in semantik şekli olduğunu söyleyebilirsin.
- = Bu, altbilgi içeriğinizin, feragatnamenizin veya telif hakkı metninizin ait olduğu yerdir.
- = Ses dosyalarını herhangi bir eklenti sorunu olmadan eklemenizi sağlar.
- = Beğen , bu etiketi kullanarak eklenti sorunları olmadan video ekleyebilirsiniz.
Basit bir HTML5 yapısı şöyle görünür:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>My first web page</title> </head> <body> <header> <nav> <ul> <li>Menu 1</li> <li>Menu 2</li> </ul> </nav> </header> <main> <article> <header> <h2>This is the title of the article</h2> <p>Posted by John Doe</p> </header> <p>Content of the article goes here</p> </article> </main> <footer> <p>Copyright 2017 John Doe</p> </footer> </body> </html>
7. HTML Doğrulaması
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:
- 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.
- Arama motorları ve diğer web programları, içinde hatalar varsa sayfanızı taramayı durdurabilir. Herhangi bir büyük hatanın olmadığını doğrulayarak 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.
Daha Faydalı 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. Alıştırma, HTML'de usta olan şeydir
İşte size bazı yararlı kaynaklar:
- W3Schools HTML Öğreticileri
- ÖğreticilerPuan e-Kitabı
- Code Academy HTML Kılavuzu
- Code Burst Bir [HTML] Web Sitesi Yapalım
- Mozila'nın HTML Hile Sayfası
HTML ile ilgili SSS
Evet, HTML'yi öğrenmesi kolaydır. Bilgisayarınızdaki Not Defteri'ni kullanarak temel bir HTML dosyası oluşturabilirsiniz; veya daha uzun sayfaları yazmak ve daha iyi düzenlemek için bir HTML Düzenleyici kullanabilirsiniz.
Bu sayfada temel bilgilere zaten sahipsiniz; Yapmanız gereken bir sonraki şey yaparak öğrenmek. İşte kendi HTML kodunuzu yazıp test edebileceğiniz altı web sitesi Siteler
HTML, Hyper Text Markup Language'ın kısaltmasıdır. Layman için - HTML'yi web sitelerinin yapı taşı olarak anlayabilirsiniz. Bir web sayfasını ve içeriğini yapılandırmak için kullanılan standart bilgisayar dilidir.
Evet, HTML en yaygın biçimlendirme dilidir ve web tarayıcılarında en yüksek kabule sahiptir. İnternetteki çoğu web sitesi için hayati yapı taşlarıdır (CSS ve JavaScript ile birlikte) . Web geliştirici olmayı veya web sitesi işletmeyi planlıyorsanız; en azından temel HTML bilgisine sahip olmanız en iyisidir.
