移至主內容
小居的分子醫學科學與棒球生活筆記

<!DOCTYPE html>
<html lang="zh-tw">
<head>  

 <meta charset="UTF-8">

  <meta name="author" content="居葛格">
  <meta name="keywords" content="居葛格, 薏立生技">
  <meta http-equiv="refresh" content="3;https://elly-bio.com/ellylife/zh-hant/about_G"> 3秒後到達指定的網頁
  <meta name="viewport" content="width=device-width, initial-scale=1.0">



  <title>HTML5的標題標記只會有一個,自己命名</title>



</head>
<body>

<header>標示區塊的頁首 

  <nav>標示導覽列
      <ul>標示選單
        <li><a href="#">選項1</a></li>
        <li><a href="#">選項2</a></li>
        <li><a href="#">選項3</a></li>
      </ul>
  </nav>

<aside>用來標記側邊的選單</aside>

</header>
    <p>p就是指paragraph一段文字的意思</p>

<h1>一個網頁頁面只能夠有一個h1,是給SEO搜尋用的</h1>
<h2>是標題使用的,字體等級第2大</h2>
<h3>是標題使用的,字體等級第3大</h3>
<h4>是標題使用的,字體等級第4大</h4>
<h5>是標題使用的,字體等級第5大</h5>
<h6>是標題使用的,字體等級第6大</h6>

<hr />是分隔線,可以在裡面加入<hr width="寬度" align="對其" noshade陰影 />

<br>是換行

<!--這個符號是註解-->


 <article>標示獨立的內容</article>
 <hgroup>標示多個標題的組合</hgroup>
 <section>標示通用的區塊</section>
    <footer> 

      <address>寫信聯絡的資訊或是地址</address>

      <time datetime="2021-05-23" pubdate>2021年5月23日</time>

      <blockquote cite="#"> 區塊引用文字</blockquote>

      <small>small通常適合用來標記版權所有©Copyright 2018</small>


    </footer>


<pre>預先格式化某個區塊</pre>

<div>組成一個區塊,只用div也能寫網站,但不夠專業</div>

<blockquote>左右都有縮排的區塊。</blockquote>

<span>群組成一行,通常都用來做特別樣式的設計</span>

文字的格式

<b>粗體Bold文字</b>
<strong>強調粗體文字</strong>

<i>斜體文字</i>
<em>斜體文字</em>

<u>底線文字</u>

<sup>上標文字</sup>

<sub>下標文字</sub>

<dfn>定義某一個詞</dfn>

<del>文字有刪除線</del>

<code>用來呈現code</code>

<samp>輸入範例文字</samp>

<abbr>文字縮寫</abbr>

<cite>引用</cite>

<q>引用一段句子.</q>

<mark>螢光標記文字</mark>

<ruby>
注音

ㄓㄨˋ一ㄣ

</ruby>


 

項目符號與編號 ul ol li

    <ul>會有圖示,可以設定list-style-type
      <li><a href="#">circle</a></li>
      <li><a href="#">disc</a></li>
      <li><a href="#">square</a></li>
    </ul>

<ol type="a">編號從a開始, type可以是1, A, a, I, i。也可以指定start從幾開始,也能reverse反向開始
          <li>a</li>
          <li>b</li>
          <li>c</li>
          <li>d</li>
          <li>e</li>
          <li>f</li>
        </ol>

定義清單 dl dt dd

<dl>
  <dt>什麼樣的清單</dt>
  <dd>用來描述清單的內容</dd>
  <dt>例如:水果</dt>
  <dd>香蕉</dd>
</dl>

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

 

 

 

 

 

 

   

 

 

 

 

 

 

 

用來嵌入外部內容

 

 

 

 

 

 

 


   
</body>
</html>