html頁面小練習
阿新 • • 發佈：2019-01-09
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>練習1</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="Pang">
<META NAME="Keywords" CONTENT="關鍵字可以使頁面快速被搜尋">
<META NAME="Description" CONTENT="標籤元素描述">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</HEAD>
<BODY>
<ul>
<li>
<h2>網站首頁</h2>
<ul>
<li>機構設定1<li>
<li>機構設定2<li>
<li>機構設定3<li>
<li>機構設定4<li>
</ul>
</li>
<li>網站首頁1</li>
<li>網站首頁2</li>
<li>網站首頁3</li>
<li>網站首頁4</li>
</ul>
<!-- 自定義標籤dl -->
<pre>
for(int i=0;i<10;i++)
{
printf("%2d",i);
}
<pre>
<dl>
<dt>自定義列表1</dt>
<dd>自定義列表2</dd>
<dd>自定義列表3</dd>
</dl>
<a href="demo2.html" target="content" title="這是我的超連結">這是一個超連結</a>
<!-- scrollamount設定文字滾動速度-->
<!-- onmouseover設定滑鼠經過時觸發事件-->
<!-- onmouseout設定滑鼠離開時觸發事件-->
<marquee direction="left" scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()">文字會自動移動預設自動會從右向左移動
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</marquee>
<!-- alt如果沒有被加載出來，則可以表示讓搜素引擎能檢索到-->
<img src="background.jpg" width="300" alt="載入圖片" title="背景圖片"/>
<marquee scrollamount="5"><a href="demo2.html"><img src="login.jpg" width="300" alt="圖片滾動"/><a></marquee>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>練習1</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="Pang">
<META NAME="Keywords" CONTENT="關鍵字可以使頁面快速被搜尋">
<META NAME="Description" CONTENT="標籤元素描述">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</HEAD>
<BODY>
<ul>
<li>
<h2>網站首頁</h2>
<ul>
<li>機構設定1<li>
<li>機構設定2<li>
<li>機構設定3<li>
<li>機構設定4<li>
</ul>
</li>
<li>網站首頁1</li>
<li>網站首頁2</li>
<li>網站首頁3</li>
<li>網站首頁4</li>
</ul>
<!-- 自定義標籤dl -->
<pre>
for(int i=0;i<10;i++)
{
printf("%2d",i);
}
<pre>
<dl>
<dt>自定義列表1</dt>
<dd>自定義列表2</dd>
<dd>自定義列表3</dd>
</dl>
<a href="demo2.html" target="content" title="這是我的超連結">這是一個超連結</a>
<!-- scrollamount設定文字滾動速度-->
<!-- onmouseover設定滑鼠經過時觸發事件-->
<!-- onmouseout設定滑鼠離開時觸發事件-->
<marquee direction="left" scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()">文字會自動移動預設自動會從右向左移動
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</marquee>
<!-- alt如果沒有被加載出來，則可以表示讓搜素引擎能檢索到-->
<img src="background.jpg" width="300" alt="載入圖片" title="背景圖片"/>
<marquee scrollamount="5"><a href="demo2.html"><img src="login.jpg" width="300" alt="圖片滾動"/><a></marquee>
</BODY>
</HTML>