HTML (HyperText Markup Language), web sayfalarının yapısını tanımlamak için kullanılan standart bir işaretleme dilidir. HTML, bir metin belgesine eklenen etiketler aracılığıyla içeriği yapılandırır ve tarayıcılar tarafından bu yapıya göre yorumlanarak web sayfası olarak görüntülenmesini sağlar.
HTML, başlık, paragraf, resim, bağlantı gibi temel yapı taşlarından oluşur. Bu yapı taşları, belirli etiketlerle çevrelenerek tarayıcıya ne şekilde görüntülenmesi gerektiği hakkında bilgi verir. Örneğin, bir başlık oluşturmak için `
` etiketi kullanılırken, bir paragraf oluşturmak için `
` etiketi kullanılır.
HTML, diğer web teknolojileriyle birlikte kullanılarak interaktif ve dinamik web sayfaları oluşturmak için kullanılır. CSS (Cascading Style Sheets) ile tasarım ve görünüm, JavaScript ile etkileşim ve dinamizm sağlanarak daha gelişmiş web sayfaları tasarlanabilir.
Aşağıda basit bir HTML belgesi örneği verilmiştir:
```html
Örnek Web Sayfası Merhaba Dünya!
Bu bir paragraf örneğidir.
Örnek Bağlantı 
```
Yukarıdaki örnekte, ``, ``, `
`, `<body>`, `<h1>`, `<p>`, `<a>`, `<img>` gibi HTML etiketleri kullanılarak bir temel yapı oluşturulmuştur. Bu yapı, tarayıcı tarafından yorumlanarak kullanıcıya görsel bir web sayfası olarak sunulur.</p> <p> <sub>Okunma: 1</sub> </p> </div><a href="https://yodax.top" title="yodax" target="_blank"><img src="https://yodax.top/banner.png" width="360" alt="yodax"></a> <br/><br/><div class="sino-related-wrapper"><h2>Son Eklenenler</h2> <div class="sino-related-content"><a href="https://segirt.com/blog/z-kusagi-kavramini-ilk-kim-kullandi.html" title="Z kusagi kavramini ilk kim kullandi?"><img src="https://segirt.com/segirt.webp" width="120" height="86" alt="Z kusagi kavramini ilk kim kullandi?" class="sino-related-image" /></a><div class="sino-related-text"> <h3><a href="https://segirt.com/blog/z-kusagi-kavramini-ilk-kim-kullandi.html" title="Z kusagi kavramini ilk kim kullandi?">Z kusagi kavramini ilk kim kullandi?</a></h3></div></div> <div class="sino-related-content"><a href="https://segirt.com/blog/sporda-kullanilan-teknolojik-aletler-nelerdir.html" title="Sporda kullanilan teknolojik aletler nelerdir?"><img src="https://segirt.com/segirt.webp" width="120" height="86" alt="Sporda kullanilan teknolojik aletler nelerdir?" class="sino-related-image" /></a><div class="sino-related-text"> <h3><a href="https://segirt.com/blog/sporda-kullanilan-teknolojik-aletler-nelerdir.html" title="Sporda kullanilan teknolojik aletler nelerdir?">Sporda kullanilan teknolojik aletler nelerdir?</a></h3></div></div> <div class="sino-related-content"><a href="https://segirt.com/blog/ev-sahibi-nasil-bulunur.html" title="Ev sahibi nasil bulunur?"><img src="https://segirt.com/segirt.webp" width="120" height="86" alt="Ev sahibi nasil bulunur?" class="sino-related-image" /></a><div class="sino-related-text"> <h3><a href="https://segirt.com/blog/ev-sahibi-nasil-bulunur.html" title="Ev sahibi nasil bulunur?">Ev sahibi nasil bulunur?</a></h3></div></div> </article> <!-- end main --><!-- start footer --><footer class="sino-wp-footer"><div class="sino-wp-footer-inner"> <a href="#" class="back-to-top">Yukarı</a><br/> <a href="https://yodax.top/" target="_blank" class="back-to-top" title="arabix">Yodax </a><a href="http://segirt.com/" target="_blank" class="back-to-top" title="segirt">segirt </a> <a href="http://kadran.top/" target="_blank" class="back-to-top" title="kadran">kadran </a> <a href="http://goncik.top/" target="_blank" class="back-to-top" title="goncik">goncik </a> <a href="https://cincar.top/" target="_blank" class="back-to-top" title="cincar">cincar </a> <a href="https://kertles.top/" target="_blank" class="back-to-top" title="kertles">kertles </a> <a href="https://gusgana.top/" target="_blank" class="back-to-top" title="gusgana">gusgana </a> <a href="http://doviz34.com/" target="_blank" class="back-to-top" title="doviz3">doviz34 </a> <a href="http://dmgroupmk.com/" target="_blank" class="back-to-top" title="dmgroupmk">dmgroupmk </a> <a href="http://vilayet.top" target="_blank" class="back-to-top" title="Vilayet">Vilayet </a><p class="copyright">Segirt Blog</p> </div></footer><!-- end footer --> </body></html> 