<!DOCTYPE html>
<html lang="zh-hant-TW">
<head>
<meta charset="UTF-8">
<title>金魚2</title>
<style type="text/css">
.amos{
background-color: #f00;
color: #000;
}
.amos img{
/*display: inline-block; /*明明一樣卻不能用ㄟ*/
vertical-align: top; /*上中下*/
}
</style>
</head>
<body>
<div class="amos">
<img src="picture/2.jpg">
asdadaddsdaasdasuiopuipipiuopuipuipouipupuiopipuiopioupsadasdasu
</div>
<br>
<!-- <a href="https://www.youtube.com/watch?v=uhLg6nVVTzY">連結</a> --> <!-- ctrl+/ -->
<a href="https://www.youtube.com/watch?v=uhLg6nVVTzY" >連結</a> <!-- 直接開啟 -->
<a href="https://www.youtube.com/watch?v=uhLg6nVVTzY" target="blank">連結</a> <!-- 開分頁 -->
<img src="https://yt3.ggpht.com/a-/AAuE7mAWZJSHoj64whfMDlp64jDRmLoVggOQvltMiw=s176-mo-c-c0xffffffff-rj-k-no">
<img src="https://yt3.ggpht.com/a-/AAuE7mAWZJSHoj64whfMDl我錯了p64jDRmLoVggOQvltMiw=s176-mo-c-c0xffffffff-rj-k-no" alt="魚腦圖片錯誤連結">
<img src="picture/2.jpg">
<a href="2/2.html">11111111111111</a>
<!-- <br> -->
<p> <span style="color: #f00"> Lorem ipsum dolor sit amet, </span> consectetur adipisicing elit. Repudiandae consequuntur, ipsam, odit error saepe ratione eos similique ex incidunt. Explicabo molestiae ipsam itaque eos, rem amet dolore eum sunt aliquam!</p>
Lorem ipsum dolor sit amet, consectetur
<br>
adipisicing elit. Fuga libero voluptas eius, laudantium accusamus facilis numquam, vel est cum? Animi quasi saepe maxime necessitatibus ex error nulla voluptate, ipsa perspiciatis?
語意結構
<div class="header"></div>
<div class="page1"></div>
<div></div>
<div></div>
<div></div>
</body>
</html>
留言列表