More than 1 year has passed since last update.

HTML基礎①

Last updated at 2023-08-22Posted at 2023-08-21

練習

本日はテーブルタグについて勉強しました。
使用ソフト：eclipse

例1

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>table tag1</title>
</head>

<body>
<table border = "1">
<tr>
 <th>生徒名</th><th>学籍番号</th> 
</tr>
<tr>
 <th>山田太郎</th><th>1001</th>
</tr>
<tr>
 <th>田中花子</th><th>1002</th> 
</tr>
</table>
</body>
</html>

例2

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>table tag2</title>
</head>

<body>
<table border = "2">
<tr>
 <th>生徒名</th><th>学籍番号</th><th>学年</th>
</tr>
<tr>
 <th>山田太郎</th><th>1001</th><th>1年</th>
</tr>
<tr>
 <th>田中花子</th><th>1002</th><th>2年</th>
</tr>
</table>
</body>
</html>

本日の気付き：htmlでテーブルタグを使えばグラフのようなものができる。
本日の学び：

の数字を変えることで枠の数を増やすことが可能

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up