Python Kod

  1. Anasayfa
  2. »
  3. Genel
  4. »
  5. HTML Örnek Kodlar

HTML Örnek Kodlar

admin admin - - 8 dk okuma süresi
618 0

HTML Örnek Kodlar

Bu makalede, HTML örnek kodlarının ve açıklamalarının yer aldığı bir kaynak sunulmaktadır. HTML (Hypertext Markup Language), web sayfalarının temel yapısını oluşturan bir işaretleme dilidir. Bu örnekler, başlangıç düzeyinde HTML bilgisine sahip olanlar için faydalı olabilir ve web geliştirme sürecinde yardımcı olabilir.

Metin Etiketleri

HTML belgesinde kullanılan metin etiketleri, içeriğin yapısını ve görüntülenme şeklini belirler. Metin etiketleri, metne vurgu yapmak veya önemli bölümleri kalın olarak belirtmek gibi çeşitli amaçlar için kullanılabilir. Örneğin, etiketi kullanılarak metin içerisinde vurgulama yapılabilir, etiketi ise metin içerisindeki önemli bölümleri kalın olarak belirtmek için kullanılabilir.

Bağlantılar

Bir web sitesinde bağlantılar, kullanıcıların farklı sayfalara veya kaynaklara erişebilmelerini sağlar. HTML belgesinde bağlantı oluşturmak için etiketi kullanılır. Bu etiket ile bir bağlantı oluşturabilir ve hedefini belirleyebilirsiniz. Ayrıca, etiketi ile bir bağlantıyı yeni bir pencerede açabilirsiniz.

Görüntüler

HTML belgesine görüntü eklemek, web sayfalarının görsel çekiciliğini artırmak için önemlidir. Resim etiketi ile bir görüntüyü belgeye ekleyebilir ve boyutunu ayarlayabilirsiniz. Bu sayede, sayfanıza istediğiniz görseli ekleyebilir ve görüntüyü düzenleyebilirsiniz.

Metin Etiketleri

Metin Etiketleri

HTML belgelerinde metin etiketleri kullanılarak metinlerin biçimlendirilmesi ve yapının düzenlenmesi sağlanır. Bu etiketler sayesinde metinlere vurgu yapabilir, paragrafları düzenleyebilir ve diğer metin özelliklerini belirleyebilirsiniz.

HTML’de en sık kullanılan metin etiketlerinden bazıları:

  • <h1>: Bu etiket, bir başlık olarak kullanılan en üst düzey metin etiketidir. Bir sayfadaki en önemli başlığı belirtir.
  • <p>: Bu etiket, bir paragrafın başladığını ve bittiğini belirtir. Paragrafları biçimlendirmek veya ayrı paragraflar oluşturmak için kullanılır.
  • <em> veya <strong>: Bu etiketler, metin içinde vurgulama yapmak için kullanılır. <em> etiketi italik bir görünüm sağlarken, <strong> etiketi metni kalınlaştırır.
  • <u> veya <s>: Bu etiketler, metin içinde altı çizili veya üstü çizili bir etki oluşturmak için kullanılır.
  • <sup> veya <sub>: Bu etiketler, metin içinde üst yazı veya alt yazı efektleri oluşturmak için kullanılır.

Yukarıda belirtilen etiketler sadece birkaç örnektir. HTML’de birçok metin etiketi bulunur ve her biri farklı bir amaca hizmet eder. Bu etiketleri doğru bir şekilde kullanarak metinlerinizi daha etkileyici ve anlaşılır hale getirebilirsiniz.

Etiketi

Etiketi

Bu etiket ile metin içerisinde vurgulama yapabilirsiniz. Etiket kullanılarak belirlediğiniz metin parçası ön plana çıkarılabilir. Özellikle önemli bir ifadeyi veya dikkat çekmek istediğiniz bir bölümü vurgulamak için bu etiketi kullanabilirsiniz.

Örneğin, bir yazı içinde bir cümledeki ana fikri vurgulamak için Etiket kullanabilirsiniz. Bu şekilde okuyucunun dikkati çekilir ve önemli bir bilgiyi kaçırma ihtimali azalır. Ayrıca, bu etiketi kullanırken metinde bir renk değişikliği meydana gelebilir veya metin kalınlaşabilir.

Bu etiketi kullanırken, metni mümkün olduğunca az ve öz tutmak önemlidir. Sadece gerekli bilgileri vurgulamak amacıyla kullanmalısınız. Aynı zamanda, birçok Etiket kullanmak metnin okunabilirliğini azaltabilir ve dikkat dağıtabilir. Doğru ve dengeli bir şekilde kullanıldığında, bu etiket metnin anlaşılmasını kolaylaştırır ve önemli noktaları vurgular.

  • Bu etiketi kullanarak önemli detayları vurgulayabilirsiniz.
  • Vurgulanan metinler okuyucunun dikkatini hemen çeker.
  • Anlaşılması gereken ana fikri belirgin bir şekilde vurgulamak için idealdir.
  • Metin içindeki vurgulanan bu bölümü daha kolay algılamak için kalın veya renkli hale getirebilirsiniz.

Bu etiketin kullanımıyla metni daha etkileyici hale getirebilir ve okuyucunun dikkatini çekmek için kullanabilirsiniz.

Etiketi

Etiketi

Metin içerisindeki önemli bölümleri kalın olarak belirtmek için Etiketi kullanabilirsiniz. Bu etiket, metinlere vurgu yapmak veya belirli bir bölümü ön plana çıkarmak için ideal bir seçenektir.

Örnek olarak, bir başlık veya bir dikkat çekici ifade içeren bir paragrafı Etiketi ile kalınlaştırabilirsiniz. Bu şekilde, okuyucu önemli bilgileri hızlıca fark edebilir ve metnin ana noktalarını daha kolay anlayabilir.

Etiketi‘nin kullanımı oldukça basittir. İstenen metni bu etiketin içine almanız yeterlidir. Örneğin:

<p><strong>Bu metin kalın olarak belirtilmiştir</strong></p>

Bu kod parçasını kullanarak, “Bu metin kalın olarak belirtilmiştir” şeklinde bir metin elde edersiniz.

Özetlemek gerekirse, Etiketi kullanarak metin içerisinde önemli bölümleri kalın olarak belirtebilir ve okuyucunun dikkatini çekebilirsiniz.

Bağlantılar

HTML belgesinde bağlantı oluşturma ve bağlantıya farklı özellikler ekleme örnekleri:

HTML belgelerinde bağlantılar, kullanıcıları farklı sayfalara veya kaynaklara yönlendirmek için kullanılır. Bağlantıların düzenli ve işlevsel olması önemlidir. İşte HTML belgesinde bağlantı oluşturma ve bağlantıya farklı özellikler ekleme örnekleri:

  • <a href="#">Etiketi</a>: Bu etiketi kullanarak bir bağlantı oluşturabilir ve hedefini belirleyebilirsiniz. href özelliği, bağlantının gideceği adresi belirtir. Bu örnekte “#” sembolü, sayfanın aynı konumuna yönlendirecektir.
  • <a href="#" target="_blank">Etiketi</a>: Bu etiketi kullanarak bir bağlantıyı yeni bir pencerede açabilirsiniz. target="_blank" özelliği, bağlantının yeni bir pencerede açılmasını sağlar.

Bu bağlantı örnekleri, HTML belgesinde kullanabileceğiniz farklı bağlantı seçeneklerini göstermektedir. Bağlantıların hedeflerini ve açılacağı pencereyi belirleyebilirsiniz. Bu sayede kullanıcılarınızı farklı kaynaklara yönlendirebilir ve daha iyi bir kullanıcı deneyimi sağlayabilirsiniz.

Bağlantılar, HTML belgelerinde diğer sayfalara veya web sitelerine yönlendirmek için kullanılan önemli bir öğedir. Bir bağlantı oluşturmak için <a href="sayfa_urlsi">Etiketi</a> etiketini kullanırız. İşte örnek bir bağlantı etiketi:

Etiket Açıklama
<a href="https://www.ornekwebsite.com">Örnek Website</a> Bu etiket, “Örnek Website” isimli bir bağlantı oluşturur ve hedefini “https://www.ornekwebsite.com” olarak belirler.

Yukarıdaki örnekte, a etiketinin içine href="https://www.ornekwebsite.com" özelliği eklenmiştir. Bu özellik, bağlantının hedef URL’sini belirler. Ayrıca, bağlantının görüntülenen metnini, yani “Örnek Website”i içeren a etiketinin içine yerleştirilir.

Bağlantılar aynı sayfada veya farklı bir sayfada hedefini değiştirebilir. Örneğin, aşağıdaki etiket, bağlantıyı yeni bir pencerede açar:

Etiket Açıklama
<a href="https://www.ornekwebsite.com" target="_blank">Örnek Website</a> Bu etiket, “Örnek Website” isimli bir bağlantı oluşturur ve hedefini “https://www.ornekwebsite.com” olarak belirler. Ayrıca, target="_blank" özelliği sayesinde bağlantıyı yeni bir pencerede açar.

Bağlantı öğeleri, web sayfalarının etkileşimli ve kullanıcı dostu olmasını sağlar. İhtiyaçlarınıza uygun bağlantıları oluşturarak ziyaretçilerinizi farklı sayfalara yönlendirebilir ve internet deneyimlerini zenginleştirebilirsiniz.

#

#

Bu makalede HTML örnek kodları ve açıklamaları yer almaktadır.

HTML, web siteleri ve web sayfalarında kullanılan bir programlama dilidir. HTML ile web sayfalarında metinler, bağlantılar, görüntüler ve daha birçok öğe oluşturulabilir. HTML’in doğru ve etkili bir şekilde kullanılması, web sayfalarının düzgün görüntülenmesi ve kullanıcı deneyimini artırması için önemlidir.

Bu makalede HTML örnek kodlarına ve kullanımlarına odaklanacağız. Aşağıda, temel metin etiketleri, bağlantı oluşturma ve görüntü ekleme gibi konuları kapsayan örnekler ve açıklamalar bulunmaktadır.

Metin Etiketleri: HTML belgesinde kullanılan metin etiketleri, metinlerin biçimlendirilmesi ve vurgulanması için kullanılır. Örneğin, etiketi ile metin içerisinde vurgu yapabilirsiniz ve etiketi ile metin içerisindeki önemli bölümleri kalın olarak belirtebilirsiniz.

Bağlantılar: HTML belgesinde bağlantılar oluşturabilir ve bu bağlantılara farklı özellikler ekleyebilirsiniz. Etiketi ile bir bağlantı oluşturabilir ve hedefini belirleyebilirsiniz. Etiketi ile bir bağlantıyı yeni bir pencerede açabilirsiniz.

Görüntüler: HTML belgesine görüntü ekleyebilir ve bu görüntülerin boyutunu ve hizalamasını düzenleyebilirsiniz. Resim etiketi ile bir görüntüyü belgeye ekleyebilir ve boyutunu ayarlayabilirsiniz.

Bu örnek kodlar ve açıklamalar, HTML konusunda daha fazla bilgi edinmek ve web sayfalarınızı güçlendirmek için kullanabilirsiniz. HTML’i etkin bir şekilde kullanarak, internet üzerindeki varlığınızı artırabilir ve kullanıcıları etkileyici bir deneyim sunabilirsiniz.

>Etiketi

Etiketi bir bağlantı oluşturmanızı ve hedefini belirlemenizi sağlayan bir HTML etiketidir. Bu etiket sayesinde kullanıcılar belirli bir metne veya görüntüye tıkladıklarında başka bir sayfaya veya belirli bir bölüme yönlendirilebilirler. Örneğin, “Daha fazla bilgi için buraya tıklayın” şeklinde bir metin oluşturmak istediğinizde Etiketi‘ni kullanabilirsiniz. Bu sayede kullanıcılar sizin belirlediğiniz bir hedefe yönlendirilir, örneğin başka bir sayfaya giderler veya belgenin başka bir bölümüne atlarlar.

Bu etiket ile bir bağlantı oluşturabilir ve hedefini belirleyebilirsiniz. Bağlantı oluşturmak için “href” özelliğini kullanabilirsiniz. Örneğin, bu bağlantı, kullanıcının tıkladığında “https://www.example.com” adresine yönlendirilecektir. Hedefini belirlemek için “target” özelliğini kullanabilirsiniz. Örneğin, bu bağlantı, kullanıcının tıkladığında yeni bir pencerede “https://www.example.com” adresine yönlendirilecektir.

#

HTML örnek kodları ve açıklamaları içeren bu makalede, HTML belgelerinde sıklıkla kullanılan bazı önemli etiketler ve onların kullanımı anlatılacaktır. HTML etiketleri, belgelerde metinleri biçimlendirmek, bağlantılar oluşturmak ve görüntüler eklemek için kullanılır. Bu örnek kodlar, web geliştiricilerin ve içerik yazarlarının HTML dilini daha iyi anlamalarına yardımcı olmak için tasarlanmıştır.

Birinci bölümde metin etiketleri konuşulacak. Etiketi, bir metin içinde vurgulama yapmak için kullanılırken, Etiketi ise metin içindeki önemli bölümleri kalın olarak belirtmek için kullanılır. Bu etiketleri kullanarak metinlerinizi istediğiniz şekilde biçimlendirebilirsiniz.

İkinci bölümde bağlantılar hakkında bilgi verilecek. Etiketi ile bir bağlantı oluşturabilir ve hedefini belirleyebilirsiniz. Ayrıca Etiketi kullanarak bağlantıyı yeni bir pencerede açabilirsiniz. Bu özelliklerle ziyaretçilerinizi farklı sayfalara yönlendirebilir ve kullanıcı deneyimini geliştirebilirsiniz.

Üçüncü ve son bölümde ise görüntüler hakkında bilgi paylaşılacak. Resim etiketi ile bir görüntüyü belgeye ekleyebilir ve boyutunu ayarlayabilirsiniz. Bu sayede web sayfalarınızı görsel açıdan daha çekici hale getirebilir ve kullanıcıların dikkatini çekebilirsiniz.

target

The target= attribute is used to specify the target window or frame for a hyperlink in HTML. By default, when a user clicks on a hyperlink, the linked webpage replaces the current webpage in the same window or frame. However, with the target= attribute, you can customize the behavior of the hyperlink and open the linked webpage in a new window or frame.

For example, let’s say you have a webpage with a hyperlink to an external website. By adding the target="_blank" attribute to the anchor tag, you can ensure that when a user clicks on the link, the linked website will open in a new browser window or tab.

Here’s an example of how to use the target= attribute:

Click here to visit Example.com

In this example, when a user clicks on the link, the website “https://example.com” will open in a new browser window or tab, while keeping the current webpage open in its original window or tab.

The target= attribute is a powerful tool for controlling how hyperlinks behave in HTML. Whether you want to open a link in a new window, a new tab, or a specific frame within a web page, the target= attribute allows you to customize the user’s browsing experience.

_blank

_blank

Bu örnek kodda “_blank” özelliği kullanılarak bir bağlantının yeni bir pencerede açılması sağlanır. Bu özelliğin kullanımı oldukça basittir. Önce etiketini açarız, ardından target=”_blank” özelliğini ekleriz. Bu şekilde, kullanıcı bir bağlantıya tıkladığında, o bağlantı yeni bir tarayıcı penceresinde açılır.

Bu özellik özellikle dış bağlantılar için kullanışlıdır. Örneğin, web sitenizde bir haber makalesinde bir kaynağa atıfta bulunurken, kaynağın web sitesi bağlantısını yeni bir pencerede açmak isteyebilirsiniz. Bu şekilde, okuyucu web sitenizden ayrılmadan kaynak makaleyi okuyabilir ve sonra web sitenize geri dönebilir.

Ayrıca “_blank” özelliği, kullanıcının web sitenize geri dönmesini sağlamak için de kullanılabilir. Örneğin, bir ürünün ayrıntılarını gösteren bir bağlantıya tıkladığınızda, ürün ayrıntılarının açıldığı yeni bir pencere açılabilir. Bu, kullanıcının web sitenizin ana sayfasını hala görebileceği ve diğer ürünleri keşfedebileceği anlamına gelir.

>Etiketi

>Etiketi</a></h3>=Bu etiket ile bir bağlantıyı yeni bir pencerede açabilirsiniz.

Bir HTML belgesi oluştururken, bazen bir bağlantıyı yeni bir pencerede açmak isteyebilirsiniz. İşte tam olarak bu noktada >Etiketi</a></h3> devreye girer. Bu etiket, bir bağlantının tıklanması durumunda yeni bir tarayıcı penceresinin açılmasını sağlar. Özellikle harici kaynaklara veya farklı web sitelerine yönlendiren bağlantılar için oldukça kullanışlıdır.

Şimdi bir örnek üzerinden daha iyi anlamaya çalışalım. Varsayalım ki bir web sayfanızda kullanıcılarınıza bir dış bağlantı sunmak istiyorsunuz ve bu bağlantının açılacağı pencerenin mevcut tarayıcı penceresinden bağımsız olmasını istiyorsunuz. İşte bu durumda >Etiketi</a></h3> anlam kazanır. Bu etiketi kullanarak, örneğin kullanıcılarınızı sosyal medya platformlarına yönlendirebilir ve bu bağlantılar yeni bir pencerede açılabilir.

Özetlemek gerekirse, >Etiketi</a></h3> kullanarak web sayfalarında bağlantıları yeni bir pencerede açabilirsiniz. Bu, kullanıcı deneyimini iyileştirmek ve ziyaretçilerin ana sayfaya geri dönmesine gerek kalmadan harici kaynaklara erişmesini sağlamak için önemli bir özelliktir. Şimdi, bu etiketi kullanarak HTML belgelerinizi daha etkileyici ve kullanıcı dostu hale getirebilirsiniz.

Görüntüler

Görüntüler, HTML belgelerine görsel bir element eklemek için kullanılır. Bu elementler, sayfanızı daha ilgi çekici ve etkileyici hale getirmenize olanak sağlar. Ayrıca, görüntülerin boyutunu ve hizalamasını düzenleyerek, sayfanızın görsel düzenini optimize edebilirsiniz. HTML’de görüntü eklemek için <img> etiketi kullanılır.

Bir görüntüyü belgenize eklemek için, src özelliği ile görüntünün dosya yolunu belirtmeniz gerekmektedir. Ayrıca, görüntüye alternatif bir metin sağlamak için alt özelliği kullanılır. Bu metin, görüntü yüklenemediğinde veya görüntüyü engelleyen bir tarayıcı veya ekran okuyucu kullanıldığında görüntü yerine görüntülenecektir. Ayrıca, görüntünün genişliğini ve yüksekliğini ayarlamak için width ve height özelliklerini kullanabilirsiniz.

Örneğin, aşağıdaki kod, “image.jpg” adlı bir görüntüyü belgeye ekler ve 300 piksel genişliğinde ve 200 piksel yüksekliğinde görüntülenmesini sağlar:

<img src="image.jpg" alt="Resim" width="300" height="200">

Bu şekilde görüntüyü belgenize ekleyebilir ve boyutunu ayarlayabilirsiniz. Ayrıca, görüntünün hizalamasını düzenlemek için CSS kullanabilirsiniz. Örneğin, style özelliğini kullanarak görüntüyü sağa veya sola hizalayabilirsiniz. Bu sayede, görüntünün metinle uyumlu bir şekilde olmasını sağlayabilirsiniz.

Bu örnek kod, HTML belgesine bir görüntü eklemenin nasıl yapıldığını gösterir. Görüntüyü belgeye eklemek için etiketi kullanılır. Etiketin özelliği, görüntünün dosya yolunu belirtir ve özelliği, görüntünün alternatif metin açıklamasını sağlar.

Örnekte, özelliği “image.jpg” değerine sahiptir, bu da belgenin bulunduğu klasördeki “image.jpg” dosyasına işaret eder. özelliği “Resim” olarak belirtilmiştir, bu da görüntünün açıklamasını sağlar.

Ayrıca, görüntünün boyutunu özelleştirmek için ve özellikleri kullanılır. Örneğin, özelliği “300” değerine sahip, yani görüntü 300 piksel genişliğinde olacak. özelliği ise “200” değerine sahip, yani görüntü 200 piksel yüksekliğinde olacak. Bu özellikler sayesinde görüntünün boyutunu istediğiniz şekilde ayarlayabilirsiniz.

Sonuç olarak, etiketi, HTML belgenize görüntü eklemek için kullanabileceğiniz güçlü bir araçtır. Bu örnek kodu kullanarak, görüntülerinizi belgenize kolayca ekleyebilir ve boyutlarını özelleştirebilirsiniz.

image.jpg

The image.jpg file is an example of a file format that can be used to add images to an HTML document. With the tag, you can easily insert this image into your webpage. This tag allows you to specify the source of the image using the “src” attribute. In this case, the image.jpg file is the source of the image.

In addition to the source, you can also provide alternative text for the image using the “alt” attribute. This text will be displayed if the image cannot be loaded or if the user is using a screen reader. It is important to provide descriptive alt text for accessibility purposes.

Furthermore, the tag also allows you to adjust the size of the image. You can specify the width and height of the image using the “width” and “height” attributes, respectively. For example, in the given code, the width is set to 300 pixels and the height is set to 200 pixels. This ensures that the image is displayed with the desired dimensions on your webpage.

By using the image.jpg file and the tag, you can easily enhance the visual appeal of your HTML document by adding images that are relevant to your content. Remember to provide meaningful alternative text and adjust the size of the image to create an engaging and visually pleasing experience for your website visitors.

alt

alt etiketi, HTML belgesine eklenen bir görüntünün alternatif metnini belirtmek için kullanılır. Bu alternatif metin, görüntü görüntülenemediğinde veya görüntü yerine kullanıcılara sunulduğunda, ekran okuyucuları veya arama motorları tarafından okunur. Ayrıca, kullanıcılar için daha iyi bir erişilebilirlik sağlar ve arama motorlarında görüntü arama sonuçlarında görüntülenen metni belirler.

alt etiketi, görüntüyü tanımlayan kısa bir açıklama içermelidir. Bu açıklama, görüntünün içeriği veya işleviyle ilgili bilgi sağlamalıdır. Aynı zamanda, görüntüyü görüntüleyemeyen kullanıcılar için görsel anlamda ne olduğunu anlatabilmeli ve önemli bilgileri içermelidir.

alt etiketi aşağıdaki gibi kullanılabilir:

  • Boş bir alt etiketi: alt=””. Bu, görüntünün tanımını belirtmek istemediğiniz durumlarda kullanılabilir. Ancak, genellikle kullanılması önerilmez.
  • Kısa bir açıklama içeren bir alt etiketi: alt=”Bir güzel günbatımı”. Bu, görüntüyü betimler ve kullanıcılar için içeriği anlar.

Görüntüyü görüntüleyemeyen kullanıcılar veya görüntü yerine sunulan kullanıcılara alternatif bir deneyim sunmak ve erişilebilir bir web sayfası sağlamak için alt etiketini doğru bir şekilde kullanmak önemlidir.

Resim

Resim, HTML belgelerine görsel bir öğe eklemenin en yaygın yöntemidir. Bir görüntüyü belgeye eklemek için etiketini kullanabilirsiniz. Bu etiket, src özniteliği ile görüntünün dosya yolunu belirtir. Örneğin:

Resim

Bu örnekte “image.jpg” dosyası, belgenin bulunduğu klasörde yer almalıdır. Ayrıca alt özniteliği ile görüntünün açıklamasını da belirtebilirsiniz.

Görüntünün boyutunu ayarlamak için width ve height özniteliklerini kullanabilirsiniz. Örneğin:

Resim

Bu örnekte, görüntünün genişliği 300 piksel ve yüksekliği 200 piksel olarak belirlenmiştir. Bu şekilde görüntüyü belgeye eklerken boyutunu da düzenleyebilirsiniz.

Ayrıca, görüntünün hizalamasını da ayarlamak için align özniteliğini kullanabilirsiniz. Örneğin:

Resim

Bu örnekte, görüntü sağ tarafa hizalanmıştır. Hizalama seçenekleri arasında “left”, “right” ve “center” bulunur.

Görüntüler, bir HTML belgesine çekici ve etkileyici bir görsel öğe eklemek için harika bir araçtır. Hem görsel bir anlatım sağlar hem de belgeyi daha ilgi çekici hale getirir.

width

width= etiketi, HTML belgesinde bir görüntünün genişliğini ayarlamak için kullanılır. Bu etiket, görüntünün pixel cinsinden genişliğini belirtmek için kullanılır. Örneğin, width=300 yazarak görüntünün genişliğinin 300 piksel olmasını sağlayabilirsiniz. Genişlik ayarı yapmak, görüntünün doğru bir şekilde görüntülenmesini sağlar ve sayfa düzenini daha estetik hale getirir.

width= etiketi ayrıca tablolarda da kullanılabilir. Bir tablodaki sütunların genişliğini belirlemek için width= etiketi kullanılır. Örneğin, width=100 yazarak bir sütunun genişliğini 100 piksel olarak belirleyebilirsiniz. Bu, tablo içerisindeki verilerin düzgün bir şekilde hizalanmasını ve okunmasını sağlar.

Ayrıca, width= etiketiyle birlikte height= etiketi de kullanılabilir. Bu şekilde, görüntünün hem genişliğini hem de yüksekliğini belirleyebilirsiniz. Örneğin, width=300 height=200 yazarak bir görüntünün genişliğini 300 piksel ve yüksekliğini 200 piksel olarak belirleyebilirsiniz.

300

=300 kelimesi hem sayı hem de bir film adı olarak kullanılabilmektedir. Sayı olarak kullanıldığında, 300 genellikle gücü, cesareti ve direnişi simgeler. Spartalı savaşçılarının destansı hikayesini anlatan “300” filmi ise izleyicilere aksiyon dolu bir deneyim sunmaktadır. Bu film, Yunan şehir devleti Sparta’daki 300 Spartalı’nın Pers İmparatorluğuna karşı verdikleri epik mücadeleyi anlatmaktadır.

Başroldeki Spartalı savaşçılar, Pers İmparatorluğu’nun büyük orduları karşısında üstün bir direniş göstermiştir. Filmde, 300 Spartalı’nın önderlerinden olan Kral Leonidas’ın liderliğindeki savaşçılar, Göğüs Kalkanı Geçidi adı verilen dar bir geçitte Pers ordusunu karşılamıştır. Yunan askerlerinin cesur mücadelesi ve gösterdikleri dayanıklılık, izleyicilere etkileyici bir şekilde aktarılmıştır.

Film, aksiyon sahneleri ve görsel efektlerle dolu olmasının yanı sıra, tarihî bir olayı anlatması sebebiyle de büyük ilgi görmüştür. Özellikle savaşçıların cesaretini ve fedakarlığını vurgulayan film, izleyicinin heyecanını ve duygularını harekete geçiren bir deneyim sunmaktadır. 300, savaş, onur, sadakat ve insanlık gibi temaları işlerken, aynı zamanda görsel bir şölen sunarak izleyicinin dikkatini çekmektedir.

height

HTML belgesinde görüntü eklemek istediğinizde, height atribütünü kullanarak görüntünün yükseklik değerini belirleyebilirsiniz. Bu atribüt ile görüntünün boyutunu istediğiniz gibi ayarlayabilir ve belgenizde daha düzenli bir görüntü elde edebilirsiniz.

Örneğin, aşağıdaki kod kullanılarak bir görüntünün height değeri ayarlanabilir:

<img src="image.jpg" alt="Resim" width="300" height="200">

Bu örnekte, height atribütünde değeri “200” olarak belirledik. Bu sayede görüntü 200 piksel yüksekliğinde olacaktır. Benzer şekilde, width atribütü ile görüntünün genişlik değerini belirleyebilirsiniz.

Eğer belirli bir orana bağlı olarak yükseklik değerini ayarlamak istiyorsanız, CSS kullanabilirsiniz. CSS ile görüntünün boyutunu daha detaylı bir şekilde kontrol edebilir ve responsive tasarımlar oluşturabilirsiniz.

Özetlemek gerekirse, HTML belgesinde görüntülerin boyutunu belirlemek için height atribütünü kullanabilirsiniz. Bu sayede görüntünüzü istediğiniz boyutta ve düzenli bir şekilde belgenizde yerleştirebilirsiniz.

200

Merhaba! Bu makalede HTML örnek kodları ve açıklamaları bulacaksınız. HTML, web sayfalarının yapısını oluşturmak için kullanılan bir işaret dilidir. Metin etiketlerinden başlayarak, bağlantılar ve görüntüler gibi farklı öğeleri kullanmayı öğreneceksiniz.

HTML belgesinde metinlerinizi biçimlendirmek için çeşitli metin etiketleri kullanabilirsiniz. Örneğin, etiketi ile metin içerisinde vurgulama yapabilir, belirli bir bölümü ön plana çıkarabilirsiniz. Ayrıca, önemli bir bölümü kalın olarak belirtmek için etiketi kullanabilirsiniz.

Web sayfalarında bağlantılar oluşturmanız sık sık gerekecektir. Etiketi ile bir bağlantı oluşturabilir ve hedefini belirleyebilirsiniz. Aynı zamanda, bağlantıyı yeni bir pencerede açmak isterseniz Etiketi kullanabilirsiniz.

Bir web sayfasına görüntü eklemek istediğinizde Resim etiketini kullanabilirsiniz. Bu etiket sayesinde belgeye bir görüntü ekleyebilir ve boyutunu ayarlayabilirsiniz.

Bu sadece HTML’nin temel kullanımlarıdır. Daha fazla etiket ve farklı özellikleri kullanarak web sayfalarınızı daha zengin hale getirebilirsiniz. Kendi web sayfanızı oluştururken bu örnek kodları kullanarak deneyler yapmayı unutmayın. İyi çalışmalar!

>

Bu etiket ile bir görüntüyü belgeye ekleyebilir ve boyutunu ayarlayabilirsiniz. Resim

Bu örnekte görüntüyü belgeye eklemek için img etiketini kullanırız. src özelliği, görüntünün dosya yolunu belirtir. alt özelliği ise görüntünün alternatif metnini tanımlar. Bu metin, görüntü yüklenmediğinde veya ekran okuyucu kullanan kişiler için görüntünün yerine gösterilir.Görüntünün boyutunu ayarlamak için width ve height özelliklerini kullanırız. Bu özellikler piksel cinsinden görüntünün genişlik ve yüksekliğini belirler. Böylece görüntü, istediğimiz boyutlarda belgede görüntülenir.Örnekte verilen kod parçasında, görüntünün dosya yolunu image.jpg olarak belirtiyoruz. Ayrıca, görüntüyü 300 piksel genişlikte ve 200 piksel yükseklikte ayarlıyoruz.Bu sayede, görüntüyü belgeye ekleyebilir ve boyutunu istediğimiz şekilde ayarlayabiliriz. HTML’de görüntüler, web sayfalarını daha etkileyici hale getirmek ve içeriği daha görsel bir şekilde sunmak için önemli bir araçtır.

İlgili Yazılar

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir