今天學到幾個重點的關鍵字
section / h1 / hr / figure / nav / div
以下為大家示範一下他們的功用
<html>
<!-- 這是註解 ( 用Crtl + /)-->
<!-- header 是標題 -->
<!-- section 是章節 -->
<!-- article 是小節 -->
<!-- 不過實際應用上我分不出他的區別 XD -->
<header>
<h1> 這就是標題，用h1的大小 h2 h3 字會越來越小 </h1>
<h6> 最小就是用h6的大小 </h6>
</header>
<body>
<!-- hr 會出現一個粗一點的水平線 -->
<hr> HIHI </hr>
除了文字 試試看插圖
<hr> 兔子 </hr>
<section>
<figure style="float: left;">
<!-- 有點好玩 < figur 後面加個空格 就可以設定參數 跟python寫程式是差不多的意思 > -->
<img src="http://img2.3png.com/d63754880223b497e10433f8ff75bcf8ccce.png" width="200" height="200" style="margin: 15px">
</figure>
圖原來自:
<h6>http://img2.3png.com/d63754880223b497e10433f8ff75bcf8ccce.png</h6>
因為很可愛所以拿來用了，如有冒犯請見諒,會把它拿下來
<nav>
<a href="http://img2.3png.com/d63754880223b497e10433f8ff75bcf8ccce.png">這是用超連結的方式</a>
點我一下也可以直接傳到上面的路徑
</nav>
</section>
<div style="clear: both;"></div>
<!-- div 這邊很重要喔~~~ 我把前面的style去掉 不然下面的文字也會偏右 -->
<hr> 下面介紹其他文字格式</hr>
<section style="width:200px;font: left;">
<P>這邊使用 p 他會幫我把這段問再加一行空白行自動換行</P>
<i>這邊用 i 他會變成斜體字</i>
<br>
<!-- br 自動跳列 -->
<B>這邊用 b 他會變粗體字</B>
</section>
</body>
</html>
結果:
網頁是個做出來就看得到成果的東西
覺得特別有趣 也很有成就感 ^^
不過 離做到程式交易的網頁還差的遠勒
繼續加油囉~~
留言列表
{{ article.title }}