Tablo içine nasıl yazı yazılır?

Eşref Bey

Eşref Bey

Hectopat
Katılım
9 Temmuz 2021
Mesajlar
586
Makaleler
2
Çözümler
2
Daha fazla  
Cinsiyet
Erkek
Aynen böyle tablonun içine yazı, link vs. nasıl konuyor. Kodlarıyla birlikte verebilir misiniz?

1693490767154.png
 
Son düzenleyen: Moderatör:
Eşref Bey dedi:
Aynen böyle tablonun içine yazı, link vs. nasıl konuyor. Kodlarıyla birlikte verebilir misiniz?

Eki Görüntüle 1925381
Genişletmek için tıkla...
<!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
}
</style>
<body>

<h2>A basic HTML table</h2>

<table style="width:100%">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td><a href="www.google.com">Link</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
</table>

<p>To understand the example better, we have added borders to the
table.</p>

</body>
</html>

Screenshot_2023-08-31-17-18-31-915-edit_com.android.chrome.jpg



www.w3schools.com

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser
www.w3schools.com www.w3schools.com

bu siteden yararlanabilirsiniz.
 
Created By. Teymen dedi:
<!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
}
</style>
<body>

<h2>A basic HTML table</h2>

<table style="width:100%">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td><a href="www.google.com">Link</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
</table>

<p>To understand the example better, we have added borders to the
table.</p>

</body>
</html>

Eki Görüntüle 1925396


www.w3schools.com

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser
www.w3schools.com www.w3schools.com

bu siteden yararlanabilirsiniz.
Genişletmek için tıkla...
Hocam attığım resme baktınız mı? Attığınız kodlarla dediğim şey uyuşmuyor!
 
@Eşref Bey
HTML: 
<div class="tablo">
    <ul>
      <li><a href="#">item</a></li>
      <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
    </ul>
    <ul class="left">
      <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
    </ul>
  <ul class="left">
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
    </ul>
  <ul class="left">
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
    </ul>
  <ul class="left">
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
    </ul>
  <ul class="left">
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
    </ul>
  <ul class="left">
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
    </ul>
  <ul class="left">
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
    </ul>
  <ul class="left">
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
    </ul>
  <ul class="left">
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
        <li><a href="#">item</a></li>
    <li><a href="#">item</a></li>
    <li><a href="#">item</a></li>
    <li><a href="#">item</a></li>
    <li><a href="#">item</a></li>
    </ul>
 

</div>

CSS: 
.tablo {
  width:35%;
  display: flex;
  flex-direction: row;
}
.left {
  margin-left: auto;
}
li {
  list-style:none;
}
li a {
  text-decoration:none;
  color:red;
}
li:first-child {
  font-weight:bold;
}

Ekran görüntüsü:

1693736474513.png
 
Soruyu tam anlayamadım, şöyle bir sonuç çıkarabildim.

HTML: 
<table>
  <tr>
  <th>asd</th>
  <th>asd</th>
  <th>asd</th>
  <th>asd</th>
  </tr>
  <tr>
    <td colspan="4">Lorem ipsum dolor sit amet</td>
  </tr>
  <tr>
    <td>aa</td>
    <td>aa</td>
    <td>aa</td>
    <td>aa</td>
  </tr>
</table>

<style>
  * {
    border: 1px solid black;
  }
  body, html{  
    border: 0px;
  }
</style>


1693747447638.png
 

Benzer konular

İsmail Ördek
  • Soru
Rastgele yazı veren kod nasıl yazılır?
2 3
Mesaj
23
Görüntüleme
4.182
İsmail Ördek
İsmail Ördek
Elcl0wn
C# picturebox ayrı yazı nasıl yazılır?
Mesaj
0
Görüntüleme
814
Elcl0wn
Elcl0wn
J
HTML içine PHP Yazılır mı?
Mesaj
3
Görüntüleme
9.029
Erkan Çevik
Erkan Çevik
F4ST3R
C# Label'de olan yazı nasıl Array'e yazılır?
Mesaj
8
Görüntüleme
538
Nereqla
Nereqla
B
HTML div oluşturup içine yazı eklemek
Mesaj
0
Görüntüleme
483
Berkay_00
B

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı