index.html

<!DOCTYPE html>
<html lang="ja">

  </head>
   <meta charset="utf-8">
   <title>太郎のポートフォリオサイト</title>

   <link rel="icon" href="favicon.ico">
   <meta name="description" content="太郎のポートフォリオサイトです。">
   <link rel="stylesheet" href="css/styles.css">
  </head>

  </body>
   <header>
     <div class="container">
      <img src="img/taro.png" width="120" height="120" alt="太郎のアイコンです">
      <h1>山田太郎</h1>
      <ul>
        <li>
          <a href="https://dotinstall.com" target="_blank"> 
           <img src="img/blog.png" width="20" height="20" alt="ブログサイトへのリンク画像です"＞
         </a>
       </li>
       <li>
         <a href="https://dotinstall.com" target="_blank"> 
         <img src="img/photos.png" width="20" height="20" alt="写真サイトへのリンク画像です"＞
         </a>
        </li>
      </ul>
     </div>
   <header>

  <!--作品紹介--> 
<section>

  <h1>works</h1>
  
  </section>
  <img src="img/work1.png" width="400" height="260" alt="勇者ゲームの紹介画像">
  <h1>勇者ゲーム</h1>
  <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p>
  <section>

  <section>
    <img src="img/work2.png" width="400" height="260" alt="宝さがしゲームの紹介画像">
    <h1>宝さがしゲーム</h1>
  <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p>
    <section>

  </section>
  <img src="img/work3.png" width="400" height="260" alt="神経衰弱の紹介画像">
  <h1>神経衰弱</h1>
  <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p>
  </section>
  
</section>
  <footer>
    <p>(c) dotinstall.com</p>
  </footer>
  
  <body>
    </html>

ドットインストール - 3分動画でマスターできるプログラミング学習サービス

サービスメニュー

ご利用にあたって

プログラミング勉強会

ソーシャルメディア

更新情報