リセットcss table borderについて

Question

前提・実現したいこと

リセットcssをつかった状態でもtableタグでボーダーを表示させたい
文字も中央に寄せたい

発生している問題・エラーメッセージ

tableタグのボーダーが消える
文字も中央に寄らない

該当のソースコード

HTML

＜table border="1" border-collapse="collapse"＞
＜th width="30%" height="50px" aline="center"＞サンプル＜/th＞
＜td width="70%"＞例文＜/td＞
＜/table＞

試したこと

デベロッパーツールで確認
cssでborderプロパティを使用

補足情報（FW/ツールのバージョンなど）

リセットcssはhttps://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.cssを使用

Comments

[m.ts10806]

>cssでborderプロパティを使用
そのコードをご提示ください。
ただ、そもそもtableタグに指定されている各属性は今は全てCSSで対応することが推奨されます。（alineではなくalignですけど。）

[inakamono_ple]

そうなんですね
検索したらHTML内に属性も書いてあったのでそうするものと思ってました。
ありがとうございます

[m.ts10806]

記事が書かれた時期や対象のバージョンを確認しましょう。
HTML5で削除された(単にブラウザがまだサポートしてくれてるだけ)の機能も多いです。

Answer 1

以下のような形でいかがでしょうか?

<table>
  <tr>
    <th style="width: 30%; height: 50px;">サンプル</th>
    <td style="width: 70%;">例文</td>
  </tr>
</table>

table th,
table td {
  border: 1px solid #000;
  text-align: center;
}

Comments

[inakamono_ple]

ありがとうございます。
border表示されました
ただ私のコードだと何が問題だったのでしょうか？

[new1ro]

・<tr>がないこと
・border="1"、border-collapse="collapse"、width="30%"、height="50px"、aline="center"などの属性
　はCSSで指定すべき

だと思います。

[inakamono_ple]

ありがとうございます。
三度になって申し訳ないのですがborder="1"...aline="center"などの属性は検索するとHTML内で使用している例が見られるのですがそれはどういうことなのでしょうか？

[new1ro]

1990年代ごろ、HTMLが世の中に出てきた当初はまだCSSがきちんと整備されておらず、見た目の装飾についてもHTML側でborder="1"などで指定していました。そのころの名残だと思います。

例えていうなら、
「Windows 95完全入門マニュアル」といった本に書いている情報と同じようなものでしょうか。
2020年に、わざわざWindows 95について学ばなくても..、という感覚です。

(2000年ごろまでに作られたWebサイトの保守をしなければならない場合は、必要になるかもしれません。)