← 一覧へ
シンプルな名刺サイト
★1
🏠
名前・自己紹介・連絡先を表示する1ページの名刺風サイトです。header・main・sectionタグを使って構造を作り、CSSでスタイルを整えましょう。
コードエディタ
index.html
style.css
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>名刺サイト</title> <link rel="stylesheet" href="style.css"> </head> <body> <!-- ここに名刺サイトのHTMLを書いてみよう --> <!-- headerタグ・h1タグ・h2タグ・.about・.contactクラスを使ってね --> </body> </html>
/* ここにCSSを書いてみよう */ body { font-family: "Helvetica Neue", Arial, sans-serif; }
▶ プレビュー更新
判定する
ポートフォリオに保存
見本（お手本のデザイン）
あなたの作品