<プレ> </プレ>、<iフレーム> </ iフレーム>、<マーキー> </マーキー>

<pre></pre>

<pre>書式設定されたテキストはラベル事前に定義できます。テキスト<pre>内のテキストは通常​​、スペースと改行を保持し、テキストも等幅フォントで表示されます。

  • <pre>タグの一般的な用途は、コンピューターのソースコードを表すことです。
  • <pre>要素はブロックレベルの要素です
  • <pre>テキストとインライン要素のみを含めることができ、ブロックレベルの要素をそれらに配置することはできません
  • タブ文字タブ<pre>は、ラベルで定義されたブロックで適切な役割を果たすことができます。各タブ文字は8文字の位置を占めますが、ブラウザによってタブの形式が異なるため、タブの使用はお勧めしません。同じ。<pre>フォーマットされた文書のセグメントにスペースを使用してテキストの正確な水平位置を確保するためにタグを。
  <pre>
    hhhhhhhhhhhhhh    hhhhhhhhhhhhhh 
    hhhhhhhhhhhh ooooooo
  </pre>
<style>
  pre{
     
     
    border: 1px solid rgb(13, 135, 206);
  }
</style>

ここに画像の説明を挿入します

<iframe></iframe>

  • <iframe> ラベルはインラインフレームを指定します。
  • インラインフレームは、現在のHTMLドキュメントに別のドキュメントを埋め込むために使用されます。
  • サポートされていないブラウザを処理できるように、との間に必要なテキストを入れることができます。
  • CSSを使用してスタイル(スクロールバーを含む)を定義します。
  <iframe src="https://www.baidu.com">
    <p>您的浏览器不支持  iframe 标签。</p>
  </iframe>

ここに画像の説明を挿入します

<marquee></marquee>

属性:

  • 動作は、スクロール方法を
    交互に設定
    ます:前後にスクロールますスクロール:スクロールを繰り返します
    スライド:スクロールを繰り返さない

  • bgcolorは、アクティブな字幕の背景色を設定します

  • 方向:
    アクティブな字幕のスクロール方向を下に設定します:アクティブな字幕のスクロール方向を
    左下に設定します:アクティブな字幕
    のスクロール方向を左右に設定
    します:アクティブな字幕のスクロール方向を右上に設定します:のスクロール方向アクティブな字幕がアップ

  • 高さ:アクティブな字幕の高さを設定します

  • width:アクティブな字幕の幅を設定します

  • loop:スクロールの数を設定し、loop = -1の場合はスクロールを続けます。デフォルトは-1です。

  • scrollamount:アクティブな字幕のスクロール速度の単位ピクセルを設定します

  • scrolldelay:字幕の2つのスクロール間の遅延時間(ミリ秒単位)

  • css属性
    ここに画像の説明を挿入します

   <marquee>HELLO WORLD</marquee>

    <marquee behavior="alternate">来回滚动</marquee>
    <marquee behavior="scroll">重复滚动</marquee>
    <marquee behavior="slide">不重复滚动</marquee>
  
    <marquee behavior="alternate" bgcolor="red">来回滚动</marquee>
  
    <marquee behavior="alternate" loop="2">滚动</marquee>
  
    <marquee scrolldelay="20" direction="Left">Welcome!</marquee>
    <marquee scrolldelay="20" direction="right">Welcome!</marquee>
    <marquee scrolldelay="20" direction="up">Welcome!</marquee>
    <marquee scrolldelay="20" direction="down">Welcome!</marquee>

ここに画像の説明を挿入します

おすすめ

転載: blog.csdn.net/qq_43812504/article/details/112939776