網頁設計中常用的HTML程式碼

hua520064發表於2020-12-15


大家都知道網頁的主體都是HTML程式碼,那麼網頁設計中常用的HTML程式碼有哪些呢?今天主要講一下html常用程式碼。總結有8個在網頁設計中常用到的html基本程式碼,分別如下:    1.在網頁中設定自己的瀏覽器ico圖示先準備一個.ico的檔案放置在站點的根目錄下、並在網頁中加入以下程式碼 <head>  <!--IE位址列前換成自己的圖示-->  <link rel="Shortcut Icon" href="http://網址/favicon.ico">  <!--可以在收藏夾中顯示出你的圖示-->  <link rel="Bookmark" href="http://網址/favicon.ico"> </head>link 為網頁中的連結標籤。rel 指定ico圖示將要顯示的地方href 設定的ico檔案地址或路徑。


    2.在網頁中設定背景音樂只適用於IE <bgsound src=' loop='-1'>對Netscape ,IE 都適用 <embed src="地址" autostart="true" loop="true" hidden="true">bgsound 為網頁中的聲音標籤。src 設定音樂的URL地址或路徑。loop 設定迴圈播放的次數,-1為無限迴圈。


    3.讓body中的文字不被選中 <body false"> 定義網頁的關鍵字(KeyWords)為了使網頁在搜尋引擎中能很容易地被檢索到,準確定義網頁中的關鍵字是一項很重要的工作。定義網頁中的關鍵字,在原始碼中的<head>與</head>標籤中,新增如下程式碼:


 <meta name="keywords" content="Dreamweaver,Flash,Fireworks">在Dreamweaver中用(Insert)插入 → (HTML) → (Head)標頭檔案標籤 → (KeyWords)關鍵字。為了提高檢索的命中率,我們可以重複多次使用同一個關鍵字,content中的即為關鍵字,用逗號隔開。


    4.自動加入網頁更改後的日期只需要在原始檔<body>與</body>之間新增如下程式碼即可。


 <Script Language="javascript"> <!--  document.write("Last Updated:"+document.lastModified); --> </Script>在瀏覽器中的顯示樣式為: Last Updated:07/22/2010 08:24:48    5.去除圖片連線的虛線邊框 <a href="地址" <img src="../images/logo.gif" border="0"></a>


    6.虛線效果水平線 <hr width="50%" style="border:3px dashed #FF0000; height:3px">演示效果: 定時自動重新整理網頁 <head>  <meta http-equiv="refresh" content="360; url=index.html"> </head>content 設定自動重新整理的間隔時間,單位是秒。url 設定自動重新整理的頁面,若不寫則自動重新整理當前本頁。也可指定其它地址,到達自動定時跳轉頁面效果


    7.自定義連結時狀態列的顯示文字 <a href="index.html" ... 我自定的文字'; return true">中國網頁設計</a>當滑鼠移到連結上,狀態列上將顯示自定義的文字,即:這裡是 ... 我自定的文字


    8.跳到頁面的頂部 <a href="#top">返回本面頂部</a>當然你也可以用按鈕或圖片,例如:返回本面頂部


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69989158/viewspace-2742357/,如需轉載,請註明出處,否則將追究法律責任。

相關文章