1. TOP
  2. HTMLの基本
  3. HTML タグ
  4. CSS プロパティ
  5. 特殊文字コード

HTMLの基本とCSS


最初から入れておくと便利なCSS



HTMLでclassを複数指定する

HTMLで一つの要素にclass属性の属性値(クラス名)を一つだけではなく複数指定することができます。
class名を複数にする書き方のポイントはHTMLでもCSSでも「スペース(半角)」がポイントです。

<div class="abc1 def2 ghi3">
 子要素が入る
</div>

 

 

コメント・コメントアウト

コメントとはソースコード中にメモや解説をコメントとして記述することです。
コメントアウトもコメントと同じで実行させたくないコードをコメントの中に記述することによって、その行の処理を実行させないことを指します。
コメント・コメントアウトで記述した内容はブラウザに表示されず、処理が実行されることもありません。
The comment tag is used to insert comments in the source code. Comments are not displayed in the browsers.
You can use comments to explain your code, which can help you when you edit the source code at a later date.

HTML <!-- 1行のコメントの場合 --> <!-- 複数行のコメントの場合。
テキストをたくさん書く場合 -->
CSS /* 1行のコメントの場合 */ /* 複数行のコメントの場合。
テキストをたくさん書く場合 */
Javascript // 1行のコメントの場合 /*  複数行のコメントの場合。
テキストをたくさん書く場合 */
PHP // 1行のコメントの場合
# 1行のコメントの場合
/* 複数行のコメントの場合。
テキストをたくさん書く場合 */
注意 ※いずれもコメントアウト内で-(ハイフン)は使用しないこと

 

 

画像解像度がぞうかいぞうどについて

WEBで使用する画像(image)の画像解像度は通常72dpi(72dpi~96dpi)となります。
画像ファイルの解像度を見る方法、解像度を変更する方法は

解像度とファイル名(PDF)

  • Webに最適な解像度=72dpi
  • ポスターに最適な解像度=200dpi
  • 印刷物に最適な解像度=300~350dpi

印刷物の解像度はあくまでも目安です。 
印刷物の用途や今後の展開に合わせて、最適な解像度を選んでください。

 

 

引用文いんようぶん(Quote)

インターネットからコピーした文章など引用文であることを明示するために「引用タグ」を使います。

長い文章をまとめて引用/blockquote
<blockquote>~</blockquote>
example
<blockquote><p>コピーした長い引用文</p></blockquote>



一部を引用する/quote
<q>~</q>
example
<p>ここで紹介するのは<q>短い引用文</q></p>


引用元を表記する(URL)/cite
引用した文章がどこから引用したものであるかを示します。
example
<blockquote cite=”https://www.xxxx.com”><p>コピーした長い引用文</p></blockquote>
example
<p>ここで紹介するのは<q cite=”https://www.xxxx.com”>短い引用文</q></p>