Beauty Girl

Web 作品

常夏のナチュラルヘア＆メイク

HTMLの練習として雑誌の1ページ部分の記事をホームページにしてみました。
雑誌の記事とイメージが違いますが・・・。
つぎは、CSSも作成して、もうちょっと作ろうと思います。
人物のところはPhotoshopで切り抜いて、コピースタンプツールで少し修正しました。



雑誌記事





HTML作成

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html/loose.dtd">
<html lang="ja">

<head>
<meta http-equiv="Content-Type"content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style Type"content="text/css">
<title>Beauty girl</title>
<style type="text/css">

h1{
color: #ffcc00;
}

h2{
color: #81ffe0;
}

h3{
color: #6cfbe8;
}

</style>
</head>

<h1>Summer Make!!</h1>


<h2>■□ TROPICANA □■</h2>
<p>常夏のナチュラルヘア＆メイク</p>

<h3>-マリンなクラシックメイクに挑戦-</h3>
<p>アイシャドウ感覚で太く目尻を上げ気味に引いた水色のリキッドライナーがキュート!</p>
<p>部分用付けまつ毛もメイクのアクセントに。</p>
<p>ヘアは耳上から後ろの髪を逆立てふんわり１本にまとめ、フロントカチューシャで留める。</p>	

<p><a href"#"><img src="images/01.jpg" alt="" width="400" height="707"></a></p>

<dl>

<dt>フェイス</dt>
<dd><a href"#">ポール＆ジョー フェイスカラー 2,940 円</a></dd>

<dt>アイメイク</dt>
<dd><a href"#">RMK アイクレヨン 2,310 円</a></dd>

<dt>リップ</dt>
<dd><a href"#">レブロン グロッシーポップス 1,260円</a></dd>


</html>

ブラウザで確認