HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLでテレタイプテキストを作成するにはどうすればよいですか？

HTMLの<tt>タグとは？

HTMLの<tt>タグは、テキストをテレタイプ（タイプライター風の等幅フォント）で表示するための要素です。かつては、等幅テキストを手軽に表現できる便利なタグとして広く利用されていました。

注意：このタグはHTML5ではサポートされていません（廃止・非推奨）。そのため、現在のWeb制作では使用しないことが推奨されます。

HTML5以降の代替手段

等幅フォントのテキストを表示したい場合は、目的に応じて以下の方法を使い分けましょう。

  • <code>タグ：プログラムのソースコードを表示する
  • <kbd>タグ：キーボードからの入力操作を表示する
  • <samp>タグ：プログラムの出力結果を表示する
  • CSSのfont-family: monospace;：任意の要素に等幅フォントを適用する

コード例

以下は、<tt>タグを使用してテレタイプテキストを表示する基本的なサンプルコードです。

<!DOCTYPE html>
<html>
  <head>
    <title>HTML tt Tag</title>
  </head>
  <body>
    <p>Qries</p>
    <tt>Knowledge for all</tt>
  </body>
</html>

このコードを実行すると、<tt>タグで囲まれた「Knowledge for all」の部分が等幅フォントで表示され、通常のテキストとの違いが確認できます。

  1. HTMLで参考文献（Bibliography）を作成する方法

    参考文献（Bibliography）とは、執筆時に参照した書籍や資料の一覧をまとめて記載するセクションのことです。HTMLを使えば、こうした参考文献リストを簡単に作成できます。具体的には、<ol>タグで書籍を番号付きリストとして列挙し、<cite>タグで作品のタイトルをマークアップします。 <cite>タグは、書籍のタイトルだけでなく、楽曲、絵画、映画など、さまざまな作品のタイトルを示す際にも使用できます。このタグは「引用」を意味しており、タグ内に記述した内容はすべて作品のタイトルとして扱われます。 サンプルコード それでは、実際にHTMLで参考文献リスト

  2. 【HTML】textareaタグで複数行のテキスト入力エリアを作成する方法

    HTMLで複数行のテキスト入力欄を作成するには、<textarea>タグを使用します。cols属性とrows属性を指定することで、テキストエリアのサイズを自由に調整できます。このタグは主に<form>タグの中で使われ、お問い合わせフォームのコメント欄など、ユーザーが複数行にわたる文章を入力できるようにしたい場合に活用されます。 それでは、<textarea>タグで利用できる主な属性を一覧で確認していきましょう。 属性値説明 autofocusautofocusページ読み込み時に、テキストエリアへ自動的にフォーカスを当てることを指定します。 cols