Table of Contents

Asem: Bir HTML Formatında Yazılan Bir Makale (Parça 1)

Asem, web sayfalarının tasarımında ve düzenlenmesinde kullanılan bir işaretleme dilidir. HTML (Hypertext Markup Language) olarak da bilinen Asem, web tarayıcıları tarafından anlaşılabilen bir dildir ve web sayfalarının yapısını tanımlamak için kullanılır. Bu makalede, Asem’in temel özelliklerini ve kullanımını anlatacağım.

Asem’in Temel Özellikleri

Asem, birçok öğeyi kullanarak web sayfalarını oluşturmak için kullanılır. Temel olarak, Asem etiketleri ve içeriklerinden oluşan bir yapıya sahiptir. Etiketler, web tarayıcısına belirli bir işlem yapması gerektiğini söyleyen işaretlerdir. Örneğin, <p> etiketi bir paragrafı temsil ederken, <h1> etiketi bir başlığı temsil eder.

Asem etiketleri, açılış ve kapanış etiketi olmak üzere iki parçadan oluşur. Açılış etiketi, işaretin başında yer alırken, kapanış etiketi işaretin sonunda yer alır. Örneğin, bir paragrafı <p> etiketi ile başlatırız ve </p> etiketi ile kapatırız. Bu şekilde tarayıcıya paragrafın başlangıcı ve sonunu bildirmiş oluruz.

Asem ayrıca, etiketlere öznitelikler eklememize olanak tanır. Öznitelikler, etiketlere ek bilgiler sağlar ve etiketlerin davranışını veya görüntüsünü değiştirebilir. Örneğin, <img> etiketi, bir resmin kaynağını belirten bir öznitelik olan “src” özelliğini kullanır.

Asem’in Kullanımı

Asem, web sayfalarının yapısını ve içeriğini tanımlamak için kullanılır. Bir web sayfası oluştururken, Asem etiketlerini kullanarak başlıklar, paragraflar, resimler, bağlantılar ve daha fazlasını ekleyebiliriz. Örneğin, aşağıdaki Asem kodu, bir başlık, bir paragraf ve bir resim içeren basit bir web sayfasını temsil eder:

<html>
  <head>
    <title>Benim İlk Web Sayfam</title>
  </head>
  <body>
    <h1>Merhaba Dünya!</h1>
    <p>Bu benim ilk web sayfam.</p>
    <img src="resim.jpg" alt="Bir Resim">
  </body>
</html>

Bu Asem kodunda, <h1> etiketi ile bir başlık, <p> etiketi ile bir paragraf ve <img> etiketi ile bir resim eklenmiştir. Resim, “src” özniteliği aracılığıyla belirtilen “resim.jpg” dosyasından alınır. Bu kod, tarayıcı tarafından işlenerek web sayfasının görüntülenmesini sağlar.

Asem’in kullanımı, web sayfalarının tasarımında ve düzenlenmesinde büyük bir rol oynar. Asem etiketlerini doğru şekilde kullanarak, sayfaları yapılandırabilir, içeriği biçimlendirebilir ve kullanıcıların etkileşimde bulunabileceği bağlantılar ve formlar ekleyebiliriz.

Asem: Bir HTML Formatında Yazılan Bir Makale (Parça 2)

Asem Etiketleri ve Örnek Kullanımları

Asem, web sayfalarını oluşturmak için çeşitli etiketler sunar. Bu etiketler, içerikleri biçimlendirmek, yapıları oluşturmak ve kullanıcı etkileşimini sağlamak için kullanılır. İşte bazı popüler Asem etiketleri ve örnek kullanımları:

<head> Etiketi

<head> etiketi, web sayfasının başlık bilgilerini içerir. Başlık bilgileri, tarayıcı sekmesinde görünen metni ve diğer meta bilgileri içerebilir. Örneğin:

<head>
  <title>Web Sayfam</title>
  <meta charset="UTF-8">
</head>

<body> Etiketi

<body> etiketi, web sayfasının ana içeriğini içerir. Bu etiketin içinde, başlıklar, paragraflar, resimler, bağlantılar ve diğer içerikler yer alır. Örneğin:

<body>
  <h1>Merhaba Dünya!</h1>
  <p>Bu benim ilk web sayfam.</p>
  <img src="resim.jpg" alt="Bir Resim">
</body>

<h1> – <h6> Etiketleri

<h1> – <h6> etiketleri, başlıkları temsil eder. <h1> en önemli başlığı temsil ederken, <h6> en az önemli başlığı temsil eder. Örneğin:

<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>

<p> Etiketi

<p> etiketi, bir paragrafı temsil eder. Metinleri veya içerikleri paragraf şeklinde göstermek için kullanılır. Örneğin:

<p>Bu bir paragraftır.</p>
<p>Bu da başka bir paragraftır.</p>

<img> Etiketi

<img> etiketi, bir resmi sayfaya ekler. “src” özniteliği, resmin kaynağını belirtirken, “alt” özniteliği, resim yerine metin olarak görüntülenen alternatif bir açıklama sağlar. Örneğin:

<img src="resim.jpg" alt="Bir Resim">

<a> Etiketi

<a> etiketi, bir bağlantıyı temsil eder. “href” özniteliği, bağlantının hedefini belirtir. Örneğin:

<a href="https://www.example.com">Örnek Bağlantı</a>

Asem’in Önemi ve Kullanım Alanları

Asem, web tasarımında temel bir dil olarak kabul edilir ve web sayfalarının yapısını oluşturmak için yaygın olarak kullanılır. Asem’in önemli kullanım alanları şunlardır:

Web sayfalarının tasarımı ve düzenlenmesi
Etiketlendi başlangıç düzeyi HTML kurumsal web tasarımı web geliştirme

asem