teacupホーム
掲示板
みんなの掲示板
ブログ
チャット
みんなのチャット
画像
サイトマップ
TOP >> サポート >> 「記事の投稿」画面で使えるHTMLタグ
「記事の投稿」画面で使えるHTMLタグ
はじめに
ご要望にお答えし、ブログの記事で使用できるHTMLタグ制限はなくしました。
下記のタグ以外でも、AutoPageでは、お好きなタグを使って記事を書くことができます。
![[!]](http://img.ap.teacup.com/common/icon/exclamation.gif){kind=icon}
本文の中で<div>タグを使う場合は、必ず</div>タグで閉じてください。
このタグはデザインのレイアウトに関係していますので、正しく閉じないとレイアウト全体がおかしくなります。ご注意ください。
タグ一覧
| タグの書き方 | 実際の表示 |
|---|---|
| <a href="http://リンクURL">リンクしたい文字列</a> | AutoPageにリンクを貼っています。 |
| ※注意： 投稿時に左のようにAタグを書いて投稿すると、target属性が自動的に挿入されて投稿されますので、target属性の指定は不要です。 この時に自分でtarget属性を記入してしまうと、禁止タグとみなされてAタグが機能しなくなってしまいますのでご注意ください。。 |
|
| <b>太字にしたい文字列</b> | 太字にしたい文字列 |
| 文字を太字にしたいときに使います。 | |
| <i>斜体（イタリック）にしたい文字列</i> | 斜体（イタリック）に したい文字列 |
| 文字を斜体（イタリック体）にしたいときに使います。 ※記事の投稿のなかでこのタグを長い文章にわたって使うと、まれにデザインのレイアウトがおかしくなってしまうことがありますのでご注意ください。 |
|
| <u>文字に下線（アンダーライン）を引きます</u> | 文字に下線（アンダーライン）を引きます |
| 文字に下線（アンダーライン）を引きたいときに使います。 | |
| <strike>文字に打ち消し線をつけます</strike> | |
| strikeタグは、文字に打ち消し線をつけることができます。 | |
| <s>これも打ち消し線をつけます</s> | |
| sタグもstrikeタグと同じく文字に打ち消し線をつけることができます。 | |
| 100<sup>6</sup> | 1006 |
| supタグは上つきの添え字を表現します。例えば、100の6乗は1006と書くことが出来ます。 | |
| H<sub>2</sub>O | H2O |
| subタグは下つきの添え字を表現します。例えば、H2OはH2Oと書くことが出来ます。 | |
| <ins>後から追加</ins> | 後から追加 |
| insタグは、後から挿入されたものであることを明示するために用います。 | |
| <del>後から削除</del> | |
| delタグは、後から挿入されたものであることを明示するために用います。 | |
| <font size="2" color="#87ceeb">フォントを変えます</font> | フォントを変えます |
| フォントの色や大きさを変えるのにfontタグを用いることが出来ます。 | |
| <em>強調します</em> | 強調します |
| 文章を強調するときに使います。（多くのブラウザーでは斜体で表示されます。） | |
| <code>プログラムコードなど</code> | プログラムコードなど |
| 囲んだテキストがプログラムコードであることを明示するために用います。（多くのブラウザーでは固定幅フォントで表示されます。） | |
| <blink>テキストを点滅させる</blink> | |
| テキストを点滅させることが出来ます。（最近のブラウザーではサポートされないことが多くなっています。） | |
| <tt>等幅フォントで表示</tt> | 等幅フォントで表示 |
| 囲まれたテキストを等幅フォントで表示します。 | |
| <strong>太字で強調します</strong> | 太字で強調します |
| 囲まれたテキストを強調する際に用います。太字で表示されることが多いです。 | |
| 改行<br>します | 改行 します |
| このタグで強制的に改行できます。 | |
| <q>短い引用文</q> | 短い引用文 |
| qタグは短い引用を記述します。 | |
| <bdo dir="rtl">左から右に書く言語を表示</bdo> | 左から右に書く言語を表示 |
| ヘブライ語など、右→左方向に書く言語を混在させる場合に用います。 | |
| <img src="/common/img/poweredby_auto1.gif" /> |  |
| 画面に画像（写真）を貼りたい時に使います。 | |
| <p>パラグラフ（段落）を設定します。</p> <p>段落ごとに分割できます。</p> |
パラグラフ（段落）を設定します。 段落ごとに分割できます。 |
| 文章をパラグラフ（段落）ごとに分割できます。 | |
| <blockquote> 文章を引用する時に使います </blockquote> |
文章を引用する時に使います。 |
| 文章を引用する時に使います。多くのブラウザでは一段インデントされて表示されます。 | |
| <div align="right">右寄せ</div> <div align="left">左寄せ</div> <div align="center">真ん中</div> |
右寄せ
左寄せ
真ん中 |
| DIVタグは、文字を右寄せや左寄せなどの配置を指定したり、スタイルシートを定義するために使います。 | |
| <span style="color:#ff0000;">赤い文字</span> <span style="color:#ffff00">黄色い文字</span> <span style="font-size:x-large">大きな文字</span> |
赤い文字 黄色い文字 大きな文字 |
| spanタグは、文字にスタイルシートを適用するため等に使われます。 | |
無料ソーシャルゲーム
- ゆるカワ農場ライフ「ベジモン農場」
SEO
- GMOSEOテクノロジーのSEO対策
SEO対策
- 成果報酬型SEO対策ならSEO Airlinesへ
アルバイトならフロムエー
- アルバイト／バイト探しはフロムエーナビ
求人情報ならタウンワーク
- アルバイト･求人の情報が満載!
