基礎コード一覧

国立大学法人 電気通信大学HTML練習ページ
(https://joho.g-edu.uec.ac.jp/joho/cl2023/PRAC/htmlprac.html)

——————————————————————————-
<!DOCTYPE html>
<html lang=”ja”>

</html>
 <head>
 <meta charset=”UTF-8″>

</head>


<body>
</body>

<h1>
</h1>

<table>/*表を作る*/
</table>

<tr>/*表の行(平行)*/
</tr>

<th>/*見出し(太字・中央揃え)*/
</th>

<td>/*セルのデータ*/
</td>

<br>/*←これだけで改行*/
———————-テーブルの線を1本にするコード———–
<style>
table {
border-collapse: collapse;/*枠線を1本にする*/
width: 600px;
}
th, td {
border: 1px solid black;
padding: 10px;
width: 150px; /* 横幅を一定にする */
word-break: break-all; /* 単語途中でも改行OK */
white-space: normal; /* 折り返しを許可 */
  white-space: nowrap; /* ← これで折り返しを防ぐ! */
text-align: left; /*文字を左揃えにする*/
text-align: center;
}
</style>