html滾動標簽教學教程

使用ｈｔｍｌ滾動標簽不僅可以移動文字，還可以移動圖片。

本節單詞記憶：標簽　１．ｍａｒｑｕｅｅ　屬性　１．ｄｉｒｅｃｔｉｏｎ　２．ｓｃｒｏｌｌｄｅｌａｙ

ｈｔｍｌ語言非常簡單，不需要邏輯理解，而絕大部分朋友覺得它難以掌握，９０％的原因在於英語單詞不過關，所以每節記憶幾個單詞是非常有必要的。

語法：

＜ＭＡＲＱＵＥＥ　　ｓｃｒｏｌｌｄｅｌａｙ＝＂１００＂　　ｄｉｒｅｃｔｉｏｎ＝＂ｕｐ＂＞
　　滾動文字或圖像
＜／ＭＡＲＱＵＥＥ＞

其中，ｓｃｒｏｌｌｄｅｌａｙ：表示滾動延遲時間，默認值為９０ｍｓ。ｄｉｒｅｃｔｉｏｎ：表示滾動的方向，默認為從右向左。可以取下面４個值：ｕｐ、ｄｏｗｎ、ｌｅｆｔ、ｒｉｇｈｔ，使用ｄｉｒｅｃｔｉｏｎ屬性來設置文字或圖片的滾動方向。

示例１：

＜ＨＴＭＬ＞
＜ＨＥＡＤ＞
＜ＴＩＴＬＥ＞滾動字幕＜／ＴＩＴＬＥ＞
＜／ＨＥＡＤ＞
＜ＢＯＤＹ＞
　　　＜ＭＡＲＱＵＥＥ　ｓｃｒｏｌｌｄｅｌａｙ　＝＂１００＂＞水平滾動＜／ＭＡＲＱＵＥＥ＞
　　　＜ＭＡＲＱＵＥＥ　ｓｃｒｏｌｌｄｅｌａｙ　＝＂３００＂　　ｄｉｒｅｃｔｉｏｎ＝＂ｕｐ＂　　ｏｎｍｏｕｓｅｏｖｅｒ＝＂ｔｈｉｓ．ｓｔｏｐ（）＂　ｏｎＭｏｕｓｅＯｕｔ＝＂ｔｈｉｓ．ｓｔａｒｔ（）＂＞
　　　　　　＜Ａ　ｈｒｅｆ＝＂＃＂＞＜ＩＭＧ　ｓｒｃ＝＂ｉｍａｇｅｓ／ｓｃｒｏｌｌ／１．ｇｉｆ＂　ｂｏｒｄｅｒ＝＂０＂　ａｌｉｇｎ＝＂ｍｉｄｄｌｅ＂＞　Ａｖｏｎ化妝品＜／Ａ＞＜ＢＲ＞
　　　　　　＜Ａ　ｈｒｅｆ＝＂＃＂＞＜ＩＭＧ　ｓｒｃ＝＂ｉｍａｇｅｓ／ｓｃｒｏｌｌ／２．ｇｉｆ＂　　ｂｏｒｄｅｒ＝＂０＂　ａｌｉｇｎ＝＂ｍｉｄｄｌｅ＂＞　雅詩蘭黛　＜／Ａ＞＜ＢＲ＞
　　＜／ＭＡＲＱＵＥＥ＞
＜／ＢＯＤＹ＞
＜／ＨＴＭＬ＞

示例１在浏覽器中預覽效果如圖圖片和字都會上下滾動。

本章重點

●　ＨＴＭＬ文檔是包含標記標簽的文本文件，這些標簽告訴Ｗｅｂ浏覽器如何顯示頁面。

●　＜ＨＴＭＬ＞標簽不區分大小寫。

●　＜ＭＥＴＡ＞標簽放置在網頁的標題處，以提供關於頁面的信息。如設置網頁的編碼語系等。

●　＜ＦＯＮＴ＞標簽可改變字體大小、顏色和字體類型，＜Ｐ＞標簽和＜ＢＲ＞標簽可分別實現換段、換行。

●　＜ＩＭＧ＞標簽可實現在網頁中插入圖片，並可通過ａｌｉｇｎ屬性來調整圖像相對於周圍文本的對齊方式。

●　錨記＜Ａ＞標簽用於標識充當ＨＴＭＬ文檔中文本或圖像的超級鏈接。ｈｒｅｆ參數指定要鏈接的文件地址。

●　＜ＭＡＲＱＵＥＥ＞標簽用於在網頁中實現文字、圖片、表格等對象的滾動效果。

本章作業：

制作如下圖網頁。

以上就是精品學習提供的關於ｈｔｍｌ滾動標簽的內容，希望能夠帶給您幫助。