HTMLでお問い合わせページを作る

tableタグ関連、formタグ関連を使うという条件付きで、下のようなお問い合わせページを作りたいんですけど作り方がわかりません。HTMLしか使ってはいけません。また、左側の空白も結合？で揃えて書くようです。
サンプルコード、もしくは簡潔でいいので教えていただけると助かります…。

<イメージ>

      お問い合わせ

お問い合わせ内容:

「

                           」
お名前:
姓:「      」  名:「      」

読み仮名(カタカナ)
姓:「      」  名:「      」

   
メールアドレス

「」@「」

TEL

「」-「」-「」

                    送信

行動規範の内容に同意します

回答1件

###まずは、ITエンジンニアになりたい方と思いますので、攻めて、HTMLは書けるように頑張りましょう。

<!DOCTYPE html>
<html>
<head>
	<title>お問い合わせ</title>
</head>
<body>
<h2>お問い合わせ</h2>
<form method="" action="">
	<label>お問い合わせ内容：</label>
	<br>
	<textarea></textarea>
	<br>
	<label>お名前：</label>
	<br>
	<span>性：</span><input type="text" name=""> <span>名：</span><input type="text" name="">
	<br>
	<label>読み仮名(カタカナ)</label>
	<br>
	<span>性：</span><input type="text" name=""> <span>名：</span><input type="text" name="">
	<br>
	<label>メールアドレス</label>
	<br>
	<input type="" name="">@<input type="" name="">
	<br>
	<label>TEL</label>
	<br>
	<input type="" name="" maxlength="3">-<input type="" name="" maxlength="4">-<input type="" name="" maxlength="4">
</form>
</body>
</html>

投稿2017/11/06 11:59