HTML Konuları

HTML (Hyper Text Markup Language)

HTML (HyperText Markup Language), web sayfalarının iskeletini oluşturan işaretleme dilidir. İnternette gördüğünüz tüm sayfaların temelinde HTML vardır. Web tarayıcıları, HTML kodlarını okuyarak metinleri, görselleri, bağlantıları ve diğer içerikleri ekranda gösterir.

HTML'in Temel Özellikleri

İşaretleme dilidir, yani komutlardan çok, içerikleri tanımlamak için etiketler (p, div, section) kullanılır.
Yapıyı tanımlar, görünümü değil. (Görünüm için CSS kullanılır.)
Metin, resim, bağlantı, tablo, form gibi öğeleri tanımlamak için kullanılır.
Web tarayıcıları (Chrome, Firefox, Safari, vs.) bu etiketleri okuyarak kullanıcıya uygun şekilde gösterir.

<html> Etiketi

HTML mimarisinde web sayfasını oluşturan tüm etiketleri kapsayan etikettir.

<html> etiketi bir alt eleman olarak yalnızca <head> ve <body> etiketlerini barındırmalıdır, diğer elemanlar <head> ve <body> etiketlerinin içerisinde barındırılmalıdır.

HTML Etiketlerinin Anlamları

HTML Etiketi	Anlamı	HTML Etiketi	Anlamı
<html>	Hyper Text Markup Language (Hiper Metin İşaretleme Dili)	<q>	Quote (Alıntı)
<p>	Paragraph (Paragraf)	<h1...h6>	Heading 1…6 (Başlık 1…6)
<li>	List Item (Liste Elemanı)	<var>	Variable (Değişken)
<ol>	Ordered List (Sıralı Liste)	<nav>	Navigation (Gezinme)
<ul>	Unordered List (Sırasız Liste)	<img>	Image (Resim)
<em>	Emphasis (Vurgu)	<sup>	Superscript (Üst Simge)
<a>	Anchor (Bağlantı)	<sub>	Subscript (Alt Simge)
<b>	Bold (Kalın)	<del>	Delete (Silme)
<u>	Underline (Altı Çizili)	<cite>	Citation Element (Alıntı Öğesi)
<i>	Italic (İtalik)	<s>	Strikethrough (Üstü Çizili)

Block Elementler

Block HTML elementleri, web sayfasında yeni bir blok veya yapısal bir segment oluşturan öğelerdir. Bu öğeler genellikle mevcut tüm genişliği kaplar, yani yeni bir satırda başlar ve olabildiğince sola ve sağa doğru uzanırlar. Bu davranış, yalnızca gerektiği kadar genişlik kaplayan ve yeni bir satırda başlamayan satır içi öğelerden farklıdır.

<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<div>
<ol>
<ul>
<li>
<nav>
<footer>
<p>
<hr>
<blockquote>
<address>
<table>
<thead>
<tbody>
<tfoot>
<tr>
<td>
<th>
<article>
<aside>
<section>

Inline-Level Elementler

HTML'deki inline elementler, yeni bir satırda başlamayan ve yalnızca gerektiği kadar genişlik kaplayan öğelerdir. İçeriğin akışını bozmadan block elementlerin ve diğer inline elementlerin içine yerleştirilebilirler. Block elementlerin aksine, inline elementler sayfada yeni bir blok oluşturmaz.