href に何を書くか
HTML入門 / 全 4 枚
作成品質の確認
全チェックの通過状況
スライド 3 / 3枚、チェック 5 / 5項目が通過
全項目通過・次へ進めます
スライドごと
完成後の5チェック
本文・学習内容
外部httpsリンク、target=_blank、mailtoリンクに限定。URL内部構造・ページ内リンク・画像パスは除外。既存4枚はrewrite/removeを監査済み。
ソース・課題との接続
監査済みJSONの4チェックを実レッスンへ登録。starter不合格、solution満点、見出し反例不合格を確認。
見た目・操作
実レッスン開閉・再表示・狭幅・印刷・全枚ナビ・キーボード・クイズを通過。最終3枚を原寸目視し、切れ・重なり・読みにくい縮小なし。
再利用・パターンマスター
URL分解図とページ内リンクを外し、登録済み共通完成スライド3種だけで構成。各マスターカードを実画面で確認。
型・テスト・回帰
前後境界、全61レッスン採点、パーサーテスト、差分空白検査を通過。
HTML入門 - href に何を書くか
外部サイトとメールで href を使い分ける
このレッスンでは、外部サイトを開くリンクと、メール作成画面を開くリンクを1本ずつ作ります。
target="_blank" は外部サイトのリンクへ付けます。mailto の行き先は mailto: に続けてメールアドレスを書きます。
| やりたいこと | aタグの書き方 |
|---|---|
| 外部サイトを新しいタブで開く | <a href="https://…" target="_blank">サイト名</a> |
| メール作成画面を開く | <a href="mailto:taro@example.com">メールを送る</a> |
2 / 4
← → キーでも送れます