後＋正午 → 正午の後 → 午後
afternoon は after「後」と noon「正午」を合わせた語です。ところが noon は、もとは正午ではありませんでした。ラテン語の nona hora「第9時」で、日の出から数えて9時間目、つまり午後3時ごろを指したのです。修道院では、この時刻に祈りをささげていました。それが中世のうちに、少しずつ正午へと前にずれていきました。理由ははっきりしませんが、祈りや断食明けの食事の時間が早まったためとする説があります。
（語源の出典・確認先：Online Etymology Dictionary ／ Merriam-Webster ／ Wiktionary 参考文献の一覧）
よく使う形：in the afternoon(午後に)
after(後)+noon(正午)で「正午の後=午後」。分解すれば一発で覚えられる
in the afternoon（午後に）。ただし特定の日なら on Sunday afternoon と on を使う。this afternoon は前置詞なし。
受験ミニ情報 on the afternoon of May 5（5月5日の午後に）の on が前置詞問題の定番。アクセントは後ろの -NOON。
言い換え（同じような意味）
afternoon と同じ語源の単語です。パーツの意味から推理してみましょう。
after(〜の後)+noon(正午。ラテン語nona『第9時』由来)=正午の後 afternoon は after「後」と noon「正午」を合わせた語です。ところが noon は、もとは正午ではありませんでした。
午後（名詞）。コアイメージは「正午の後」です。
after(後)+noon(正午)で「正午の後=午後」。分解すれば一発で覚えられる 同じ語源の noon・nine・November とまとめて覚えると効率的です。
/ˌæftɚˈnuːn/（アフタヌーン）。このページの「発音」ボタンで音声を聞けます。