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/styles.css">
</head>
<body>
<header>
<div class="container">
<div class="icon">
<img src="img/taro.png" widen="120" hight="120">
</div>
<div class="info">
<h1>篠嵜彩花</h1>
<p>デザイナー見習いです</p>
<ul>
<li>
<a href="https://dotinstall.com" target="_blank">
<!-- target_blankで別のタブに移動して開いてくれる -->
<img src="img/blog.png" width="20" height="20" alt="ブログサイトのリンク画像です">
</a>
</li>
<li>
<a herf="https://dotinstall.com" target="_blank">
<img src="img/photos.png" width="20" height="20" alt="写真サイトのリンク画像です">
</a>
</li>
</ul>
</div>
</div>
</header>
<section>
<h1>WORKS</h1>
<section>
<img src="img/work1.png" wight="400" height="260" alt="勇者ゲームの紹介画像">
<h1>勇者ゲーム</h1>
<p>楽しいアプリです。楽しいアプリです。楽しいアプリです。</p>
</section>
<section>
<img src="img/work2.png" wight="400" height="260" alt="宝探しゲームの紹介画像">
<h1>宝探しゲーム</h1>
<p>楽しいアプリです。楽しいアプリです。楽しいアプリです。</p>
</section>
<section>
<img src="img/work3.png" wight="400" height="260" alt="人生ゲームの紹介画像">
<h1>人生ゲーム</h1>
<p>楽しいアプリです。楽しいアプリです。楽しいアプリです。</p>
</section>
</section>
<footer>
<p>(c) dotinstall.com</p>
<!-- コピーライト -->
</footer>
</body>
</html>
3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか？
Copyright © 2011-2025 dotinstall.com. All Rights Reserved.