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>
あなたの回答
tips
プレビュー