1. 程式人生 > 實用技巧 >HTML學習:媒體元素、行元素、塊元素

HTML學習:媒體元素、行元素、塊元素

  • <audio>是音訊元素,通過src填寫資源路徑。但是新增檔案之後沒有視覺化視窗,需寫入concrols才能看見播放視窗。<video>也是相同用法,但video可以設定寬和高。
  • 1 <audio src="../resources/audio/AniFace%20-%20夜、螢火蟲和你.mp3" controls autoplay ></audio>

  • 1 <h3 align="center"><font color="#dc143c" size="6">這是視訊</font></h3>
    2 <
    video src="../resources/video/13_網站首頁高保真實現.mp4" controls autoplay ></video>

  • 塊元素,<p>和<h1>到<h6>。<p>為文字內容標籤,<h1~h6>都為標題標籤。可在標籤中寫入font調整字型,如:<p> <font size="" color=""> (內容)</font> </p>
  • 1 <h1 align="center" ><font color="#dc143c" size
    ="6">塊元素</font></h1> 2 <h1>這是一級標題</h1> 3 <h2>這是二級標題</h2> 4 <h3>這是三級標題</h3> 5 <h4>這是四級標題</h4> 6 <h5>這是五級標題</h5> 7 <h6>這是六級標題(最高也就6級了)</h6> 8 <p >這是文字內容</p>

  • 行元素,僅佔用一行而不會另起一行。有<strong>粗體 和<em>斜體。
  • 1
    <h1 align="center"><font color="#dc143c" size="6">這是行元素,並不會另起一行。</font></h1> 2 <strong>這是粗體</strong> <em>這是斜體</em>