標題元件
<h1>大字
<h2>
<h3>
<h4>
<h5>
<h6>小字

網頁程式設計班

字型元件
<font size="+6" color="#FF0000">字型元件</font>
字型元件
<br/>
<p>
清單元件
<ol type="A">
<li>網頁設計</li>
<li>程式設計</li>
<li>資料庫設計</li>
</ol>

網頁設計
程式設計
資料庫設計

===================
圖片元件
<img src="image/h04.jpg" width="300" height="250" />
跑馬燈
<marquee behavior="alternate" >App網頁設計</marquee>
超連結
<a href="http://www.google.com">google</a>
<p>
<a href="http://www.google.com">
<img src="image/h02.jpg" width="100" height="60" />
</a>
=======================
表格

<table border="2" width="200">
<tr>
<td>10</td>
<td>20</td>
</tr>
<tr>
<td>30</td>
<td>40</td>
</tr>
</table>
=================
ex1
<table border="2">
<tr>
<td>編號</td>
<td>姓名</td>
<td>生日</td>
<td>血型</td>
<td>相片</td>
</tr>
<tr>
<td>p1001</td>
<td>劉淵</td>
<td>74/12/11</td>
<td>A</td><td rowspan="3">
<img src="image/h04.jpg" width="230" height="180" />
</td>
</tr>
<tr>
<td>p1002</td><td>胡戈</td><td>58/4/21</td><td>B</td>
</tr>
<tr>
<td>p1003</td><td>陳武</td><td>69/5/9</td><td>O</td>
</tr>
</table>
==================================
網頁元件
id: #
class: ‧
標籤名稱；
<style type="text/css">
#tbmenu1 td:hover{
background:#F69
}
a {
text-decoration:none
}
</style>
<body>
<center>
<table id="tbmenu1" border="0" width="550">
<tr>
<td><a href="sub1.html">
程式設計</a>
</td>
<td><a href="sub2.html">
網頁設計</a></td>
<td><a href="sub3.html">
美工設計</a>
</td>
<td><a href="sub4.html">
資料庫設計</a>
</td>
<td><a href="sub5.html">
系統設計</a>
</td>
</tr>

</table>
<p>
<table border="2" width="550">
<tr bgcolor="#0066FF">
<td colspan="5"><marquee behavior="alternate" >人事基本資料</marquee></td>
</tr>
<tr>
<td>編號</td>
<td>姓名</td>
<td>生日</td>
<td>血型</td>
<td>相片</td>
</tr>
<tr>
<td>p1001</td>
<td>劉淵</td>
<td>74/12/11</td>
<td>A</td><td rowspan="3">
<img src="image/h04.jpg" width="230" height="180" />
</td>
</tr>
<tr>
<td>p1002</td><td>胡戈</td><td>58/4/21</td><td>B</td>
</tr>
<tr>
<td>p1003</td><td>陳武</td><td>69/5/9</td><td>O</td>
</tr>
<tr>
<td colspan="5" align="right" bgcolor="#3399FF">設計師；hope</td>
</tr>
</table>
<p>
<table border="2" width="550" bgcolor="#CCFF66" rules="rows">
<tr>
<td rowspan="5">
<img src="image/h05.jpg" width="230" height="180" />
</td>
<td>產品編號 </td>
<td>產品名稱 </td>
<td>出廠公司 </td>
<td>價格 </td>
</tr>
<tr>
<td>p1001</td><td>光碟機</td><td>鴻海</td><td>500</td>
</tr>
<tr>
<td>p1002</td>螢幕<td></td>yy<td></td><td>900</td>
</tr>
<tr>
<td>p1003</td>記憶體<td></td><td>XX</td><td>1200</td>
</tr>
<tr>
<td>p1004</td><td>主機板</td><td>ZZ</td><td>3000</td>
</tr>
</table>
</center>
</body>
=====================
<body>
程式設計內容
<p>
<a href="apphope05.html">回首頁</a>
</body>
=====================
div面板
<div id="dv1" style="width:550px; height:300px; background-color:#6CF">
1.文字 2.圖片 3.表格 ˋ.視訊 5.DIV面板
</div>
===
<div id="dv1" style="width:300px; height:250px; background-color:#6CF;
overflow:scroll">
<img src="image/h02.jpg" width="300" height="300" />
</div>
=====================
<body>
<div id="dv1" style="width:300px; height:250px; background-color:#6CF;
overflow:scroll">
<img src="image/h02.jpg" width="300" height="300" />
</div>
<p>
<div id="dv1" style="width:300px; height:250px; background-color:#6CF;
overflow:scroll">
<iframe src="sub6.html" width="300" height="300"></iframe>
</div>
</body>

物聯網行動商務實務

2016年12月16日星期五

字型元件

網頁程式設計班