ここから本文です

【コイン250枚】

アバター

ID非公開さん

2020/1/1621:39:51

【コイン250枚】

現在学校の課題でメモ帳を使ってHTMLのホームページづくりをしております

今画像のピンクのみのところのような状態なのですが、(実際の画像を写真にとった訳ではなくイラスト作成アプリで再現したものなので少々異なります)文字が画面の端から端まで並んでいるのは少し見栄えが良くないなと思い(今はテキストと書いてあるところが実際は長い文章になる為)、画像のように左右の背景にある画像を挿入したいと考えております

色々自分でも調べてみて、marginやpaddingなどbox関係のものを色々試しているのですが、なかなか上手くいきません。現在のタグを下に貼りますので、それを元にどこになんのタグを追加すればいいのか教えて欲しいです(できれば以下のタグをコピペして、そこに追加したものを回答に貼りつけていただければ幸いです)
全くの初心者のため、以上の文に分かりにくい点・間違った理解で書かれている部分がありましたら申し訳ございません

実際に試して、最初に上手く理想のHPを作れるタグを回答してくださった方にBARを差し上げます

現在のタグ↓

<html>
<head>
<title>テキスト</title>
</head>
<h1 align="center"><color="#0000cc">タイトル</h1><body bgcolor=#ffe4c4></font></font>
<p align="center">テキスト<hr><br>
<p style="background-color:#d3d3d3;width:1134px;"> <font size=4 color="#c71585">
<p>テキスト</p>
</font></font>
<br>テキスト<br>
<a href="http://www.ホームページのURL">公式HPにとびます</a>
<br><br><br>
<font size=4 color="#c71585">
<p>テキスト</p></font></font>
<font size=2>テキスト</font>
<br><br>
</html>

font&amp;gt,br&amp;gt,font-size,center&amp;quot,c71585&amp;quot,解像度,0px auto

閲覧数:
35
回答数:
4
お礼:
250枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

ama********さん

2020/1/1903:10:37

>現在学校の課題でメモ帳を使ってHTMLのホームページづくりをしております

>width:1134px;

恐らく学校の課題の範疇外になるでしょうが、個々のPCの解像度は皆 違いますので、その「idth:1134px」の固定値では大き過ぎたり小さ過ぎたりします。
とりあえず、そちらの学校のPC画面の解像度の値が幾つに設定されているのか分からないと回答できないでしょう(恐らく2k画面でしょうか?)。
ただし、(学校の課題とかではなく)実際のホームページを作る場合には特定の解像度に依存したページを作ってはイケないことは言うまでも無いことです。

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

この回答は投票によってベストアンサーに選ばれました!

ベストアンサー以外の回答

1〜3件/3件中

並び替え:回答日時の
新しい順
|古い順

プロフィール画像

カテゴリマスター

ybb********さん

2020/1/1623:32:28

ID非公開さん

>・・・・左右の背景にある画像を挿入したい・・・・・・・・・・

ご参考に↓

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>テキスト</title>
</head>
<body bgcolor="#ffe4c4">
<section style="display:flex;">
<img src="https://s.yimg.jp/images/ks/official/nt/grd/prf_48.png" style="flex:1;">
<div style="flex:1;">
<h1 align="center" color="#0000cc">タイトル</h1>
<p align="center">テキスト</p><hr>
<p style="background-color:#d3d3d3; color:#c71585;">
<font size=4 color="#c71585">テキスト</font><br>
テキスト<a href="http://www.ホームページのURL">公式HPにとびます</a></p>
<br><br>
<font size=4 color="#c71585">テキスト</font><br>
<font size=2>テキスト</font>
</div>
<img src="https://s.yimg.jp/images/ks/official/nt/grd/prf_48.png" style="flex:1;">
</section>
</body>
</html>

参考サイト↓
http://www.tohoho-web.com/css/prop/flex.htm

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

エヌさん

2020/1/1622:22:41

</font></font>が意味不明だし(というかfont要素を今どき使うことがおかしい),body要素の開始タグの前にh1要素があったらおかしいとか,p要素の開始タグに対応する終了タグがないとか,いろいろダメです。
CSSは別にせずに,HTMLの中にスタイルとして書き込む感じでしょうか。

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

eos********さん

2020/1/1622:10:49

画像は背景全体に敷いちゃって、ピンクのボックスの横幅を最大で1000pxくらいに制限しちゃって、あとは、margin:0px auto;で、ピンクのボックスを中央配置にしたらダメ?

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる