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

  • レッスン一覧
  • 料金プラン
    • レッスン一覧
    • 料金プラン
  • ログイン
  • 運営からのお知らせ

    • 2025/08/28 NEW

      【週刊ドットインストール】 Figma入門を制作中、256timesの新クラスを企画中

    すべて見る
  • トップ /
  • マイページ /
  • index.html

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/style.css">
 
</head>
<body>
  <header>
    <div class="container">
      <div class="icon">
        <img src="img/taro.png" width="120"height="120"alt="太郎のアイコンです">
      </div>
      <div class="info">

        <h1>山田太郎</h1>
        <p>UI/UXデザイナー見習いです</p>
        <ul>
          <li>
            <a href="http://dotinstall.com" target="blank">
              <img src="img/photos.png" width="20" height="20" alt="写真サイトのリンク画像です">
            </a>
          </li>
          <li>
            <a href="http://dotinstall.com" target="blank">
              <img src="img/blog.png" width="20" height="20" alt="ブログサイトのリンク画像です">    
            </a>
          </li>
        </ul>
      </div>
    </div>
  </header> 

  <secion class="works">
    <h1>WORKS</h1>
   <secion>
     <img src="img/work1.png" width="400" height="260" alt="勇者ゲームの紹介画像">
       <h1>勇者ゲーム</h1>
       <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p>
   </secion>
   <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>
 </secion>

   <footer>
     <p>(c) dotinstall.com</p>
   </footer>
</body>
  </html>
dotinstall

3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか?

サービスメニュー

  • レッスン一覧
  • 料金プラン
  • 法人向けライセンス
  • 256times
  • 運営からのお知らせ
  • プログラミング学習ガイド
  • プログラミング学習相談室
  • ヘルプ

ご利用にあたって

  • 利用規約
  • プライバシーポリシー
  • 利用者情報の外部送信について
  • 運営企業情報
  • 採用情報
  • 教材利用について
  • お問い合わせ

ソーシャルメディア

  • note
  • X (@dotinstall)
  • Facebookページ

更新情報

  • 新着レッスンRSS
  • 新着補足情報RSS

Copyright © 2011-2025 dotinstall.com. All Rights Reserved.