2017年9月21日 星期四

第一次上課的心得

昨天是第一次上HTML 5的課,老師簡單教了一些編寫網頁的方法
老師教我們使用BEE free製作電子報,出來的效果也很好看,只要在網頁拉一拉,按幾下就可以跑出非常漂亮的電子報,而且可以直接把成品傳給別人,我完全沒有想過可以如此簡單的把電子報傳給別人。所以這是一個很好的工具去製作電子報,不需要用大量力氣去思考如何寫程式碼,不用想著如何套CSS把網頁變漂亮,這個真的是一個很方便的工具,我應該早一點修這門課😭

這次上課老師介紹了幾個HTML的標籤—div、a href、img src、p、button
  1. <div>...</div>
  2. 這個標籤可以定義網頁的一個section或者是分區。通常會加上一些CSS或者使用id及class去改變那一個section的屬性。寫在div後的東西都會自動跳行,在新一行重新開始。例子:
    <div style="color:#FF0000">
    This is some text in a div element.
    </div>
    <p>This is some text.</p>

  3. <a>
  4. 這個標籤是定義連接或錨點,是來導向另一個頁面。而href是<a>的其中一個重要的屬性,用來指示連結的目的地,而且可以設定如何打開另一個頁面,可以使用target來設定。
    例子:
    <a href="www.yahoo.com.tw" target="_blank">Visit Yahoo.com!</a>

  5. <img>
  6. 這個是用來定義網頁中的圖片。其中src和alt是重要的屬性。src是用來定義圖片的地址,而alt是定義圖片的替代文字,在圖片沒有正常出現時會出現,也可以為盲人提供文字描述,建立無障礙網頁。另外也要一些屬性可以用來設定圖片,例如height,width。
    例子:
    <img src="helloworld.gif" alt="Hello World!" width="42" height="42">

  7. <p>
  8. 這個是用來定義一個段落,瀏覽器會自動在其前後加入一些空白,也可以使用CSS設定空白的大小。
    例子:
    <p>This is some text in a very short paragraph</p>

  9. <button>
  10. 這是用來定義一個按鈕,可以使用文本或圖片來當作按鈕,可以使用name屬性設定按鈕的名字,使用type屬性設定按鈕的類型(submit,reset)。
    例子:
    <button type="submit">Submit!</button>
以上是我所記得或學到的東西,寫在這裡作一個小小的記錄....還有交作業哈哈哈哈哈
以下是我寫這次心得的狀況:

2017年9月20日 星期三