HTML5 Maddelerin Kullanımı – Html Dersleri

Html derslerimize devam ediyoruz. Bu html dersimizde madde kullanımlarını işleyeceğiz. Maddeler kendi içinde sıralı ve sırasız olmak üzere ikiye ayrılmaktadır.

Maddeleri kullanırken sıralı madde yapacaksak <ol> açılış etiketi ve </ol> kapanış etiketi arasına madde elemanı etiketlerimizi <li></li> yerleştiririz. Her bir <li></li> 1 adet maddeyi ifade eder.

Maddelerin kullanımı ile alakalı çalışmayı aşağıdan inceleyip uygulayabilirsiniz;

<!DOCTYPE html>
<html>
<head>
<title>Tolga Hoca ile HTML Öğreniyorum</title>
</head>

<body>

<h1>Sıralı Maddeler</h1>

<ol>
<li>Eleman</li>
<li>Eleman</li>
<li>Eleman</li>
</ol>

<h1>Sırasız Maddeler</h1>

<ul>
<li>Eleman</li>
<li>Eleman</li>
<li>Eleman</li>
</ul>

</body>
</html>

Maddelerin içine alt madde yerleştirmek istersek tek yapmamız gereken alt madde olmasını istediğimiz <li></li> etiketinin altına tek başına bir <ol> veya <ul> açılışı yapmaktır. Örnek kullanım aşağıdaki gibidir;

<!DOCTYPE html>
<html>
<head>
<title>Tolga Hoca ile HTML Öğreniyorum</title>
</head>

<body>

<h1>Sıralı Maddelerde Alt Madde Kullanımı</h1>

<ol>
<li>Eleman</li>
<li>Eleman</li>
<ol>
<li>Eleman</li>
<li>Eleman</li>
</ol>

<h1>Sırasız Maddelerde Alt Madde Kullanımı</h1>

<ul>
<li>Eleman</li>
<li>Eleman</li>
<ul>
<li>Eleman</li>
<li>Eleman</li>
</ul>

</body>
</html>

Bu html dersimizde de madde ve alt kullanımlarını inceledik. Bir sonraki ders görüşmek üzere.

Bir cevap yazın