Nest an Anchor Element within a Paragraph

作為參考，再次看一看a元素的圖示：

例如：

<p>Here‘s a <a href="https://freecodecamp.cn"> link to FreeCodeCamp中文社區</a> for you to follow.</p>

Nesting（嵌套）就是把一個元素放在另一個元素裏面。

任務：把你的a元素嵌套進一個新的p元素（緊鄰已有的h2元素之後），讓段落的文本為View more cat photos，但是其中僅cat photos是一個鏈接，其余的是普通文本。

Turn an Image into a Link

你可以通過把某元素嵌套進a元素使其變成一個鏈接。

把你的圖片嵌套進a元素。舉例如下：

<a href="#"><img src="/images/relaxing-cat.jpg"></a>

任務：把你的小貓圖片插入到一個新的錨點元素中，並把錨點元素的href屬性設置為#。

一旦完成，把你的光標懸停在你的圖片上。你的光標此時應該由光標指針變成手形指針。圖片現在是一個鏈接了。

占位符(placeholder text)是用戶在input(輸入)框輸入任何東西之前放置在input(輸入)框中的預定義文本。

你可以用如下方式創建占位符：

<input type="text" placeholder="this is placeholder text">

把你的input(輸入)框的placeholder的值設置為"cat photo URL"。

Create a Set of Radio Buttons

類比是最好的學習方式，當你搞不清一個概念時，最好在生活中找到對應的案例。

單選就是你只能在多個選項中選擇一個，就好比你有很多追求者，但卻只能選擇一個結婚。

多選一的場景就用radio button(單選按鈕)

單選按鈕只是input輸入框的一種類型。

每一個單選按鈕都應該嵌套在它自己的label(標簽)元素中。

註意：所有關聯的單選按鈕應該使用相同的name屬性。

下面是一個單選按鈕的例子：

<label><input type="radio" name="indoor-outdoor"> Indoor</label>

給你的表單添加兩個單選按鈕，一個叫indoor，另一個叫outdoor。

FCC學習筆記(二)