★HTMLの基本

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

広告

■HTMLの書き方

<開始タグ>~</終了タグ>で内容を囲む

HTMLタグの使い方は、とても簡単です。<開始タグ>~</終了タグ>で内容を囲めば、
要素(element)の種類を指定することができます。
ウェブページ内の各部分をどのような要素に割り当てるかによって、
タグの種類を使い分けます。

以下の例では、<p>タグを使用して<p>~</p>の部分が段落(paragraph)となるp要素であることを示しています。

<p>段落となります。</p>
↓↓↓

段落となります。

開始タグが<p>、終了タグが</p>、<p>~</p>で囲まれた中身の部分が要素の内容となります。

属性を指定する

HTMLでは、それぞれタグの種類ごとに指定できる属性の名称とその値が定義されています。
タグに属性を追加することで、要素のサイズや配置などをより詳細に指定できます。

以下の例では、<p>要素のalign属性に center という値を指定して、段落を中央揃えにするように指定しています。

<p align=”center“>段落となります。</p>
↓↓↓

段落となります。

属性を指定する際には、値を引用符で囲んで指定します。
使用する引用符は、半角のダブルクォーテーション( ” )
、または、半角のシングルクォーテーション( ´ )のどちらでも構いません。

尚、HTMLでは、引用符を省略できる場合がありますが、使用することが推奨されています。
また、後で解説するXHTMLでは引用符を省略することはできないので、XHTMLへ移行する可能性があるなら引用符は省略しないほうが良いでしょう。

複数の属性を指定する場合には、以下の例のように半角スペースで区切って記述します。属性を記述する順序は問われません。

<p id=”sample” align=”center“>段落となります。</p>
オンラインカジノ

タグは入れ子にできる

タグは入れ子(ネスト)にすることができます。
例えば、<p>タグと<strong>タグを入れ子にして、
段落(paragraph)のなかの特定箇所だけを、強調(strong)することができます。タグの順番は前後しないように正しく配置します。

正:正しい入れ子

<p id=”sample” align=”center“><strong>段落</strong>となります。</p>

誤:間違った入れ子

<strong><p id=”sample” align=”center“>段落</strong>となります。</p>

</終了タグ>を省略できる要素

HTMLでは、<開始タグ>~</終了タグ>が基本形ですが、
<p>タグや<li>タグなど、HTMLタグの一部には終了タグを省略しても良いとされているものもあります。
ただし、XHTMLでは終了タグを省略することができないので、省略できる場合でも終了タグを記述しておくほうが良いでしょう。

正:終了タグを省略しない書き方

<p id=”sample” align=”center“><strong>段落</strong>となります。</p>

正:終了タグを省略した書き方

<p id=”sample” align=”center“><strong>段落</strong>となります。

要素内容を持たない空要素

HTMLの中には、<br>や<img>のように、要素内容を持たない空要素(empty element)と呼ばれるものもあります。
このような内容を持たない要素には終了タグはありません。

空要素の使用例

<p id=”sample” align=”center“>
段落となります。<br>
<img src=”image.gif” alt=”画像“>

</p>

HTMLの記述は小文字をおすすめ

HTMLでは要素名と属性名の大文字と小文字を区別しないので、どちらで記述しても問題ありません。ただし、
後で解説するXHTMLでは、要素名と属性名はすべて小文字で記述しなければならないので、HTMLの要素・属性はすべて小文字で記述しておくほうが良いでしょう。

<前へ 記事一覧へ 次へ>
広告

山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
58 users signed up
もっと表示する