index.html

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charaset="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="120px" height="120px" alt="太郎のアイコンです">
        <h1>山田太郎</h1>
        <p>UI／UXデザイナー見習いです</p>
        <ul>
          <a href="https://dotinstall.com" target="_blank">
            <li><img src="img/blog.png" width="20" height="20"alt="ブログサイトへのリンク画像"></li>
          </a>
          <a href="https://dotinstall.com" target="_blank">
            <li><img src="img/photos.png" width="20" height="20"alt="写真サイトへのリンク画像"></li>  
          </a>
        </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分動画でマスターできるプログラミング学習サービス

サービスメニュー

ご利用にあたって

プログラミング勉強会

ソーシャルメディア

更新情報