【解決方法】現在のコードで新しいページが開かないのはなぜですか?

これが私の現在のコードです：

<!DOCTYPE html><html><head><title></title></head><body><div><h1>Here are some additional Icing Recipes</h1>

<select name='courses' multiple="multiple" size='2' onchange="location = this.value;"><option value="">Select an option</option><option value="" disabled selected></option><option value="" disabled selected></option>
<font color='#ffffff'>
<option value="https://www.twosisterscrafting.com/baileys-irish-cream-buttercream-frosting/" target="_blank">The Best Baileys Irish Cream Buttercream Frosting</option>

</select></div></body></html>

上記のコードはドロップダウンの一部であるため、タグは機能しません。

上記のコードは実行されますが、新しいページは開きません。私は独学の初心者なので、何が悪いのかわかりません。

私が試したこと：

コードを 2 回チェックしましたが、初心者なので何が問題なのかわかりません。

解決策 1

代わりに a タグを使用してください。

HTML

<a href="https://www.twosisterscrafting.com/baileys-irish-cream-buttercream-frosting/" target="_blank">The Best Baileys Irish Cream Buttercream Frosting</a>