ÖRNEK

<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
}
</style>
</head>
<body>

<h1>sınıf listesi</h1>

<table>
  <tr>
    <th>Ad</th>
    <th>Soyad</th>
  </tr>
  <tr>
    <td>irem</td>
    <td>Demircioğlu</td>
  </tr>
  <tr>
    <td>Ahmet</td>
    <td>Korkmaz</td>
  </tr>
  <tr>
    <td>Nurcan</td>
    <td>Kaya</td>
</table>

</body>
</html>

ÇIKTI

ÖRNEK

<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>

<h1>bu başlık kırmızı</h1>
<p>bu paragraf mavi</p>

</body>
</html>

ÇIKTI

ÖRNEK

<body style="background-color:Aquamarine;">
<h1>Birinci Paragraf</h1>
<p style="background-color:white;">İkinci paragraf.</p>
</body>
 
ÇIKTI
 
ÖRNEK

<html>

<body>

<h2 style="color:red;">bu başlık kırmızı</h2>
<p style="color:blue;">paragraf mavi</p>

</body>

</html>

ÇIKTI

ÖRNEK

<html>

<body>

<p style="font-size:10px;"> 10 pikselli yazı</p>
<p style="font-size:28px;">28 piksellik yazı</p>

</body>

</html>

ÇIKTI 

ÖRNEK

 

<html>

<body>

<H1 style="text-align:center;">ortada başlık</H1>
<p style="text-align:right;">Sağ tarafa hizalanmış paragraf.</p>
</body>

</html>

ÇIKTI

ÖRNEK

<html>
<style>
div {
  background-color: yellow;
}
</style>
<body>

<h1>div uygulaması</h1>

<div>
  <p>Trakya Üniversitesi</p>
  <p>Bilgisayar programcılığı</p>
</div>

<p>1. sınıf 2. dönem proje ödevi</p>

</body>
</html>

ÇIKTI

 
En son değiştirme: Cuma, 24 Mayıs 2024, 11:12 Öğleden önce