国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

目次
HTML マーキータグの屬性
HTML マーキー タグの例
例 #1 – マーキー左
例 #2 – 右マーキー
例 #3 – マーキーアップ
例 #4 – マーキーダウン
例 #5 – ネストされたマーキー
例 #6 – マーキーの速度比較
例 #7 – マーケの背景色とスペース
結(jié)論

HTMLマーキータグ

Sep 04, 2024 pm 04:23 PM
html html5 HTML Tutorial HTML Properties HTML tags

HTML のマーキー タグは、Web ページ內(nèi)のテキストまたは畫(huà)像上にスクロールを作成するために使用されます。これにより、左から右、右から左、上から下、下から上などのあらゆる種類のスクロールが可能になります。 HTML でのこのタグの構(gòu)文は、これはテキストのスクロールです…< /marquee> 。「marquee」タグは、必要なスクロールのプロパティを記述するために使用されます。他によく使用されるマーキー屬性には、behaviour、hspace、scrollamount、scrolllay、truespeed、vspace などがあります。

構(gòu)文:

マーキーは、 を使用して使用できます。要素。構(gòu)文は次のように記述できます。

<html>
<body>
<marquee direction="up" height="150" width="250" bgcolor="white">This is scrolling of the text...</marquee>
</body>
</html>

HTML マーキータグの屬性

以下は、<マーキー>でサポートされている屬性です。タグ。

  1. 動(dòng)作: 代替、スクロール、スライドなどの値の 1 つであるテキストをスクロールするアクション。
  2. bgcolor: 背景色を與えます。
  3. direction: テキストをスクロールする方向を左、右、上、下の値で指定します。デフォルトの方向値は左です。
  4. 高さ: マーキーの高さを定義します。
  5. hspace: この屬性は、マーキー要素の周囲に水平方向のスペースを提供します。
  6. loop: テキストをスクロールできる回?cái)?shù)を定義します。デフォルト値が -1 の場(chǎng)合、マーキーは継続的にループします。
  7. scrollamount: 各間隔のスクロール量を指定します。スクロール量が定義されていない場(chǎng)合、デフォルト値は 6 です。
  8. scrolllay: スクロール遅延をミリ秒?yún)g位で與えます。スクロール量が定義されていない場(chǎng)合、デフォルト値は 6 です。
  9. truespeed: スクロール遅延値 60 を示すために使用されます。
  10. vspace: この屬性は、マーキー要素の周囲に垂直方向のスペースを提供します。
  11. width: マーキーの幅を定義します。

HTML マーキー タグの例

以下で説明する HTML マーキー タグの例を次に示します。

例 #1 – マーキー左

このタイプのマーキーは、コンテンツを左側(cè)から移動(dòng)するために使用できます。

コード:

<!DOCTYPE html>
<html>
<head>
<title>Left Marquee</title>
<style>
.mrq_class {
text-align:center;
}
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
.txt {
font-size:30px;
font-weight:italic;
color:white;
padding-bottom:10px;
}
</style>
</head>
<body>
<div class = "mrq_class">
<marquee class="marq_class1" bgcolor = "grey" direction = "left" loop="" >
<div class="txt">Welcome to EDUCBA...</div>
<div>EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries.</div>
</marquee>
</div>
</body>
</html>

出力:

  • 上記のコードを .html 拡張子を付けてファイルに保存します
  • ブラウザで HTML ファイルを?qū)g行すると、以下の畫(huà)像に示すような出力が得られます

HTMLマーキータグ

例 #2 – 右マーキー

このタイプのマーキーは、コンテンツを右側(cè)に移動(dòng)するために使用できます。

コード:

<!DOCTYPE html>
<html>
<head>
<title>Right Marquee</title>
<style>
.mrq_class {
text-align:center;
}
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
.txt {
font-size:30px;
font-weight:italic;
color:white;
padding-bottom:10px;
}
</style>
</head>
<body>
<div class = "mrq_class">
<marquee class="marq_class1" bgcolor = "grey" direction = "right" loop="" >
<div class="txt">Welcome to EDUCBA...</div>
<div>EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries.</div>
</marquee>
</div>
</body>
</html>

出力:

HTMLマーキータグ

例 #3 – マーキーアップ

このタイプのマーキーは、コンテンツを上側(cè)に移動(dòng)するために使用できます。

コード:

<!DOCTYPE html>
<html>
<head>
<title>Up Marquee</title>
<style>
.mrq_class {
text-align:center;
}
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
.txt {
font-size:30px;
font-weight:italic;
color:white;
padding-bottom:10px;
}
</style>
</head>
<body>
<div class = "mrq_class">
<marquee class="marq_class1" bgcolor = "grey" direction = "up" loop="" >
<div class="txt">Welcome to EDUCBA...</div>
<div>EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries.</div>
</marquee>
</div>
</body>
</html>

出力:

HTMLマーキータグ

例 #4 – マーキーダウン

このタイプのマーキーは、コンテンツを下側(cè)に移動(dòng)するために使用できます。

コード:

<!DOCTYPE html>
<html>
<head>
<title>Down Marquee</title>
<style>
.mrq_class {
text-align:center;
}
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
.txt {
font-size:30px;
font-weight:italic;
color:white;
padding-bottom:10px;
}
</style>
</head>
<body>
<div class = "mrq_class">
<marquee class="marq_class1" bgcolor = "grey" direction = "down" loop="" >
<div class="txt">Welcome to EDUCBA...</div>
<div>EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries.</div>
</marquee>
</div>
</body>
</html>

出力:

HTMLマーキータグ

例 #5 – ネストされたマーキー

このタイプのマーキーは、コンテンツをネストするために使用できます。

コード:

<!DOCTYPE html>
<html>
<head>
<title>Nested Marquee</title>
<style>
.mrq_class {
text-align:center;
}
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
.txt {
font-size:30px;
font-weight:italic;
color:white;
padding-bottom:10px;
}
</style>
</head>
<body>
<div class = "mrq_class">
<marquee class="marq_class1" bgcolor = "grey" direction = "down" behavior="alternate" height="150" >
<marquee behavior="alternate"><div class="txt">Welcome to EDUCBA...</div></marquee>
<div>EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries.</div>
</marquee>
</div>
</body>
</html>

出力:

HTMLマーキータグ

例 #6 – マーキーの速度比較

マーキー要素の速度は、scrolllay 屬性を使用して指定できます。

コード:

<!DOCTYPE html>
<html>
<head>
<title>Nested Marquee</title>
<style>
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
</style>
</head>
<body>
<marquee class="marq_class1" bgcolor = "grey" direction = "down" behavior="alternate" height="150" >
<marquee scrolldelay="80" scrollamount="7">Welcome to EDUCBA...(normal speed)</marquee>
<marquee scrolldelay="60" scrollamount="12" truespeed>Welcome to EDUCBA...(This is very speed)</marquee>
<marquee scrolldelay="250" scrollamount="4">Welcome to EDUCBA...(This is very slow)</marquee>
</marquee>
</body>
</html>

出力:

HTMLマーキータグ

例 #7 – マーケの背景色とスペース

このタイプのマーキーは、マーキー要素の背景色とスペースを設(shè)定するために使用できます。

コード:

<!DOCTYPE html>
<html>
<head>
<title>Marquee Background and Space</title>
<style>
.mrq_class {
text-align:center;
}
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
</style>
</head>
<body>
<div class = "mrq_class">
<marquee class="marq_class1"? bgcolor="#d9d9ff" hspace="50" vspace="20">
<div>EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries.</div>
</marquee>
</div>
</body>
</html>

出力:

HTMLマーキータグ

結(jié)論

これまで、マーキー タグを使用して Web ページ上にスクロール テキストを作成する方法を研究してきました。ユーザーは、Web サイト上で水平方向または垂直方向にスクロールするテキストを簡(jiǎn)単に作成できます。この要素は非推奨となっており、使用されなくなります。スクロール効果を?qū)g現(xiàn)するには、CSS または JavaScript が使用されます。

以上がHTMLマーキータグの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。

このウェブサイトの聲明
この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見(jiàn)つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脫衣畫(huà)像を無(wú)料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

寫真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無(wú)料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無(wú)料のコードエディター

SublimeText3 中國(guó)語(yǔ)版

SublimeText3 中國(guó)語(yǔ)版

中國(guó)語(yǔ)版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強(qiáng)力な PHP 統(tǒng)合開(kāi)発環(huán)境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開(kāi)発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

なぜ私の畫(huà)像がHTMLに表示されないのですか? なぜ私の畫(huà)像がHTMLに表示されないのですか? Jul 28, 2025 am 02:08 AM

表示されていない畫(huà)像は、通常、ファイルパスの間違ったパス、ファイル名または拡張機(jī)能、HTML構(gòu)文の問(wèn)題、またはブラウザキャッシュによって引き起こされます。 1. SRCパスがファイルの実際の位置と一致していることを確認(rèn)し、正しい相対パスを使用します。 2.ファイル名のケースと拡張機(jī)能が正確に一致するかどうかを確認(rèn)し、URLに直接入力して畫(huà)像をロードできるかどうかを確認(rèn)します。 3.IMGタグ構(gòu)文が正しいかどうかを確認(rèn)し、冗長(zhǎng)文字がなく、ALT屬性値が適切であることを確認(rèn)してください。 4.ページを強(qiáng)制的に更新するか、キャッシュをクリアするか、Incognitoモードを使用してキャッシュ干渉を排除してください。この順序でのトラブルシューティングは、ほとんどのHTML畫(huà)像表示の問(wèn)題を解決できます。

別のタグ內(nèi)にタグを入れることはできますか? 別のタグ內(nèi)にタグを入れることはできますか? Jul 27, 2025 am 04:15 AM

youcannotnesttagsinsisideantagbecuseit’sinvalidhtml; browsersautomatelycloseThefirsteforeopeningthenext、spedinginselementsied、useinlineelements like like like、orforstylingwithinaparagraph、またはblockainerslikegoriveparagragh

HTMLで順序付けられていないリストを作成する方法は? HTMLで順序付けられていないリストを作成する方法は? Jul 30, 2025 am 04:50 AM

HTML Unoderedリストを作成するには、タグを使用してリストコンテナを定義する必要があります。各リストアイテムはタグで包まれており、ブラウザは自動(dòng)的に弾丸を追加します。 1.タグを使用してリストを作成します。 2。各リスト項(xiàng)目はタグで定義されています。 3.ブラウザは、デフォルトのドットシンボルを自動(dòng)的に生成します。 4。サブリストはネスティングを通じて実裝できます。 5。CSSのリストスタイルタイプの屬性を使用して、ディスク、サークル、スクエア、またはなしなどのシンボルスタイルを変更します。これらのタグを正しく使用して、標(biāo)準(zhǔn)の非秩序化リストを生成します。

コンテンツ誘導(dǎo)性の屬性を使用する方法は? コンテンツ誘導(dǎo)性の屬性を使用する方法は? Jul 28, 2025 am 02:24 AM

thecontentEdentedItedItableattributemakesanyhtmlementedabledaitbyaddingcontenteditable = "true"、avainusErstodirectlymodifyContentinthebrowser.2.ItiscommonlyLichTexteditors、note-takingApps、およびin-place-placeditingintingintingintingintingintingtintingtintingtediv

SEOとアクセシビリティのセマンティックHTMLの重要性 SEOとアクセシビリティのセマンティックHTMLの重要性 Jul 30, 2025 am 05:05 AM

semantichtmlimprovesbothseoandaccessibilityを使用することはできません

html5 schema.orgマークアップを使用してカスタム語(yǔ)彙を定義します。 html5 schema.orgマークアップを使用してカスタム語(yǔ)彙を定義します。 Jul 31, 2025 am 10:50 AM

Schema.orgタグは、セマンティックタグ(アイテムスコープ、アイテムタイプ、アイテムプロップなど)を使用して、検索エンジンがWebページコンテンツの構(gòu)造化データ形式を理解するのに役立ちます。カスタム語(yǔ)彙を定義するために使用できます。方法には、既存のタイプの拡張や追加のタイプを使用して新しいタイプの導(dǎo)入が含まれます。実際のアプリケーションでは、構(gòu)造を明確に保ち、公式の屬性の使用を優(yōu)先し、コードの妥當(dāng)性をテストし、カスタムタイプにアクセスできるようにします。予防策には、部分的なサポートの受け入れ、綴りエラーの回避、JSON-LDなどの適切な形式の選択が含まれます。

HTMLフォームで検索入力フィールドを作成する方法 HTMLフォームで検索入力フィールドを作成する方法 Aug 02, 2025 pm 04:44 PM

usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse

HTMLのリンクタグのREL屬性の目的は何ですか? HTMLのリンクタグのREL屬性の目的は何ですか? Aug 03, 2025 pm 04:50 PM

rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon;

See all articles