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

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?

 
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>




W3Schools online HTML editor

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

bu siteden yararlanabilirsiniz.
 
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ü:

 
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>


 
Konuyu cevapla
Menü
Giriş yap
Kaydol
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…