質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
HTML5

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

JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

HTML

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

Q&A

解決済

1回答

459閲覧

HTML 添付画像のコーディングが分かりません。

box_908

総合スコア5

HTML5

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

JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

HTML

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

0グッド

0クリップ

投稿2020/11/02 09:17

編集2020/11/02 11:29

イメージ説明説明](aa8a8c95a926a9c92cf70f5cec7264e0.jpeg)

#実現したいこと
添付画像を実現するHTMLのコーディングを組みたい。

どのような方法で上記の一覧を実現できるかご教示おねがいいたします。
fieldsetタグで囲み、tableタグを使用すると、うまくテーブルの形になってくれないのです。

html

1<fieldset> 2 <legend>タイトル</legend> 3 <table> 4 <tr> 5 <th>種別</th> 6 </tr> 7 <tr> 8 <td>1:AAAA</td> 9 </tr> 10 </table> 11 </fieldset>

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

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

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

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

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

m.ts10806

2020/11/02 09:41

Java,JSPは本件とはどう関係するのでしょう。 あと、この内容だけでは何一つ見えないので、前提や背景含めて、自身が調べたこと試したことを具体的に記載してください。
m.ts10806

2020/11/02 09:47

>feildsetタグの中にtableタグを使用することは不可だとあります。 どこにでしょうか。やってみたのでしょうか。
coco_bauer

2020/11/02 10:22

fieldsetタグは、フォームの入力項目をグループ化するためのタグです。 質問者がしたいことの中に、fieldsetタグで使えるようになる機能が含まれているのですか? 「上記一覧のような形にするHTMLがわかりません」と質問に書かれているので、質問の画像のような表示となるHTMLが知りたいのかなぁと思ったのですが。 とにかく、何がしたいのかを具体的に書きましょう! そもそも、質問の画像は、何の一覧なのですか?
box_908

2020/11/02 11:30

コメントありがとうございます。 添付画像のようなものを作りたい場合のコーディングを知りたいです。 ※画像は例です。
m.ts10806

2020/11/02 11:42

「例」だと応えられることもなさそうですね。 やりたいことと少しでも違えば、それはもうやりたいことではないです。 今言えるのも、今回答した通り。
guest

回答1

0

ベストアンサー

tableタグを使用すると、うまくテーブルの形になってくれないのです。

いいえ、tableになってます。

css

1th{ 2 background-color:#ccc; 3} 4td{ 5 background-color:#eee; 6} 7

イメージ説明

装飾だけの話では?

fieldsetなくても、無装飾だと下記です。
イメージ説明

「テーブル複数を横並びにさせたい」にしてもfieldset関係なしにブロックをその数だけ準備しなければなりませんし、fieldsetの問題は皆無では。

<fieldset>の仕様を確認しても「内部に含む要素の無効化」なんてものはありません。

投稿2020/11/02 11:40

編集2020/11/02 11:44
m.ts10806

総合スコア80859

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問