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

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

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

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

Q&A

0回答

440閲覧

HTMLのコードの写真がファイル化すると表示されなくなるのを解決したいです。

lenovoice

総合スコア3

HTML

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

0グッド

0クリップ

投稿2021/12/20 13:48

HTML

<html> <head> <meta name="viewport" content="width=320, height=480, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=yes"><!-- for smartphone. ここは一旦、いじらなくてOKです。 --> <meta charset="utf-8"><!-- 文字コード指定。ここはこのままで。 --> <title>○○のプロフィール</title>
</head> <body> <!-- 見出し 第1レベル --> <!--(氏名)の公開を避ける場合はイニシャルやニックネームでOK--> <h1 class="midashi_1"> 奥村のプロフィール </h1> <!--自分を象徴するような画像を入れてみよう--> <!--画像も同じフォルダにアップロードすること--> <img src="oyakodon.jpg" alt="自分を象徴する写真など" title="プロフィール画像" width="320px" ><br> (よく作る料理、親子丼!) <hr> <!-- 見出し 第2レベル ・以下、h2レベルで項目を色々書いていきましょう --> <!-- 自己紹介で言いたい項目を見出しにいれて、文章をつくりましょう。項目名は編集OK。項目を足してもOK。 --> <h2>所属など</h2> 専攻は情報で、情報理論の勉強してます。<br> 引っ越しとデータ入力のバイトをしています。<br> <h2>趣味や属性</h2> 外で遊んだり、銭湯に行くことが好きです。<br> 英会話ができるようになりたくて英語の勉強をしています。 コロナ禍が明けたら海外旅行したい。<br> <!-- HTMLで出来る色々な表現を試す --> <!-- ↑文字に意味を持たせることもできます。strong は太字。ググったりして色々と調べてみましょう --> <!-- 例として今回は「リスト表示」を作ってみましょう。項目数が3で足りないなら足してもOKです --> <!-- 番号をふるなら ol タグ、番号がいらないなら ul タグ で囲って、項目は li タグで括ります。 --> <!-- ol ・ ul 片方でOK --> <h2>●●トップ3</h2> <strong> 多い自炊メニュートップ3です!</strong><br> <!-- ↑文字に意味を持たせることもできます。strong は強調。太字になります。 --> <ol> <li> 親子丼</li> <li> ダッカルビ</li> <li>唐揚げ</li> </ol> <hr> <!-- 以下は、見出しの名前は固定で、内容を編集してみましょう --> <h2>その他</h2> <!-- 見出し 第3レベル --> <h3>使用PC</h3><!-- 編集して、自分の使うPCだけ残しましょう --> Windows <h3>PC利用経験や、普段の使い方</h3> ほぼYouTubeを見てます。 最近は欧米のコメディやニュースチャンネルをよく見てます。 <h3>自分の強みや弱みなど</h3> 強み:信念を貫くところです<br> プラス思考です<br> 弱み:ちょっと人見知りです<br> <h3>TECH-BASE参加にあたり、意気込み</h3> 是非最高のポートフォリオを作りたいと考えてます!最後までやり抜きます!<br> <hr> <a href="#midashi_1"> このページのTOPへ </a> / <a href="https://www.google.co.jp/" target="_blank"> ググる </a> <hr> <!-- 以下は投稿フォーム欄ですが、今は&このままでは機能しておらずエラーが発生します。 --> <!-- したがって今はコピペするだけでOKです。スタートアップ以降のPHPミッションを進める際に、参考にしてください。 --> <form method="POST" action=""> お名前:<input type="text" name="name"><br> コメント:<input type="text" name="comment"><br> <input type="submit" name="submit" value="送信"> </form> </body> </html>

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

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

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

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

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

mike2mike4

2021/12/20 13:53

oyakodon.jpgが別ファイルなので。フォルダとしてまとめてダウンロードされるはずですが、ブラウザによっては一緒にダウンロードされない場合があるのかな?
hoshi-takanori

2021/12/20 14:23

フォルダまとめてではなく、必要なファイルが個別にダウンロードされると思いますけど…。 その html ファイルと oyakodon.jpg は同じフォルダに置いてありますか?
m.ts10806

2021/12/20 20:56

タイトルとコードだけでは意味わかりません。 きちんと説明してください。 >写真がファイル化すると表示されなくなる では何だったら表示されたのでしょうか。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問