HTML (HyperText Markup Language), web sayfalarının yapısını oluşturmak için kullanılan bir standart metin işaretleme dilidir. Bu makalede, HTML kodlarının ne anlama geldiği ve nasıl kullanıldığı konuları ele alınmaktadır. HTML kodları, web sayfalarının belirli bölümlerini tanımlamak ve biçimlendirmek için kullanılan etiketlerdir.
Görsel etiketleri ise bir web sayfasında görüntüleri veya resimleri eklemek ve biçimlendirmek için kullanılır. etiketi, bir web sayfasında görüntü eklemek için kullanılır ve kaynak belirtilerek kullanılır. Bir resmi açıklamak ve biçimlendirmek için ise
HTML kodlarının örneklerini inceledikten sonra, web sayfalarını daha etkileyici ve görsel açıdan zengin hale getirebilirsiniz. HTML kodlarının anlamlarını ve kullanımlarını öğrenmek, web tasarım sürecinde size önemli bir avantaj sağlayacaktır.
Alt Başlık 1: HTML Nedir?
=HTML (HyperText Markup Language), web sayfalarının yapısını oluşturmak için kullanılan bir standart metin işaretleme dilidir.
HTML, bir web sayfasının tasarımını ve biçimlendirmesini tanımlamak için kullanılan bir dil olarak öne çıkar. Web geliştiricileri, HTML kullanarak web sayfalarının metinlerini, başlıklarını, bağlantılarını, görsellerini ve diğer unsurlarını düzenler ve biçimlendirir. HTML, web tarayıcıları tarafından okunabilen bir kodlama dili olduğu için web sayfalarını tarayıcılarda görüntülememizi sağlar.
HTML, basit ve anlaşılır bir yapıya sahiptir. Web sayfalarının içeriğini belirleyen bir dizi etiket kullanır. Her bir etiket, markağın işlevine göre web sayfasında farklı bir öğeyi temsil eder. Bazı temel HTML etiketleri arasında h1 (başlık), p (paragraf), a (bağlantı), img (görsel) ve table (tablo) bulunur.
Web sayfalarında HTML etiketleri kullanarak metinleri biçimlendirebilir, bağlantılar oluşturabilir, görseller ekleyebilir ve tablolar oluşturabiliriz. HTML etiketleri, web sayfalarının yapısını belirlerken aynı zamanda SEO (Arama Motoru Optimizasyonu) için de önemlidir. Doğru etiket kullanımı ve içeriğin düzenli bir şekilde biçimlendirilmesi web sayfalarının arama motorlarında daha iyi sıralanmasını sağlar.
Alt Başlık 2: HTML Etiketleri ve Örnekleri
HTML etiketleri, web sayfalarının belirli bölümlerini tanımlamak ve biçimlendirmek için kullanılan etiketlerdir. Bu etiketler, HTML dökümanının yapısını oluşturan önemli unsurlardır ve sayfa içeriğini düzenlemek için kullanılırlar.
HTML etiketleri, etiket adı ve içerik olarak iki parçadan oluşur. Etiket adı, açılış etiketi ve kapanış etiketinin birleşimiyle oluşturulur. Açılış etiketi ‘<' işareti ile başlar, etiket adını içerir ve '>‘ işareti ile biter. Kapanış etiketi ise açılış etiketi ve ‘/’, yani ters eğik çizgi, işareti ile başlar ve ‘>’ işareti ile biter.
HTML etiketleri farklı işlevlere sahiptir. Örneğin, <p> etiketi, paragraf başlığı oluşturmak için kullanılırken, <a> etiketi bir bağlantı oluşturmak için kullanılır. Ayrıca, <h1> etiketi başlık belirtmek için, <img> etiketi ise görüntüleri eklemek için kullanılır.
|Etiket||Anlamı||Örnek|
|<p>||Paragraf başlığı||<p>Bu bir paragraf başlığıdır.</p>|
|<a>||Bağlantı oluşturmak||<a href=”https://ornek.com”>Bu bir bağlantıdır.</a>|
|<h1>||Büyük başlık||<h1>Bu bir başlıktır.</h1>|
|<img>||Resim eklemek||<img src=”resim.jpg” alt=”Resim”>|
HTML etiketleri, web sayfalarının düzenini ve biçimlendirmesini sağlamak için önemli bir rol oynar. Bu etiketlere iyi bir şekilde hakim olmak, web sayfalarını daha etkileyici ve kullanıcı dostu hale getirmek için önemli bir adımdır.
Alt Alt Başlık 1: Başlık Etiketleri
Başlık etiketleri, web sayfasının başlığını tanımlamak ve tarayıcı sekmesinde görünen metni belirlemek için kullanılır. Bu etiketler, web sayfalarının önemli başlık bilgilerini içermektedir. Başlık etiketleri, web sayfasının yapısını ifade eder ve sayfanın içeriği hakkında önemli bilgiler sunar. Ayrıca tarayıcılar arama sonuçlarında başlık etiketini sayfanın başlığı olarak kullanır, bu nedenle uygun ve açıklayıcı bir başlık etiketi seçmek önemlidir.
|Başlık Etiketi||Anlamı|
|En büyük başlık etiketi|
|Bir web sayfasında ikinci düzey başlık|
|Bir web sayfasında üçüncü düzey başlık|
Başlık etiketlerini doğru kullanmak, web sayfasının anlaşılabilirliğini ve kullanıcı deneyimini artırmak için önemlidir. Kullanıcılar, doğru başlık etiketleri kullanılan bir sayfada gezinirken daha kolay bilgi bulabilir ve sayfanın içeriğine dair daha iyi bir anlayış edinebilirler. Ayrıca başlık etiketleri, arama motorlarının sayfayı indekslemesine yardımcı olur ve SEO performansını etkiler.
Alt Alt Alt Başlık 2:
Etiketi
HTML kodlarının belirli bölümlerini tanımlamak ve biçimlendirmek için kullanılan etiketler vardır. Bu etiketler, web sayfalarının yapısını belirleyerek tarayıcılara nasıl görüntüleneceğini söyler. HTML etiketlerinin birçok örneği vardır ve bunlardan biri de
etiketidir.Örneğin, bir e-ticaret web sitesinde “Ürünlerimiz” başlığı altında farklı kategorileri temsil eden
etiketleri kullanılabilir. Bu etiketler, kullanıcılara web sayfasının yapısını ve hiyerarşiyi gösterir. Ayrıca, tarayıcılar da bu etiketleri okurken sayfanın yapısını anlar ve başlıklara göre indeksler.
Alt Alt Başlık 2: Link Etiketleri
Alt Alt Başlık 2: Link Etiketleri
Link etiketleri, bir web sayfasından başka bir web sayfasına veya içeriğe bağlantı oluşturmak için kullanılır. Bu etiketler sayesinde kullanıcılar, bir web sayfasında bulunan bir metne veya görsel unsurun üzerine tıklayarak başka bir sayfaya yönlendirilebilir veya başka bir içeriğe erişebilirler.
HTML’de link oluşturmak için etiketi kullanılır. Bu etiketin içerisine hedef URL yani bağlantının yönlendirileceği web adresi yazılır. Linkin etrafını saran etiketi, kullanıcıya tıklanabilir bir bağlantıyı göstermek için mavi renkte ve altı çizili olarak görüntülenir. Ek olarak, etiketi, “href” özelliğiyle belirtilen URL’ye bağlantıyı yönlendirir.
Örneğin:
<a href="https://www.example.com">Örnek Web Sitesi</a>
Yukarıdaki kod, “Örnek Web Sitesi” metnini içeren bir link oluşturur ve bu link tıklandığında “https://www.example.com” adresine yönlendirilir.
Ayrıca, linkler hedefte yeni bir sekmede açılmak isteniyorsa, “target” özelliği kullanılarak “blank” değeri verilebilir:
<a href="https://www.example.com" target="_blank">Yeni Sekmede Açın</a>
Yukarıdaki örnekte, “Yeni Sekmede Açın” metni linki temsil eder ve bu link tıklandığında “https://www.example.com” adresi yeni bir sekmede açılır.
Alt Başlık 3: Görsel Etiketleri
Görsel etiketleri, bir web sayfasında görüntüleri veya resimleri eklemek ve biçimlendirmek için kullanılır. Görseller, bir web sayfasının görsel görünümünü zenginleştirebilir ve kullanıcılara daha etkileyici bir deneyim sunabilir. HTML etiketleriyle, web sayfalarına görseller eklemek ve onları düzenlemek oldukça kolaydır.
Bir görseli web sayfasına eklemek için etiketini kullanabilirsiniz. Bu etiket, görselin kaynağını belirtmek ve sayfada nasıl görüneceğini ayarlamak için kullanılır. Örneğin, yukarıda verilen etiket örneği, “ornek-resim.jpg” adlı bir görseli kullanmakta ve gösterildiği boyutları belirtmektedir. Ayrıca, alt metin özelliği olan “Örnek Görsel” de verilmiştir. Bu özellik, görsel yüklenemediğinde veya kullanıcı görselin üzerine geldiğinde görüntülenecek alternatif bir metin sağlar.
Görsellerin biçimlendirilmesi için CSS (Cascading Style Sheets) kullanılarak kenarlık, arkaplan rengi ve boyut gibi özellikler ayarlanabilir. Bağlantılı görseller oluşturmak, kullanıcıları başka bir web sayfasına yönlendirmek için de yaygın olarak kullanılır. Linkli bir görsel eklemek için etiketi içinde etiketini kullanabilirsiniz.
|Görsel Etiketi||Açıklama|
|Bir görseli web sayfasına eklemek için kullanılır.|
|Bir resmi açıklamak ve biçimlendirmek için kullanılır.|
Görsel etiketleri, web sayfalarının daha görsel olarak etkileyici ve kullanıcı dostu olmasını sağlar. Doğru bir şekilde kullanıldığında, görseller web sayfalarına profesyonel bir tasarım ve görsel çekicilik katar.
Alt Alt Başlık 1: Etiketi
Alt Alt Başlık 1: Etiketi
etiketi, bir web sayfasında görüntü eklemek için kullanılır ve kaynak belirtilerek kullanılır. Bu etiketle web sayfasına istenen bir görsel eklenir ve görselin kaynağı belirtilir. Görsel etiketi kullanarak, web sayfasının daha görsel bir şekilde sunulması sağlanır.
Görsel etiketi kullanırken src özelliği kullanılır ve görselin adresi veya yerel diskindeki dosya adı belirtilir. Bu özellikle, görselin kaynağı belirtilir ve görüntü sayfada görünen boş bir kutu olarak değil, gerçek bir görüntü olarak yüklenir.
Ayrıca, alt özelliği kullanılarak görselin alternatif bir metin açıklaması belirtilebilir. Bu, görsel yüklenemediğinde veya görüntü açıklamasına ihtiyaç duyulduğunda kullanılır. Örneğin, bir görsel engelli bir kullanıcı tarafından okunamazsa veya bir ekran okuyucusu tarafından alınmazsa, alternatif metin açıklaması, kullanıcının görselin içeriği hakkında bilgi almasını sağlar.
Görsel etiketi, web sayfalarının görsel unsurlarını zenginleştirmek ve daha etkili bir iletişim sağlamak için önemli bir araçtır. Doğru bir şekilde kullanıldığında, web sayfalarının kullanıcı deneyimini geliştirir ve içeriğin daha çekici hale gelmesini sağlar.
Alt Alt Başlık 2:
=