昨天是第一次上HTML 5的課,老師簡單教了一些編寫網頁的方法
老師教我們使用BEE free製作電子報,出來的效果也很好看,只要在網頁拉一拉,按幾下就可以跑出非常漂亮的電子報,而且可以直接把成品傳給別人,我完全沒有想過可以如此簡單的把電子報傳給別人。所以這是一個很好的工具去製作電子報,不需要用大量力氣去思考如何寫程式碼,不用想著如何套CSS把網頁變漂亮,這個真的是一個很方便的工具,我應該早一點修這門課😭
這次上課老師介紹了幾個HTML的標籤—div、a href、img src、p、button
老師教我們使用BEE free製作電子報,出來的效果也很好看,只要在網頁拉一拉,按幾下就可以跑出非常漂亮的電子報,而且可以直接把成品傳給別人,我完全沒有想過可以如此簡單的把電子報傳給別人。所以這是一個很好的工具去製作電子報,不需要用大量力氣去思考如何寫程式碼,不用想著如何套CSS把網頁變漂亮,這個真的是一個很方便的工具,我應該早一點修這門課😭
這次上課老師介紹了幾個HTML的標籤—div、a href、img src、p、button
- <div>...</div> 這個標籤可以定義網頁的一個section或者是分區。通常會加上一些CSS或者使用id及class去改變那一個section的屬性。寫在div後的東西都會自動跳行,在新一行重新開始。例子:
- <a> 這個標籤是定義連接或錨點,是來導向另一個頁面。而href是<a>的其中一個重要的屬性,用來指示連結的目的地,而且可以設定如何打開另一個頁面,可以使用target來設定。
- <img> 這個是用來定義網頁中的圖片。其中src和alt是重要的屬性。src是用來定義圖片的地址,而alt是定義圖片的替代文字,在圖片沒有正常出現時會出現,也可以為盲人提供文字描述,建立無障礙網頁。另外也要一些屬性可以用來設定圖片,例如height,width。
- <p> 這個是用來定義一個段落,瀏覽器會自動在其前後加入一些空白,也可以使用CSS設定空白的大小。
- <button> 這是用來定義一個按鈕,可以使用文本或圖片來當作按鈕,可以使用name屬性設定按鈕的名字,使用type屬性設定按鈕的類型(submit,reset)。
<div style="color:#FF0000">
This is some text in a div element.
</div>
<p>This is some text.</p>
例子:
<a href="www.yahoo.com.tw" target="_blank">Visit Yahoo.com!</a>
例子:
<img src="helloworld.gif" alt="Hello World!" width="42" height="42">
例子:
<p>This is some text in a very short paragraph</p>
例子:
<button type="submit">Submit!</button>
沒有留言:
張貼留言