之前我寫過一篇怎麼做Favicon，也就是在你網址列旁邊那個小圖，也是你將該網站加入我的最愛以後，前面的小圖示可以自己製作的方法，不久後有人跟我說他看到一個網站的這個icon會動!後來上網查了一下才知道原來只要多加一條語法就可以達成，當然你自己還是要先做好一個16X16的gif動畫檔
具體的做法是先做好一個16X16的gif動畫檔，傳到你的網站空間上，你可以做更大的他最後還是只會取樣成16×16，通常會變成你不想要的樣子所以還是直接用16X16做比較建議
將你希望產生效果的網頁檔案打開，使用原始碼編輯模式，在
之間任意位置(通常是
之前)，插入以下指令</p>
<p><link rel=’icon’ href=’圖示路徑/檔名.gif’ type=’image/gif’/></p>
<p>ok你做完了，但是呢並不是所有瀏覽器都可以完整支援動態Favicon的，FireFox據說是一定沒問題，有興趣的可以玩玩看，不過我沒有做所以不要盯著我的Favicon看~因為做了我自己也看不到XD->我不是用IE7就是用Opera看，純粹是有朋友問就順便追加補充這篇</p>
</div>
<div class="fl-tags">
<a href="https://otaru.tw/tag/webdesign" rel="tag">網頁設計製作</a> </div>
<div class="fl-sharing">
<div>
<a class="twitter" href="https://twitter.com/intent/tweet?url=https://otaru.tw/uncategorized/%e8%a3%9c%e5%85%85%e6%9c%83%e5%8b%95%e7%9a%84favicon%e5%b0%8f%e5%9c%96%e7%a4%ba&text=%5B%E8%A3%9C%E5%85%85%5D%E6%9C%83%E5%8B%95%E7%9A%84Favicon%E5%B0%8F%E5%9C%96%E7%A4%BA" title="Tweet This!" target="_blank" rel="noopener">
<i class="bi bi-twitter-x"></i>
</a>
<a class="facebook" href="https://www.facebook.com/sharer.php?u=https://otaru.tw/uncategorized/%e8%a3%9c%e5%85%85%e6%9c%83%e5%8b%95%e7%9a%84favicon%e5%b0%8f%e5%9c%96%e7%a4%ba" title="Share on Facebook" target="_blank" rel="noopener">
<i class="bi bi-facebook"></i>
</a>
<a class="linkedin" href="https://www.linkedin.com/sharing/share-offsite/?url=https://otaru.tw/uncategorized/%e8%a3%9c%e5%85%85%e6%9c%83%e5%8b%95%e7%9a%84favicon%e5%b0%8f%e5%9c%96%e7%a4%ba" title="Share on LinkedIn" target="_blank" rel="noopener">
<i class="bi bi-linkedin"></i>
</a>
<a class="pinterest" href="https://pinterest.com/pin/create/button/?url=https://otaru.tw/uncategorized/%e8%a3%9c%e5%85%85%e6%9c%83%e5%8b%95%e7%9a%84favicon%e5%b0%8f%e5%9c%96%e7%a4%ba&media=&description=%5B%E8%A3%9C%E5%85%85%5D%E6%9C%83%E5%8B%95%E7%9A%84Favicon%E5%B0%8F%E5%9C%96%E7%A4%BA" title="Pin this!" target="_blank" rel="noopener">
<i class="bi bi-pinterest"></i>
</a>
<a class="reddit" href="http://www.reddit.com/submit?url=https://otaru.tw/uncategorized/%e8%a3%9c%e5%85%85%e6%9c%83%e5%8b%95%e7%9a%84favicon%e5%b0%8f%e5%9c%96%e7%a4%ba&title=%5B%E8%A3%9C%E5%85%85%5D%E6%9C%83%E5%8B%95%E7%9A%84Favicon%E5%B0%8F%E5%9C%96%E7%A4%BA" title="Share on Reddit" target="_blank" rel="noopener">
<i class="bi bi-reddit"></i>
</a>
<a class="email" href="mailto:?subject=%5B%E8%A3%9C%E5%85%85%5D%E6%9C%83%E5%8B%95%E7%9A%84Favicon%E5%B0%8F%E5%9C%96%E7%A4%BA" title="Share on Email" target="_blank" rel="noopener">
<i class="bi bi-envelope-fill"></i>
</a>
</div>
</div>
</article>
<div id="fl-author">
<a class="author-img" href="https://otaru.tw/author/otaru" title="otaru"><img alt='' src='https://secure.gravatar.com/avatar/643fc9e0a8b723c28524be24234173782de508f08cd7845d09c986ffb1d30a36?s=80&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/643fc9e0a8b723c28524be24234173782de508f08cd7845d09c986ffb1d30a36?s=160&d=mm&r=g 2x' class='avatar avatar-80 photo' height='80' width='80' decoding='async'/></a>
<div class="info">
<span class="fl-meta">Written By</span>
<h3 class="title"><a href="https://otaru.tw/author/otaru" title="「otaru」的文章" rel="author">otaru</a></h3>
<p>創新科技研發 / 遊戲化 (Gamification) 策略 / 互動程式開發 / 一點點動畫製作 / 一些些特效後製 / 一咪咪網站設計 / 一滴滴…</p>
<div class="fl-social-icons">
</div>
</div>
</div>
<div id="fl-prev-next">
<div class="prev item">
<div class="content">
<span class="fl-meta">Previous Post</span>
<h3 class="title"><a href="https://otaru.tw/uncategorized/2007%e5%9c%8b%e9%9a%9b%e9%9b%bb%e5%bd%b1%e8%a3%bd%e7%89%87%e5%b7%a5%e4%bd%9c%e5%9d%8a" rel="prev">2007國際電影製片工作坊</a></h3>
</div>
</div>
<div class="next item">
<div class="content">
<span class="fl-meta">Next Post</span>
<h3 class="title"><a href="https://otaru.tw/research/%e7%a0%94%e8%a8%8e%e6%9c%83%e5%a6%82%e4%bd%95%e6%88%90%e5%8a%9f%e6%8a%95%e7%a8%bfsciei%e5%ad%b8%e8%a1%93%e6%9c%9f%e5%88%8a%e7%a0%94%e7%bf%92%e7%87%9f" rel="next">[研討會]如何成功投稿SCI(EI)學術期刊研習營</a></h3>
</div>
</div>
</div>
<div id="fl-related">
<div class="fl-grid col-3">
<h3 class="fl-section-title minimal"><span class="title">You might also like</span></h3>
<div class="fl-loop-posts ratio-3-4">
<article class="fl-post grid overlay post-3788 post type-post status-publish format-standard hentry category-uncategorized tag-facebook tag-search tag-waordpress tag-news tag-webdesign tag-pc">
<div class="post-header">
<div class="fl-category"><a href="https://otaru.tw/category/uncategorized" rel="category tag">ALL</a></div>
<h2 class="title heading-3"><a href="https://otaru.tw/uncategorized/%e6%90%9c%e5%b0%8bfacebook%e4%b8%8a%e7%99%bc%e8%a1%a8%e9%81%8e%e7%9a%84%e6%96%87%e7%ab%a0-wordpress%e5%8d%87%e7%b4%9a%e5%88%b03-5">搜尋Facebook上發表過的文章 & WordPress升級到3.5</a></h2>
<div class="fl-meta">
<span class="meta date">2012-12-13</span>
<span class="meta time">0 Min Read</span>
</div>
</div>
</article><article class="fl-post grid overlay post-3000 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized tag-colourlovers tag-animationteach tag-multimedia tag-webdesign tag-225">
<a class="fl-picture" href="https://otaru.tw/uncategorized/%e9%85%8d%e8%89%b2%e5%a5%bd%e7%ab%99colourlovers" title="配色好站COLOURlovers">
<img width="600" height="427" src="https://otaru.tw/wp-content/uploads/2012/09/color1.jpg" class="attachment-rosana_medium size-rosana_medium wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://otaru.tw/wp-content/uploads/2012/09/color1.jpg 600w, https://otaru.tw/wp-content/uploads/2012/09/color1-300x214.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /> </a>
<div class="post-header">
<div class="fl-category"><a href="https://otaru.tw/category/uncategorized" rel="category tag">ALL</a></div>
<h2 class="title heading-3"><a href="https://otaru.tw/uncategorized/%e9%85%8d%e8%89%b2%e5%a5%bd%e7%ab%99colourlovers">配色好站COLOURlovers</a></h2>
<div class="fl-meta">
<span class="meta date">2012-09-23</span>
<span class="meta time">0 Min Read</span>
</div>
</div>
</article><article class="fl-post grid overlay post-2792 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized tag-121 tag-122 tag-animationteach tag-multimedia tag-145 tag-176 tag-webdesign">
<a class="fl-picture" href="https://otaru.tw/uncategorized/%e4%b8%ad%e6%96%87%e5%85%a8%e5%ad%97%e5%ba%ab-%e6%9b%b8%e6%b3%95%e5%ad%97%e4%bd%bf%e7%94%a8%e6%95%99%e5%ad%b8" title="中文全字庫 – 書法字使用教學">
<img width="600" height="416" src="https://otaru.tw/wp-content/uploads/2012/09/CN.jpg" class="attachment-rosana_medium size-rosana_medium wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://otaru.tw/wp-content/uploads/2012/09/CN.jpg 600w, https://otaru.tw/wp-content/uploads/2012/09/CN-300x208.jpg 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /> </a>
<div class="post-header">
<div class="fl-category"><a href="https://otaru.tw/category/uncategorized" rel="category tag">ALL</a></div>
<h2 class="title heading-3"><a href="https://otaru.tw/uncategorized/%e4%b8%ad%e6%96%87%e5%85%a8%e5%ad%97%e5%ba%ab-%e6%9b%b8%e6%b3%95%e5%ad%97%e4%bd%bf%e7%94%a8%e6%95%99%e5%ad%b8">中文全字庫 – 書法字使用教學</a></h2>
<div class="fl-meta">
<span class="meta date">2012-09-16</span>
<span class="meta time">0 Min Read</span>
</div>
</div>
</article> </div>
</div>
</div>
<div id="comments" class="fl-comments">
<h3 class="fl-section-title minimal"><span class="title">
Leave a Reply </span></h3>
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">發表迴響<small><a rel="nofollow" id="cancel-comment-reply-link" href="/uncategorized/%e8%a3%9c%e5%85%85%e6%9c%83%e5%8b%95%e7%9a%84favicon%e5%b0%8f%e5%9c%96%e7%a4%ba#respond" style="display:none;">取消回覆</a></small></h3> <form id="commentform" class="comment-form">
<iframe
title="留言表單"
src="https://jetpack.wordpress.com/jetpack-comment/?blogid=97158377&postid=216&comment_registration=0&require_name_email=1&stc_enabled=1&stb_enabled=1&show_avatars=1&avatar_default=mystery&greeting=%E7%99%BC%E8%A1%A8%E8%BF%B4%E9%9F%BF&jetpack_comments_nonce=cbfc4731df&greeting_reply=%E5%B0%8D+%25s+%E7%99%BC%E8%A1%A8%E8%BF%B4%E9%9F%BF&color_scheme=light&lang=zh_TW&jetpack_version=15.8&iframe_unique_id=1&show_cookie_consent=10&has_cookie_consent=0&is_current_user_subscribed=0&token_key=%3Bnormal%3B&sig=2cc72b1bb9f0ce0e5d583f01e2e0cbd42039c154#parent=https%3A%2F%2Fotaru.tw%2Funcategorized%2F%25e8%25a3%259c%25e5%2585%2585%25e6%259c%2583%25e5%258b%2595%25e7%259a%2584favicon%25e5%25b0%258f%25e5%259c%2596%25e7%25a4%25ba"
name="jetpack_remote_comment"
style="width:100%; height: 430px; border:0;"
class="jetpack_remote_comment"
id="jetpack_remote_comment"
sandbox="allow-same-origin allow-top-navigation allow-scripts allow-forms allow-popups"
>
</iframe>
<!--[if !IE]><!-->
<!--<![endif]-->
</form>
</div>
<input type="hidden" name="comment_parent" id="comment_parent" value="" />
<p class="akismet_comment_form_privacy_notice">這個網站採用 Akismet 服務減少垃圾留言。<a href="https://akismet.com/privacy/" target="_blank" rel="nofollow noopener">進一步了解 Akismet 如何處理網站訪客的留言資料</a>。</p>
</div>
</div>
</div>
<!-- Footer -->
<footer id="fl-footer">
<div id="fl-copyrights">
<div class="copyrights">
© 2025 小春天工坊. </div>
<div class="menu-footer-container"><ul id="menu-footer" class="menu"><li id="menu-item-7269" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7269"><a href="https://otaru.tw/category/archive">Archive</a></li>
<li id="menu-item-7270" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7270"><a href="https://otaru.tw/privacy">隱私權政策</a></li>
</ul></div> </div>
</footer>
<!-- End Document -->
<!-- Instagram Feed JS -->
<script data-jetpack-boost="ignore" id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://otaru.tw/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
</script>
<script type='text/javascript' src='https://otaru.tw/wp-includes/js/jquery/jquery-migrate.min.js?m=1695126587'></script><script type="text/javascript">
const userPrefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
if ( document.cookie.indexOf('rosana_color_theme=dark') > -1 || (userPrefersDark && document.cookie.indexOf('rosana_color_theme=light') === -1) ) {
document.documentElement.setAttribute('data-theme', 'dark');
document.addEventListener("DOMContentLoaded", function() {
document.getElementById('fl-darkmode').checked = true;
});
}
</script><script>
document.addEventListener('DOMContentLoaded', function () {
var commentForms = document.getElementsByClassName('jetpack_remote_comment');
for (var i = 0; i < commentForms.length; i++) {
commentForms[i].allowTransparency = false;
commentForms[i].scrolling = 'no';
}
});
</script><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/rosana-child/*","/wp-content/themes/rosana/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script><script id='kirki-viewport-lists'>var kirkiViewports = {"md":{"value":1200,"scale":1,"minWidth":1200,"maxWidth":1200,"title":"Desktop","icon":"desktop","activeIcon":"desktop-hover","id":"md","type":"max"},"tablet":{"value":991,"scale":1,"minWidth":991,"maxWidth":991,"title":"Tablet","icon":"tablet-default","activeIcon":"tablet-hover","type":"max","id":"tablet"},"mobileLandscape":{"value":767,"scale":1,"minWidth":767,"maxWidth":767,"title":"Landscape","icon":"phone-hr-default","activeIcon":"phone-hr-hover","type":"max","id":"mobileLandscape"},"mobile":{"value":575,"scale":1,"minWidth":575,"maxWidth":575,"title":"Mobile","icon":"phone-vr-default","activeIcon":"phone-vr-hover","type":"max","id":"mobile"}};</script><script id='kirki-variable-lists'>var kirkiCSSVariable = {"data":[{"title":"Colors","key":"color","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Numbers","key":"size","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Text Styles","key":"text-style","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Font Family","key":"font-family","modes":[{"title":"Default","key":"default"}],"variables":[]}]};</script><script id="kirki-api-and-nonce">
window.wp_kirki = {
ajaxUrl: "https://otaru.tw/wp-admin/admin-ajax.php",
restUrl: "https://otaru.tw/wp-json/",
siteUrl: "https://otaru.tw",
apiVersion: "v1",
postId: "216",
nonce: "6e8a6da840",
call_from: "",
templateId: "",
context: {"id":216,"type":"post"}
};
</script><script type="text/javascript">
var sbiajaxurl = "https://otaru.tw/wp-admin/admin-ajax.php";
</script><script type="text/javascript" id="rosana-script-js-extra">
/* <![CDATA[ */
var rosana = {"ajaxurl":"https://otaru.tw/wp-admin/admin-ajax.php","query_vars":"{\"page\":\"\",\"name\":\"%e8%a3%9c%e5%85%85%e6%9c%83%e5%8b%95%e7%9a%84favicon%e5%b0%8f%e5%9c%96%e7%a4%ba\",\"category_name\":\"uncategorized\"}","layout":"grid_boxed","post_1":"","ajax_end":"\u003Cdiv class=\"fl-ajax-end\"\u003ESorry, No More Posts to Load!\u003C/div\u003E"};
//# sourceURL=rosana-script-js-extra
/* ]]> */
</script><script type='text/javascript' src='https://otaru.tw/wp-content/boost-cache/static/c1b8765343.min.js'></script><script type="text/javascript" id="jetpack-stats-js-before">
/* <![CDATA[ */
_stq = window._stq || [];
_stq.push([ "view", {"v":"ext","blog":"97158377","post":"216","tz":"8","srv":"otaru.tw","j":"1:15.8"} ]);
_stq.push([ "clickTrackerInit", "97158377", "216" ]);
//# sourceURL=jetpack-stats-js-before
/* ]]> */
</script><script type="text/javascript" src="https://stats.wp.com/e-202622.js" id="jetpack-stats-js" defer="defer" data-wp-strategy="defer"></script><script defer type='text/javascript' src='https://otaru.tw/wp-content/plugins/akismet/_inc/akismet-frontend.js?m=1777092672'></script><script type="module">
/* <![CDATA[ */
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://otaru.tw/wp-includes/js/wp-emoji-loader.min.js
/* ]]> */
</script><script type="text/javascript">
(function () {
const iframe = document.getElementById( 'jetpack_remote_comment' );
const watchReply = function() {
// Check addComment._Jetpack_moveForm to make sure we don't monkey-patch twice.
if ( 'undefined' !== typeof addComment && ! addComment._Jetpack_moveForm ) {
// Cache the Core function.
addComment._Jetpack_moveForm = addComment.moveForm;
const commentParent = document.getElementById( 'comment_parent' );
const cancel = document.getElementById( 'cancel-comment-reply-link' );
function tellFrameNewParent ( commentParentValue ) {
const url = new URL( iframe.src );
if ( commentParentValue ) {
url.searchParams.set( 'replytocom', commentParentValue )
} else {
url.searchParams.delete( 'replytocom' );
}
if( iframe.src !== url.href ) {
iframe.src = url.href;
}
};
cancel.addEventListener( 'click', function () {
tellFrameNewParent( false );
} );
addComment.moveForm = function ( _, parentId ) {
tellFrameNewParent( parentId );
return addComment._Jetpack_moveForm.apply( null, arguments );
};
}
}
document.addEventListener( 'DOMContentLoaded', watchReply );
// In WP 6.4+, the script is loaded asynchronously, so we need to wait for it to load before we monkey-patch the functions it introduces.
document.querySelector('#comment-reply-js')?.addEventListener( 'load', watchReply );
const commentIframes = document.getElementsByClassName('jetpack_remote_comment');
window.addEventListener('message', function(event) {
if (event.origin !== 'https://jetpack.wordpress.com') {
return;
}
if (!event?.data?.iframeUniqueId && !event?.data?.height) {
return;
}
const eventDataUniqueId = event.data.iframeUniqueId;
// Change height for the matching comment iframe
for (let i = 0; i < commentIframes.length; i++) {
const iframe = commentIframes[i];
const url = new URL(iframe.src);
const iframeUniqueIdParam = url.searchParams.get('iframe_unique_id');
if (iframeUniqueIdParam == event.data.iframeUniqueId) {
iframe.style.height = event.data.height + 'px';
return;
}
}
});
})();
</script></body>
</html> 