「Web」テキストを使用したラベルの配置


リファレンス
コードファクトリによる[Html]テーブル(Table)の使い方のまとめ

1.問題が発生



問題番号とテキストを区別しないテキスト

問題番号と上の番号を分けて置くのが狙いです👊
どんな方法を使えばいいか考えていますが、
切符を利用できると思います.
tabletagを使用する方法が見つかりました.

2. table tag


表には4つのコンポーネントがあります.
タグ<table>表の列のタグを作成し、タグ<th>表の見出し部分のタグ<tr>表の行を作成します.

<!DOCTYPE html PUBLIC>
<html>
<head>
<meta charset="EUC-KR">
<title>초간단 테이블</title>
</head>
<body>
    <table border="1">
	<th>테이블</th>
	<th>만들기</th>
	<tr><!-- 첫번째 줄 시작 -->
	    <td>첫번째 칸</td>
	    <td>두번째 칸</td>
	</tr><!-- 첫번째 줄 끝 -->
	<tr><!-- 두번째 줄 시작 -->
	    <td>첫번째 칸</td>
	    <td>두번째 칸</td>
	</tr><!-- 두번째 줄 끝 -->
    </table>
</body>
</html>
上記のコードには、次の結果が表示されます.

3.結果


<コード>

<div class="question">
    <table>
        <tr>
            <th class="questionNumber"> Q1.</th>
            <th class="questionTexts">연인과 놀이동산을 간 당신,<br>놀이기구를 탈 때의 나는?</th>
        </tr>
    </table>
</div>

<出力画面>