Htmlのタグ

< > テキストの意味付け

<a> : リンクを指定する
<abbr> : 略語（頭字語以外）であることを表す
: 文字を太文字にする
: 改行を行う
<bdi> : ページの書字方向とは別の書字方向を指定する
<bdo> : 書字方向を指定する
<cite> : 出典先、参照先を表す
<code> : プログラムやスクリプトとして扱う
<dfn> : 定義用語として扱う
: 強調する
: 文字を斜体（イタリック）にする
<kbd> : キーボード入力される文字であることを示す
: 文章内のテキストをハイライトして目立たせる
<q> : 引用文であることを表す（短文用）
<rb> : ルビをふる文字を指定する
<ruby> : ルビの範囲を指定する
<rp> : ルビを囲む記号を指定する
<rt> : ルビの内容を指定する
<rtc> : ルビテキストの集まりを指定する
<s> : 正確ではなくなった内容であることを表す
<samp> : プログラムによる出力結果のサンプルとして扱う
: 細則のような付帯注釈を表す
: インライン要素としての範囲を指定する
: 重要な情報として扱う
: 下付き文字として表示する
: 上付き文字として表示する
<time> : 日付や時刻を正確に示す
: 文字に下線（アンダーライン）を引く
<var> : 変数や引数として扱う
： 内での改行位置の指定（NN独自）

<samp>と <kbd>の例文

この機能を実際に使用するには、上部のタグにカーソルを合わせた状態で Command+E キーまたは Ctrl+E キーを押します。すると、上部に CSS クイック編集エディターが開き、適用する CSS ルールが表示されます。クイック編集は、クラスおよび id 属性にも使用できます。また、クイック編集は LESS および SCSS ファイルでも使用できます。新規ルールも同じように作成できます。上部のタグのいずれかをクリックし、Command+E キーまたは Ctrl+E キーを押します。そのとき既存のルールがなければ、「新規ルール」ボタンをクリックしてに新規ルールを追加できます。

<samp>・ <kbd>

<kbd>は「ユーザー入力」を表すものに幅広く使うことができます。パソコンやスマホの操作メニューやボタンに対しても<kbd>を使うのが最適です。
<samp>は、ソフトウェア操作方法を記事にする、ソフトウェアからの出力を文章にする、場合には <samp>を使う

サンプルコードの例


        <samp>

            クイックビューを実際に使ってみるには、このドキュメントの上部にある  タグにカーソルを合わせます。
            その状態で <kbd>Command+E キーまたは Ctrl+E キー</kbd>を押すと、
            CSS クイック編集エディターが開きます。あとは、CSS 内でカラー値のどれかにカーソルを重ねるだけです。また、グラデーションに対してこの機能を使ってみるには、
             
            タグで CSS クイック編集エディターを開き、背景画像の値にカーソルを重ねます。画像のプレビューを試す場合は、
            このドキュメントの前半に掲載されているスクリーンショット画像にカーソルを重ねてみてください。

       </samp>

・CSS (samp・ kbd) お使いのコンピューターに Google Chrome がインストールされていれば、これを実際にお試しいただくことができます。Brackets ウィンドウの右上にある稲妻アイコンをクリックするか、Command+Alt+P キーまたは Ctrl+Alt+P キーを押します。HTML ドキュメントでライブプレビューが有効になっていれば、リンクされている CSS ドキュメントはすべてリアルタイムで編集可能です。 Brackets でローカルブラウザーとの接続が確立されると、アイコンがグレーから金色に変わります。この状態で、上部のタグにカーソルを合わせます。すると、Chrome 上で画像の周囲が青くハイライト表示されます。次に、Command+E キーまたは Ctrl+E キーを押して、定義済みの CSS ルールを開きます。枠のサイズを 10 ピクセルから 20 ピクセルに変更するか、背景色を「透明」から「ホットピンク」に変更してみてください。Brackets とブラウザーが同時に動作していれば、この変更内容が瞬時にブラウザーの表示に反映されるのを確認できます。
・クイックビューを実際に使ってみるには、このドキュメントの上部にあるタグにカーソルを合わせます。その状態で Command+E キーまたは Ctrl+E キーを押すと、 CSS クイック編集エディターが開きます。あとは、CSS 内でカラー値のどれかにカーソルを重ねるだけです。また、グラデーションに対してこの機能を使ってみるには、タグで CSS クイック編集エディターを開き、背景画像の値にカーソルを重ねます。画像のプレビューを試す場合は、このドキュメントの前半に掲載されているスクリーンショット画像にカーソルを重ねてみてください。
・