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

このスライドが付いているレッスンを開く