HTMLテキスト

テキストの王様です

どんなに多くの凝ったエフェクトやアニメーションをWebサイト、インターネットの主要な推進力があるとは常にテキストの内容になります。したがって、1つは、HTMLを学ぶ必要がある最初の事はどのように適切に構造現在のテキスト情報を。

段落

最も基本的なツールのHTMLを提供する第一要素である<p>...</p> 。これは、開始タグと終了タグをデフォルトとする前に余分な空白行が追加されます間でテキストを囲むにした。ここで2つの段落での例です:

HTMLの段落

<p>Donec at enim. Nunc ac leo. Proin nec odio. In id odio sed neque varius rutrum. Sed tellus. Vestibulum enim lacus, cursus id, tempus nec, consequat ac, nibh. Nulla facilisi. Donec vestibulum ante. Nulla facilisi.</p>
<p>Nulla quam sem,
pulvinar id, adipiscing feugiat, aliquet vitae, velit. Curabitur pretium sem vel massa consequat vehicula.</p>

出力

改行を

たぶんあなたは上記の2番目の段落のコードでNulla quamのSEMの後に改行を気づいたとその理由は、Webページの出力で同じようにしませんか疑問に思いました。 HTMLの改行と2つ以上の連続したスペースを無視します 。場合は、行を明示的にタグには、 改行を使用してHTMLを指示する必要がブレークを追加する<br />

<br />ちょうど約どこでも改行を追加したい場合に使用することができる自己終了タグ(ちょうど1つのタグ終了タグなし)です。希薄で、しかし、皆さんすぐに、テキストブロックの間に追加する制御領域について多くのより良い方法を学びますそれを使用します。

HTMLの改行

<p>Nulla quam sem,<br />pulvinar id, adipiscing feugiat, aliquet vitae, velit. Curabitur pretium sem vel massa consequat vehicula.</p>

出力

強力なテキストを強調

場合は、 強力なタグを使用することができます特定のテキスト部分に余分な重量を提供したい<strong>またはタグを強調する <em> 。意味的には、同封のテキストにさらに重要なことを与えるのと同じ意味を持ちます。ただし、ブラウザは伝統的に強力なテキストを太字でレンダリングして、テキストを斜体と強調した。

HTMLの強い強調

<p>this is <strong>strong</strong> text<br />
this is <em>emphasized</em> text</p>

出力

これらのタグは、同封のテキストにさらに重要性を与えるためのもの、彼らだけが目的のためだけでなく、テキストをボールドやイタリック体の外観を与えるために使用される必要があります。あなたが早く正確にこれを行うためのCSS初心者のより良い方法のチュートリアルで学びます。は、HTMLの構造セマンティクスのために使用されるためのものであることを忘れないはCSSのスタイルとドキュメントの外観を変更するためです。