3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか？
Copyright © 2011-2025 dotinstall.com. All Rights Reserved.
<!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>
3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか？
Copyright © 2011-2025 dotinstall.com. All Rights Reserved.