2017.02.05 — 前端學習

codetime2017發表於2019-02-16

程式

開始在freeCodeCamp上學習基礎 HTML&CSS 知識。

學習了github 中如何建立repository,branch,如何使用 pull request 來 merge 程式碼。

在慕課上也註冊了帳號,但是感覺課程節奏較慢,所以轉用freeCodeCamp。

今日重點

  • <title>xxx</title>標籤中content會顯示在瀏覽器標籤欄中

  • 連結中有target=”_blank” 點選後開啟新瀏覽頁

  • 連結郵件地址

    <a href="mailto:yy@imooc.com?subject=觀了不起的蓋茨比有感&body=你好,對此評論有些想法。">對此影評有何感想,傳送郵件給我</a>
    

其中,sbuject為將要傳送的郵件主題, body為內容。第一個引數使用 ? 新增, 其他引數用&分隔

  • HTML直接向伺服器提交資料,可以實現text field, button, radio button, check box等元素

 <form action="">
    <!--text field-->
    <input type="text" placeholder="xxx" required>
    <!--button-->
    <button type="submit">Submit</button>
    <!-- two radio buttons-->
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
    </form>
  1. 需要與伺服器資料互動的元素放在form中。

  2. input型別有多種type元素,包括text, radio, checkbox,submit, reset等。

  3. name表示在邏輯上同一組的元素。

  4. 某些元素要顯示字元需要新增label。

*action 屬性需要進一步理解

相關文章