<!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>
留言