區域元素 <header>

為 HTML 文件的區域元素 (element) ， <header> 用來放網頁內容的標題區域，這不同於 <title> ， <title> 為網頁文件的標題。

1. 註解<!-- Header -->
2. 網頁內容的標題區域<header></header>
3. 群組元素：<div>：<div> 為 HTML 文件的群組元素 (element) ，用來組織文字或其他元素。常用的屬性id、class
4. 元素物件 <img>：<img> 為 HTML 文件的內嵌元素 (embedded content) bootstrap說明
5. <span> 為 HTML 文件的文字階層元素 (text-level semantics)
6. <hr> 為 HTML 文件的文件群組元素 (grouping content)

原始碼

<!-- Header -->
    <header>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <img class="img-responsive" src="img/profile.png" alt="">
                    <div class="intro-text">
                        <span class="name">郭俊良</span>
                        <hr class="star-light">
                        <span class="skills">每週三 晚上07:00～09:50 第一次上課日期：09 月 09 日</span>
                    </div>
                </div>
            </div>
        </div>
    </header>