近期學習HTML的記錄
阿新 • • 發佈:2021-01-13
技術標籤:html5
近期學習HTML的記錄
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="前端,CSS3">
<meta name="description" content="這是一個非常不錯的網站">
<meta http-equiv ="refresh" content="300;url=https://www.baidu.com/">
<title>我的頁面彙總</title>
</head>
<body>
<a href="#bottom">點我去到頁面底部</a>
<h1>我是h1</h1>
<h2>我是h2</h2>
<hgroup>
< h1>回鄉偶書二首</h1>
<h2>其一</h2>
</hgroup>
<p>我是段落</p>
<p>我試試<font color="red" size="5">變紅色</font></p>
<p>我試試<b>加粗</b>加    空格 </p>
< p>你今天必須要<strong>完成作業</strong>!</p><!--強調內容-->
<p>今天天氣<em>真</em>不錯</p><!--語氣加重-->
魯迅說<blockquote>我是長引用</blockquote>
子曰:<q>我是短引用</q><br><br><br>
<div>我用來表示區塊沒有語義</div>
<span>我也沒有語義,但我是行內元素</span>
<ul>
<li>無序列表1</li>
<ul>
<li>你好</li>
<ul><li>第二次你好</li></ul>
</ul>
<li>無序列表2</li>
</ul>
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
</ol>
<dl>
<dt>定義內容</dt>
<dd>對定義內容進行解釋說明</dd>
</dl>
<a href="https://www.douban.com">我是超連結</a><br>
<a href="01.測試編輯器.html" target="_self">我是本地頁面超連結</a><br>
<a href="https://www.youku.com/" target="_blank">我是在新的頁面開啟的超連結</a><br>
<a href="#" id="bottom">點我回到頁面頂部</a><br>
<a href="javascript:;">什麼也不會發生的超連結</a>
<img src="img/img/1.gif">
<iframe src="https://baidu.com/" frameborder="1" height="800" width="1200">引入其他網頁頁面</iframe>
<audio src="./audiosource/audio.mp3" controls autoplay loop></audio>
<video src="./audiosource/flower.mp4" controls></video>
</body>
</html>