teratail
回答率
85.36%
teratail header banner
teratail header banner
質問するログイン新規登録

『🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中！

＼teratail特別グッズやAmazonギフトカード最大2,000円分が当たる！／

詳細はこちら
トップHTML5に関する質問
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

3回答

520閲覧

サンプルのように文章を作りたいです、、、

BarappleChannel
BarappleChannel

総合スコア2

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/02/02 10:53

編集2021/02/02 11:19

0

0

写真一枚目のように文章を作りたいのですが、
二枚目のようにどうしても市町村〜TELまで間隔が空いてしまいます、、、
どうしても解決できません。

申し訳ありません、
どなたかご教授お願いしますm(_ _)m
イメージ説明
イメージ説明

<html>
 <head>
   <title>form要素</title>
   <meta charset="UTF-8">
 </head>
   <h1>ユーザー登録</h1> 
     <hr>
 <body>
   <table>
     <tr>
       <td>名前:</td>
     </tr>

     <tr>
       <td>氏:
       <input type="text" size="20">名: <input type="text" size="20"></td>
     </tr>
       <td>よみがな(カナ)</td>
     <tr>
       <p class="letterspacing20px"></p>
       <td>氏: <input type="text" size="20">名: <input type="text" size="20"></td>
     </tr> 
     <tr>
       <td>性別</td>
         <td><input type="radio" name="sentakushi">男<input type="radio" name="sentakushi">女</td>
     </tr>
     <tr>
       <td>住所:</td> 
     </tr>
     <tr>
       <td>都道府県<select name="pref_name">
         <option value="" selected>都道府県</option>
         <option value="北海道">北海道</option>
         <option value="青森県">青森県</option>
         <option value="岩手県">岩手県</option>
         <option value="宮城県">宮城県</option>
         <option value="秋田県">秋田県</option>
         <option value="山形県">山形県</option>
         <option value="福島県">福島県</option>
         <option value="茨城県">茨城県</option>
         <option value="栃木県">栃木県</option>
         <option value="群馬県">群馬県</option>
         <option value="埼玉県">埼玉県</option>
         <option value="千葉県">千葉県</option>
         <option value="東京都">東京都</option>
         <option value="神奈川県">神奈川県</option>
         <option value="新潟県">新潟県</option>
         <option value="富山県">富山県</option>
         <option value="石川県">石川県</option>
         <option value="福井県">福井県</option>
         <option value="山梨県">山梨県</option>
         <option value="長野県">長野県</option>
         <option value="岐阜県">岐阜県</option>
         <option value="静岡県">静岡県</option>
         <option value="愛知県">愛知県</option>
         <option value="三重県">三重県</option>
         <option value="滋賀県">滋賀県</option>
         <option value="京都府">京都府</option>
         <option value="大阪府">大阪府</option>
         <option value="兵庫県">兵庫県</option>
         <option value="奈良県">奈良県</option>
         <option value="和歌山県">和歌山県</option>
         <option value="鳥取県">鳥取県</option>
         <option value="島根県">島根県</option>
         <option value="岡山県">岡山県</option>
         <option value="広島県">広島県</option>
         <option value="山口県">山口県</option>
         <option value="徳島県">徳島県</option>
         <option value="香川県">香川県</option>
         <option value="愛媛県">愛媛県</option>
         <option value="高知県">高知県</option>
         <option value="福岡県">福岡県</option>
         <option value="佐賀県">佐賀県</option>
         <option value="長崎県">長崎県</option>
         <option value="熊本県">熊本県</option>
         <option value="大分県">大分県</option>
         <option value="宮崎県">宮崎県</option>
         <option value="鹿児島県">鹿児島県</option>
         <option value="沖縄県">沖縄県</option>
         </select>
       </td>
   </tr>
   <tr>
     <td>市町村</td><td><input type="text" size="20"></td>
   </tr>  
   <tr>
     <td>番地</td><td><input type="text" size=" 20"></td>
   </tr> 
   <tr>
     <td>建物名、部屋番号</td><td><input type="text" size="20"></td>
   </tr>
   <tr>
     <td>TEL :<td><input type="text" size="5">-<input type="text" size="5">-<input type="text" size="5"></td>
   </tr>
   <tr>
     <td>Email :</td>
   </tr>
   <tr>
     <td><input type="text" size="20">@<input type="text" size="20"></td>
   </tr>
   <tr>
     <td>備考欄 :</td>
   </tr>
   <tr> 
     <td><textarea name="example" cols="40" rows="10"></textarea></td>
   </tr>
   <tr>  
     <td align="right"><input type="submit" value="送信"></td>
   </tr>
   </table>
 </body>
</html>
コード

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

BarappleChannel
BarappleChannel

2021/02/02 11:07

ありがとうございます。 修正させていただきました。
m.ts10806
m.ts10806

2021/02/02 11:09

反映されていないようです。 一度スーパーリロードするなどして、確実に反映されたか確認してください。 時々、teratail側の投稿バグが起きます。
BarappleChannel
BarappleChannel

2021/02/02 11:20

ありがとうございます。スマートフォンからの修正でようやく反映されました。
m.ts10806
m.ts10806

2021/02/02 11:21

スマートフォンかどうかは関係ないのではと。
guest

回答3件

0

直接的には、一部の入力欄が「別の列」扱いになっているために外に飛び出してレイアウトされています。

m.ts10806さんの指摘と重なりますけど、

  • 閉じるべきタグが閉じてないところがある。(<td>に対応する</td>がないところがある）
  • <tr>...</tr>の中に入っていない<td>...</td>がある。

この辺をまず正しく書きなおしましょう。

それとブラウザの検証ツールの使い方を覚えることです。
chromeやfirefoxでは、chrl+shift+iを押すと出てきます。

投稿2021/02/02 13:19

KojiDoi
KojiDoi

総合スコア13692

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

HTMLの構文が滅茶苦茶です。

警告箇所
イメージ説明

警告内容
イメージ説明
イメージ説明

もちろんこれを正したからと、想定通りのレイアウトになるかどうかは別の話ですが、
構文が正しいことが大前提です。

構文チェック機能のあるエディタ（プラグイン）か、
Web上の構文チェックサービス（例）を通してください。

投稿2021/02/02 11:01

m.ts10806
m.ts10806

総合スコア80875

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

BarappleChannel
BarappleChannel

2021/02/02 11:08

ご親切にありがとうございますm(_ _)m
m.ts10806
m.ts10806

2021/02/02 11:09

お礼はともかく、「回答によってどう進んだか」のフィードバックを御願いします。
m.ts10806
m.ts10806

2021/02/02 11:23 編集

いえあの、特にそういう（お礼だけどか返事だけの）反応はなくていいですということなのですけど。 ご存知とは思いますが、通知が来るので、
guest

0

自己解決

  <head>
    <title>form要素</title>
    <meta charset="UTF-8">
  </head>
    <h1>ユーザー登録</h1> 
      <hr>
  <body>
    <table>
      <tr>
        <td colspan="2">名前:</td>
      </tr>
      <tr>
        <td>氏:<input type="text" size="20"></td>
        <td>名: <input type="text" size="20"></td> 
      </tr>
      <tr>
        <td colspan="2">よみがな(カナ)</td>
      </tr> 
      <tr>
        <td>氏: <input type="text" size="20"></td>
        <td>名: <input type="text" size="20"></td>
      </tr> 
      <tr>
        <td>性別</td>
          <td><input type="radio" name="sentakushi">男<input type="radio" name="sentakushi">女</td>
      </tr>
      <tr>
        <td colspan="2">住所:</td> 
      </tr>
      <tr>
        <td colspan="2">都道府県<select name="pref_name">
          <option value="" selected>都道府県</option>
          <option value="北海道">北海道</option>
          <option value="青森県">青森県</option>
          <option value="岩手県">岩手県</option>
          <option value="宮城県">宮城県</option>
          <option value="秋田県">秋田県</option>
          <option value="山形県">山形県</option>
          <option value="福島県">福島県</option>
          <option value="茨城県">茨城県</option>
          <option value="栃木県">栃木県</option>
          <option value="群馬県">群馬県</option>
          <option value="埼玉県">埼玉県</option>
          <option value="千葉県">千葉県</option>
          <option value="東京都">東京都</option>
          <option value="神奈川県">神奈川県</option>
          <option value="新潟県">新潟県</option>
          <option value="富山県">富山県</option>
          <option value="石川県">石川県</option>
          <option value="福井県">福井県</option>
          <option value="山梨県">山梨県</option>
          <option value="長野県">長野県</option>
          <option value="岐阜県">岐阜県</option>
          <option value="静岡県">静岡県</option>
          <option value="愛知県">愛知県</option>
          <option value="三重県">三重県</option>
          <option value="滋賀県">滋賀県</option>
          <option value="京都府">京都府</option>
          <option value="大阪府">大阪府</option>
          <option value="兵庫県">兵庫県</option>
          <option value="奈良県">奈良県</option>
          <option value="和歌山県">和歌山県</option>
          <option value="鳥取県">鳥取県</option>
          <option value="島根県">島根県</option>
          <option value="岡山県">岡山県</option>
          <option value="広島県">広島県</option>
          <option value="山口県">山口県</option>
          <option value="徳島県">徳島県</option>
          <option value="香川県">香川県</option>
          <option value="愛媛県">愛媛県</option>
          <option value="高知県">高知県</option>
          <option value="福岡県">福岡県</option>
          <option value="佐賀県">佐賀県</option>
          <option value="長崎県">長崎県</option>
          <option value="熊本県">熊本県</option>
          <option value="大分県">大分県</option>
          <option value="宮崎県">宮崎県</option>
          <option value="鹿児島県">鹿児島県</option>
          <option value="沖縄県">沖縄県</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>市町村</td><td><input type="text" size="20"></td>
      </tr>  
      <tr>
        <td>番地</td><td><input type="text" size=" 20"></td>
      </tr> 
      <tr>
        <td>建物名、部屋番号</td><td><input type="text" size="20"></td>
      </tr>
      <tr>
        <td>TEL :</td>
        <td><input type="text" size="5">-<input type="text" size="5">-<input type="text" size="5"></td>
      </tr>
      <tr>
        <td colspan="2">Email :</td>
      </tr>
      <tr>
        <td><input type="text" size="20"></td>
        <td>@<input type="text" size="20"></td>
      </tr>
      <tr>
        <td colspan="2">備考欄 :</td>
      </tr>
      <tr> 
        <td colspan="2"><textarea name="example" cols="40" rows="10"></textarea></td>
      </tr>
      <tr>
        <td colspan="2" align="right"><input type="submit" value="送信"></td>
      </tr>
    </table>
  </body>
</html>コード

投稿2021/02/04 03:37

BarappleChannel
BarappleChannel

総合スコア2

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806
m.ts10806

2021/02/04 03:50

この内容で自己解決は、疑問。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

トップHTML5に関する質問

サンプルのように文章を作りたいです、、、